scb-wc 0.1.192 → 0.1.194
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/all.js +1 -1
- package/blazor/ScbBlazorInteropBase.cs +0 -64
- package/blazor/scb-blazor-bridge.js +0 -24
- package/component-defaults.js +0 -1
- package/index.js +22 -22
- package/mvc/components/all.js +1 -1
- package/mvc/components/scb-card/scb-card.js +1 -1
- package/mvc/components/scb-icon-button/scb-icon-button.js +9 -9
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +1 -1
- package/mvc/components/scb-link/scb-link.js +3 -8
- package/mvc/components/scb-link-button/scb-link-button.js +20 -0
- package/mvc/components/scb-viz/scb-viz.js +1 -2
- package/mvc/scb-blazor-bridge.js +0 -24
- package/mvc/scb-typography.css +1 -1
- package/mvc/scb-wc-core.css +1 -1
- package/mvc/scb-wc-selfhost.css +1 -1
- package/mvc/scb-wc.css +1 -1
- package/mvc/vendor/component-defaults.js +1 -1
- package/package.json +6 -6
- package/scb-components/index.d.ts +1 -1
- package/scb-components/scb-icon-button/scb-icon-button.d.ts +0 -3
- package/scb-components/scb-link-button/scb-link-button.d.ts +29 -0
- package/scb-components/scb-segmented-button/scb-segmented-button.d.ts +1 -1
- package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +1 -1
- package/scb-icon-button/scb-icon-button.js +1 -14
- package/scb-keyfigure-card/scb-keyfigure-card.js +1 -1
- package/scb-link/scb-link.js +30 -35
- package/scb-link-button/scb-link-button.js +264 -0
- package/scb-typography.css +1 -1
- package/scb-viz/scb-viz.js +1 -2
- package/scb-wc-core.css +1 -1
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +385 -334
- package/scb-wc.css +1 -1
- package/scb-wc.d.ts +2 -2
- package/mvc/components/scb-fab/scb-fab.js +0 -61
- package/scb-components/scb-fab/scb-fab.d.ts +0 -43
- package/scb-fab/scb-fab.js +0 -236
package/all.js
CHANGED
|
@@ -29,7 +29,6 @@ import './scb-divider/scb-divider.js';
|
|
|
29
29
|
import './scb-drawer/scb-drawer.js';
|
|
30
30
|
import './scb-drop-zone/scb-drop-zone.js';
|
|
31
31
|
import './scb-dropdown/scb-dropdown.js';
|
|
32
|
-
import './scb-fab/scb-fab.js';
|
|
33
32
|
import './scb-fact-card/scb-fact-card-content.js';
|
|
34
33
|
import './scb-fact-card/scb-fact-card.js';
|
|
35
34
|
import './scb-footer/scb-footer-section.js';
|
|
@@ -48,6 +47,7 @@ import './scb-horizontal-scroller/scb-horizontal-scroller.js';
|
|
|
48
47
|
import './scb-icon-button/scb-icon-button.js';
|
|
49
48
|
import './scb-icon/scb-icon.js';
|
|
50
49
|
import './scb-keyfigure-card/scb-keyfigure-card.js';
|
|
50
|
+
import './scb-link-button/scb-link-button.js';
|
|
51
51
|
import './scb-link-card/scb-link-card.js';
|
|
52
52
|
import './scb-link/scb-link.js';
|
|
53
53
|
import './scb-list-card/scb-list-card.js';
|
|
@@ -119,9 +119,6 @@ namespace ScbBlazor
|
|
|
119
119
|
// Fact cards (scb-fact-card)
|
|
120
120
|
protected FactCardState[] FactCards { get; private set; } = Array.Empty<FactCardState>();
|
|
121
121
|
|
|
122
|
-
// Alla floating action buttons (scb-fab) på sidan
|
|
123
|
-
protected FabState[] Fabs { get; private set; } = Array.Empty<FabState>();
|
|
124
|
-
|
|
125
122
|
// Footer (scb-footer)
|
|
126
123
|
protected FooterState[] Footers { get; private set; } = Array.Empty<FooterState>();
|
|
127
124
|
|
|
@@ -873,35 +870,6 @@ namespace ScbBlazor
|
|
|
873
870
|
FactCards = Array.Empty<FactCardState>();
|
|
874
871
|
}
|
|
875
872
|
|
|
876
|
-
// FABs
|
|
877
|
-
if (state.Fabs is not null && state.Fabs.Length > 0)
|
|
878
|
-
{
|
|
879
|
-
var fabs = new FabState[state.Fabs.Length];
|
|
880
|
-
for (var i = 0; i < state.Fabs.Length; i++)
|
|
881
|
-
{
|
|
882
|
-
var dto = state.Fabs[i];
|
|
883
|
-
fabs[i] = new FabState
|
|
884
|
-
{
|
|
885
|
-
Icon = dto.Icon ?? string.Empty,
|
|
886
|
-
Label = dto.Label ?? string.Empty,
|
|
887
|
-
AriaLabel = dto.AriaLabel ?? string.Empty,
|
|
888
|
-
Size = dto.Size ?? string.Empty,
|
|
889
|
-
Type = dto.Type ?? string.Empty,
|
|
890
|
-
Disabled = dto.Disabled,
|
|
891
|
-
Spacing = dto.Spacing ?? string.Empty,
|
|
892
|
-
SpacingTop = dto.SpacingTop ?? string.Empty,
|
|
893
|
-
SpacingBottom = dto.SpacingBottom ?? string.Empty,
|
|
894
|
-
SpacingLeft = dto.SpacingLeft ?? string.Empty,
|
|
895
|
-
SpacingRight = dto.SpacingRight ?? string.Empty,
|
|
896
|
-
};
|
|
897
|
-
}
|
|
898
|
-
Fabs = fabs;
|
|
899
|
-
}
|
|
900
|
-
else
|
|
901
|
-
{
|
|
902
|
-
Fabs = Array.Empty<FabState>();
|
|
903
|
-
}
|
|
904
|
-
|
|
905
873
|
// Footers
|
|
906
874
|
if (state.Footers is not null && state.Footers.Length > 0)
|
|
907
875
|
{
|
|
@@ -3095,21 +3063,6 @@ namespace ScbBlazor
|
|
|
3095
3063
|
public string SpacingRight { get; set; } = string.Empty;
|
|
3096
3064
|
}
|
|
3097
3065
|
|
|
3098
|
-
protected sealed class FabState
|
|
3099
|
-
{
|
|
3100
|
-
public string Icon { get; set; } = string.Empty;
|
|
3101
|
-
public string Label { get; set; } = string.Empty;
|
|
3102
|
-
public string AriaLabel { get; set; } = string.Empty;
|
|
3103
|
-
public string Size { get; set; } = string.Empty;
|
|
3104
|
-
public string Type { get; set; } = string.Empty;
|
|
3105
|
-
public bool Disabled { get; set; }
|
|
3106
|
-
public string Spacing { get; set; } = string.Empty;
|
|
3107
|
-
public string SpacingTop { get; set; } = string.Empty;
|
|
3108
|
-
public string SpacingBottom { get; set; } = string.Empty;
|
|
3109
|
-
public string SpacingLeft { get; set; } = string.Empty;
|
|
3110
|
-
public string SpacingRight { get; set; } = string.Empty;
|
|
3111
|
-
}
|
|
3112
|
-
|
|
3113
3066
|
protected sealed class FooterState
|
|
3114
3067
|
{
|
|
3115
3068
|
public string Id { get; set; } = string.Empty;
|
|
@@ -3630,8 +3583,6 @@ namespace ScbBlazor
|
|
|
3630
3583
|
|
|
3631
3584
|
public FactCardDto[] FactCards { get; set; } = Array.Empty<FactCardDto>();
|
|
3632
3585
|
|
|
3633
|
-
public FabDto[] Fabs { get; set; } = Array.Empty<FabDto>();
|
|
3634
|
-
|
|
3635
3586
|
public FooterDto[] Footers { get; set; } = Array.Empty<FooterDto>();
|
|
3636
3587
|
|
|
3637
3588
|
public GridDto[] Grids { get; set; } = Array.Empty<GridDto>();
|
|
@@ -3981,21 +3932,6 @@ namespace ScbBlazor
|
|
|
3981
3932
|
public string? SpacingRight { get; set; }
|
|
3982
3933
|
}
|
|
3983
3934
|
|
|
3984
|
-
private sealed class FabDto
|
|
3985
|
-
{
|
|
3986
|
-
public string? Icon { get; set; }
|
|
3987
|
-
public string? Label { get; set; }
|
|
3988
|
-
public string? AriaLabel { get; set; }
|
|
3989
|
-
public string? Size { get; set; }
|
|
3990
|
-
public string? Type { get; set; }
|
|
3991
|
-
public bool Disabled { get; set; }
|
|
3992
|
-
public string? Spacing { get; set; }
|
|
3993
|
-
public string? SpacingTop { get; set; }
|
|
3994
|
-
public string? SpacingBottom { get; set; }
|
|
3995
|
-
public string? SpacingLeft { get; set; }
|
|
3996
|
-
public string? SpacingRight { get; set; }
|
|
3997
|
-
}
|
|
3998
|
-
|
|
3999
3935
|
private sealed class FooterDto
|
|
4000
3936
|
{
|
|
4001
3937
|
public string? Id { get; set; }
|
|
@@ -1940,7 +1940,6 @@ window.SCBBlazor.getState = function (root) {
|
|
|
1940
1940
|
const chevrons = ctx.querySelectorAll('scb-chevron');
|
|
1941
1941
|
const dividers = ctx.querySelectorAll('scb-divider');
|
|
1942
1942
|
const factCards = ctx.querySelectorAll('scb-fact-card');
|
|
1943
|
-
const fabs = ctx.querySelectorAll('scb-fab');
|
|
1944
1943
|
const footers = ctx.querySelectorAll('scb-footer');
|
|
1945
1944
|
const grids = ctx.querySelectorAll('scb-grid');
|
|
1946
1945
|
const horizontalScrollers = ctx.querySelectorAll('scb-horizontal-scroller');
|
|
@@ -2406,28 +2405,6 @@ window.SCBBlazor.getState = function (root) {
|
|
|
2406
2405
|
};
|
|
2407
2406
|
});
|
|
2408
2407
|
|
|
2409
|
-
// Alla scb-fab på sidan
|
|
2410
|
-
const fabsState = Array.from(fabs).map((fab) => {
|
|
2411
|
-
const anyFab = fab;
|
|
2412
|
-
|
|
2413
|
-
return {
|
|
2414
|
-
icon: (anyFab.icon ?? fab.getAttribute('icon') ?? '').toString(),
|
|
2415
|
-
label: (anyFab.label ?? fab.getAttribute('label') ?? '').toString(),
|
|
2416
|
-
ariaLabel: (anyFab.ariaLabel ?? fab.getAttribute('aria-label') ?? '').toString(),
|
|
2417
|
-
size: (anyFab.size ?? fab.getAttribute('size') ?? '').toString(),
|
|
2418
|
-
type: (anyFab.type ?? fab.getAttribute('type') ?? '').toString(),
|
|
2419
|
-
disabled:
|
|
2420
|
-
typeof anyFab.disabled === 'boolean'
|
|
2421
|
-
? anyFab.disabled
|
|
2422
|
-
: fab.hasAttribute('disabled'),
|
|
2423
|
-
spacing: (anyFab.spacing ?? fab.getAttribute('spacing') ?? '').toString(),
|
|
2424
|
-
spacingTop: (anyFab.spacingTop ?? fab.getAttribute('spacing-top') ?? '').toString(),
|
|
2425
|
-
spacingBottom: (anyFab.spacingBottom ?? fab.getAttribute('spacing-bottom') ?? '').toString(),
|
|
2426
|
-
spacingLeft: (anyFab.spacingLeft ?? fab.getAttribute('spacing-left') ?? '').toString(),
|
|
2427
|
-
spacingRight: (anyFab.spacingRight ?? fab.getAttribute('spacing-right') ?? '').toString(),
|
|
2428
|
-
};
|
|
2429
|
-
});
|
|
2430
|
-
|
|
2431
2408
|
// Alla scb-footer på sidan
|
|
2432
2409
|
const footersState = Array.from(footers).map((ft) => {
|
|
2433
2410
|
const anyFt = ft;
|
|
@@ -4236,7 +4213,6 @@ window.SCBBlazor.getState = function (root) {
|
|
|
4236
4213
|
chevrons: chevronsState,
|
|
4237
4214
|
dividers: dividersState,
|
|
4238
4215
|
factCards: factCardsState,
|
|
4239
|
-
fabs: fabsState,
|
|
4240
4216
|
footers: footersState,
|
|
4241
4217
|
grids: gridsState,
|
|
4242
4218
|
horizontalScrollers: horizontalScrollersState,
|
package/component-defaults.js
CHANGED
|
@@ -10,7 +10,6 @@ var e = {
|
|
|
10
10
|
"scb-checkbox-group": { size: "medium" },
|
|
11
11
|
"scb-chip": { size: "medium" },
|
|
12
12
|
"scb-dropdown": { size: "medium" },
|
|
13
|
-
"scb-fab": { size: "small" },
|
|
14
13
|
"scb-fact-card": { size: "large" },
|
|
15
14
|
"scb-header": { size: "large" },
|
|
16
15
|
"scb-icon": { size: "medium" },
|
package/index.js
CHANGED
|
@@ -48,27 +48,27 @@ import { ScbOptionsMenuItem as J } from "./scb-options-menu/scb-options-menu-ite
|
|
|
48
48
|
import { ScbOptionsSubMenu as Y } from "./scb-options-menu/scb-options-sub-menu.js";
|
|
49
49
|
import { ScbOptionsMenu as X } from "./scb-options-menu/scb-options-menu.js";
|
|
50
50
|
import { ScbDropdown as Z } from "./scb-dropdown/scb-dropdown.js";
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
51
|
+
import { ScbFactCardContent as Q } from "./scb-fact-card/scb-fact-card-content.js";
|
|
52
|
+
import { ScbFactCard as $ } from "./scb-fact-card/scb-fact-card.js";
|
|
53
|
+
import { ScbFooterSection as ee } from "./scb-footer/scb-footer-section.js";
|
|
54
|
+
import { ScbGridItem as te } from "./scb-grid/scb-grid-item.js";
|
|
55
|
+
import { ScbStack as ne } from "./scb-grid/scb-stack.js";
|
|
56
|
+
import { ScbGrid as re } from "./scb-grid/scb-grid.js";
|
|
57
|
+
import { ScbFooter as ie } from "./scb-footer/scb-footer.js";
|
|
58
|
+
import { ScbIcon as ae } from "./scb-icon/scb-icon.js";
|
|
59
|
+
import { ScbNotificationCard as oe } from "./scb-notification-card/scb-notification-card.js";
|
|
60
|
+
import { ScbFormErrorSummary as se } from "./scb-form-error-summary/scb-form-error-summary.js";
|
|
61
|
+
import { hasScbSvgIcon as ce, renderScbIcon as le } from "./shared/scb-icon-svg.js";
|
|
62
|
+
import { ScbHorizontalScroller as ue } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
63
|
+
import { ScbOverlay as de } from "./scb-overlay/scb-overlay.js";
|
|
64
|
+
import { ScbGalleryGrid as fe } from "./scb-gallery-grid/scb-gallery-grid.js";
|
|
65
|
+
import { ScbHeaderMenuGroup as pe } from "./scb-header/scb-header-menu-group.js";
|
|
66
|
+
import { ScbHeaderMenuItem as me } from "./scb-header/scb-header-menu-item.js";
|
|
67
|
+
import { ScbHeaderTab as he } from "./scb-header/scb-header-tab.js";
|
|
68
|
+
import { ScbHeaderUtility as ge } from "./scb-header/scb-header-utility.js";
|
|
69
|
+
import { ScbHeader as _e } from "./scb-header/scb-header.js";
|
|
70
|
+
import { ScbKeyFigureCard as ve } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
71
|
+
import { ScbLinkButton as ye } from "./scb-link-button/scb-link-button.js";
|
|
72
72
|
import { ScbMenuItem as be } from "./scb-menu/scb-menu-item.js";
|
|
73
73
|
import { ScbmenuSection as xe } from "./scb-menu/scb-menu-section.js";
|
|
74
74
|
import { ScbSubmenu as Se } from "./scb-menu/scb-sub-menu.js";
|
|
@@ -104,4 +104,4 @@ import { clearScbVizSeriesDifferentiationColorClass as ht, clearScbVizSeriesDiff
|
|
|
104
104
|
import { buildScbVizResolvedTableView as Pt, createScbVizCsvRows as Ft, inferScbVizTableAlignments as It, normalizeScbVizRenderableCell as Lt, readScbVizTableDataFromSlot as Rt } from "./scb-viz/scb-viz-table-runtime.js";
|
|
105
105
|
import { ScbViz as zt } from "./scb-viz/scb-viz.js";
|
|
106
106
|
import { ensureRippleReady as Bt, syncRippleToControl as Vt } from "./shared/lazy-ripple.js";
|
|
107
|
-
export { D as SCBBreadcrumb, E as SCBBreadcrumbItem, l as ScbAccordion, s as ScbAccordionItem, u as ScbActionCard, C as ScbAppBar, a as ScbAvatar, w as ScbBadge, c as ScbButton, H as ScbCalendar, U as ScbCalendarCard, O as ScbCalendarEvent, d as ScbCard, P as ScbCheckbox, N as ScbCheckboxGroup, o as ScbChevron, R as ScbChip, W as ScbCollapse, f as ScbContainerCard, G as ScbCookiesConsent, A as ScbDatepicker, z as ScbDialog, k as ScbDivider, K as ScbDrawer, q as ScbDropZone, Z as ScbDropdown,
|
|
107
|
+
export { D as SCBBreadcrumb, E as SCBBreadcrumbItem, l as ScbAccordion, s as ScbAccordionItem, u as ScbActionCard, C as ScbAppBar, a as ScbAvatar, w as ScbBadge, c as ScbButton, H as ScbCalendar, U as ScbCalendarCard, O as ScbCalendarEvent, d as ScbCard, P as ScbCheckbox, N as ScbCheckboxGroup, o as ScbChevron, R as ScbChip, W as ScbCollapse, f as ScbContainerCard, G as ScbCookiesConsent, A as ScbDatepicker, z as ScbDialog, k as ScbDivider, K as ScbDrawer, q as ScbDropZone, Z as ScbDropdown, $ as ScbFactCard, Q as ScbFactCardContent, ie as ScbFooter, ee as ScbFooterSection, se as ScbFormErrorSummary, fe as ScbGalleryGrid, re as ScbGrid, te as ScbGridItem, _e as ScbHeader, pe as ScbHeaderMenuGroup, me as ScbHeaderMenuItem, he as ScbHeaderTab, ge as ScbHeaderUtility, ue as ScbHorizontalScroller, ae as ScbIcon, g as ScbIconButton, ve as ScbKeyFigureCard, T as ScbLink, ye as ScbLinkButton, p as ScbLinkCard, V as ScbList, m as ScbListCard, B as ScbListItem, Ce as ScbMenu, be as ScbMenuItem, Te as ScbNav, we as ScbNavItem, oe as ScbNotificationCard, X as ScbOptionsMenu, J as ScbOptionsMenuItem, Y as ScbOptionsSubMenu, de as ScbOverlay, Ee as ScbPagination, Ue as ScbPrimaryTab, De as ScbProgressIndicator, Oe as ScbProgressStep, ke as ScbProgressStepper, I as ScbRadioButton, F as ScbRadioGroup, Ae as ScbScrollspy, S as ScbSearch, We as ScbSecondaryTab, Me as ScbSegmentedButton, je as ScbSegmentedItem, Pe as ScbSelect, Ne as ScbSelectOption, Fe as ScbSkeleton, Ie as ScbSlider, Le as ScbSnackbar, h as ScbSocialCard, ne as ScbStack, Re as ScbStatusPill, ze as ScbStep, Be as ScbStepper, Se as ScbSubmenu, L as ScbSwitch, Ve as ScbTable, He as ScbTableAdvanced, Ge as ScbTabs, M as ScbTextField, qe as ScbToc, Ke as ScbTocItem, j as ScbTooltip, zt as ScbViz, xe as ScbmenuSection, e as addLazyFocusRingListeners, lt as appendScbVizSeriesDifferentiationPatternMarks, Je as buildScbVizExportFileName, ot as buildScbVizPrintDocumentHtml, st as buildScbVizPrintableFooterHtml, ct as buildScbVizPrintableTableHtml, Pt as buildScbVizResolvedTableView, ht as clearScbVizSeriesDifferentiationColorClass, gt as clearScbVizSeriesDifferentiationMetadata, _ as closeManualPopover, v as closeManualPopoverAfterAnimations, y as closeNestedPopupSurfaces, i as componentSizeToken, Ye as createScbVizCsvBlob, Ft as createScbVizCsvRows, Xe as createScbVizRasterBlobFromElement, Ze as createScbVizRasterDataUrlFromElement, Qe as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, Bt as ensureRippleReady, _t as ensureScbVizGroupedSeriesDifferentiationStore, vt as ensureScbVizStyledModeSeriesPattern, $e as getScbVizCurrentFullscreenElement, et as getScbVizExportBaseFileName, tt as getScbVizFullscreenDocument, yt as getScbVizGroupedSeriesDifferentiationKey, bt as getScbVizGroupedSeriesDifferentiationVariant, xt as getScbVizGroupedSeriesDifferentiationVariantIndex, St as getScbVizHighchartsColorClassName, Ct as getScbVizHighchartsSvgElement, wt as getScbVizHighchartsSvgRoot, Tt as getScbVizLegendSeriesDifferentiationTargets, Et as getScbVizSeriesDifferentiationColorIndex, ut as getScbVizSeriesDifferentiationPatternDefinition, dt as getScbVizSeriesDifferentiationPatternKinds, ft as getScbVizSeriesDifferentiationRegistry, pt as getScbVizSeriesDifferentiationVariant, Dt as getScbVizSeriesDifferentiationVariantByIndex, ce as hasScbSvgIcon, It as inferScbVizTableAlignments, b as isManualPopoverOpen, nt as isScbVizFullscreenSupported, Ot as isScbVizGroupedSeriesDifferentiationChart, kt as isScbVizHighchartsStyledMode, Lt as normalizeScbVizRenderableCell, x as openManualPopover, rt as openScbVizPrintFrame, Rt as readScbVizTableDataFromSlot, le as renderScbIcon, it as runWithScbVizForcedPrintLightMode, mt as scbVizSeriesDifferentiationRegistry, At as setScbVizSeriesDifferentiationColorClass, jt as setScbVizSeriesDifferentiationMetadata, Mt as shouldShowScbVizSeriesDifferentiationAction, Vt as syncRippleToControl, at as toggleScbVizFullscreen, Nt as usesScbVizGroupedPointDifferentiation };
|
package/mvc/components/all.js
CHANGED
|
@@ -29,7 +29,6 @@ import './scb-divider/scb-divider.js';
|
|
|
29
29
|
import './scb-drawer/scb-drawer.js';
|
|
30
30
|
import './scb-drop-zone/scb-drop-zone.js';
|
|
31
31
|
import './scb-dropdown/scb-dropdown.js';
|
|
32
|
-
import './scb-fab/scb-fab.js';
|
|
33
32
|
import './scb-fact-card/scb-fact-card.js';
|
|
34
33
|
import './scb-fact-card/scb-fact-card-content.js';
|
|
35
34
|
import './scb-footer/scb-footer.js';
|
|
@@ -48,6 +47,7 @@ import './scb-horizontal-scroller/scb-horizontal-scroller.js';
|
|
|
48
47
|
import './scb-icon-button/scb-icon-button.js';
|
|
49
48
|
import './scb-icon/scb-icon.js';
|
|
50
49
|
import './scb-keyfigure-card/scb-keyfigure-card.js';
|
|
50
|
+
import './scb-link-button/scb-link-button.js';
|
|
51
51
|
import './scb-link-card/scb-link-card.js';
|
|
52
52
|
import './scb-link/scb-link.js';
|
|
53
53
|
import './scb-list-card/scb-list-card.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js","../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../shared/component-size-token.js","../scb-icon-button/scb-icon-button.js","../../vendor/assertClassBrand.js","../scb-button/scb-button.js","../scb-link/scb-link.js","../../vendor/classPrivateFieldGet2.js","../scb-chip/scb-chip.js","../scb-avatar/scb-avatar.js","../scb-tooltip/scb-tooltip.js","../../vendor/icon.js","../../vendor/rolldown-runtime.js","../shared/manual-popover.js","../../vendor/scb-card-variants.internal.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{componentSizeToken as _t}from"../shared/component-size-token.js";import{t as xt}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,c){try{customElements.get(e)||t(e,i,c)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var L,kt=new Set(["social-comments-text","social-comments","social-comments-disabled","social-comments-href","social-comments-link-label","social-likes-text","social-like-label","social-likes","social-likes-disabled","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href","social-reply-enabled","social-reply-label","social-edit-enabled","social-edit-label","social-delete-enabled","social-delete-label"]),z="data-scb-card-managed-list-size",_="data-scb-card-managed-action-button-size",R="data-scb-card-managed-chip-size",$="data-scb-card-managed-avatar-size",wt=new Set(["small","medium","large"]),St=new Set(["small","medium","large"]),At=new Set(["small","medium","large","extra-large"]),P,E,I,B,D,H,O,V,N,F;function Tt(){return V??(V=m(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),V}function G(){return N??(N=m(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),N}function Ct(){return P??(P=m(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([3,4,5,6,7,8,1,9]),import.meta.url)),P}function Lt(){return E??(E=m(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([10,4,5,1,6,7,11]),import.meta.url)),E}function Rt(){return I??(I=m(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([12,4,5,1,6,7,11]),import.meta.url)),I}function $t(){return B??(B=m(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([13,4,5,1,7,11,14]),import.meta.url)),B}function Pt(){return D??(D=m(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([15,4,5,1,6,7,11]),import.meta.url)),D}function Et(){return H??(H=m(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([16,4,5,1,6,7,11]),import.meta.url)),H}function It(){return O??(O=m(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([17,4,5,18,19,1,9,7,20]),import.meta.url)),O}function Bt(){return F??(F=m(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([21,4,5]),import.meta.url)),F}var o={fromAttribute:p=>p??"",toAttribute:p=>typeof p!="string"||p.trim()===""?null:p},s=(L=class extends yt{constructor(...t){super(...t),this.__dependencyKey="",this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size=xt["scb-card"].size,this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.commentsLinkLabel="Gå till kommentarer",this.likesText="",this.likeLabel="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.replyLabel="Svara",this.editEnabled=!1,this.editLabel="Redigera",this.deleteEnabled=!1,this.deleteLabel="Ta bort",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const i=e.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__ensureRippleOnInteraction=(e,i=!1)=>{if(this.__primaryHref()){if(e&&(this.__pendingRippleEvent=e),i&&(this.__pendingRippleClick=!0),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,G().then(({ensureRippleReady:c})=>c()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}},this.__syncRipple=async()=>{const e=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-card"),c=this.__pendingRippleEvent,n=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:b}=await G();await b(e,i,c,n)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,Tt().then(({ensureFocusRingReady:e})=>e()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=e=>{if(e.target!==e.currentTarget)return;const i=this.__primaryHref();(e.key==="Enter"||e.key===" ")&&i&&(e.preventDefault(),this.__ensureRippleOnInteraction(void 0,!0),this.__navigate(i,e))},this.__handleHrefNavigation=e=>{const i=this.__primaryHref();i&&(e.target.closest("a")||this.__navigate(i,e))},this.__handleSlottedCardLinkClick=e=>{const i=e.composedPath().find(c=>c instanceof HTMLAnchorElement&&c.getAttribute("slot")==="card-link")?.getAttribute("href")||this.__primaryHref();i&&(this.__dispatchCardNavigate(i,e)||e.preventDefault())}}attributeChangedCallback(t,e,i){this.__isSyncingManagedSocialAttributes&&kt.has(t)||super.attributeChangedCallback(t,e,i)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:600,h:400};const i=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(i&&i.length===2){const n=Number(i[0]),b=Number(i[1]);if(n>0&&b>0)return{w:n,h:b}}const c=Number(e);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__mediaReserveAspect(t=""){const e=(this.mediaAspect||"").trim();if(e)return e;const i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;return i>0&&c>0?`${i} / ${c}`:t}__mediaReserveStyle(t=""){const e=this.__mediaReserveAspect(t);return e?`--scb-card-media-aspect:${e};`:""}__slottedMediaAspect(){const t=this.querySelector('[slot="media"]');if(!t)return"";const e=Number(t.getAttribute("width"))||0,i=Number(t.getAttribute("height"))||0;return e>0&&i>0?`${e} / ${i}`:""}__isAvatarMedia(){return(this.mediaType||"").toLowerCase()==="avatar"?!0:this.querySelector(':scope > [slot="media"]')?.localName==="scb-avatar"}get __resolvedTitle(){return this.cardTitle||this.title}get cardType(){const t=(this.type||"standard").toLowerCase();switch(t){case"standard":case"list":case"social":case"link":case"action":case"container":return t;default:return"standard"}}__ensureVariantRenderer(){return this.cardType==="standard"||this.__variantRenderer?Promise.resolve():Bt().then(t=>{this.__variantRenderer!==t&&(this.__variantRenderer=t,t.ensureScbCardVariantStyles(this.renderRoot),this.requestUpdate())})}__dispatchCardNavigate(t,e){const i={href:t,originalEvent:e},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const n=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(n),!n.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__slottedCardLink(){return this.querySelector(':scope > a[slot="card-link"]')}__primaryHref(){return this.__effectiveHref()||this.__slottedCardLink()?.getAttribute("href")||""}__navigate(t,e){t&&this.__dispatchCardNavigate(t,e)&&window.open(t,"_self")}__slotNames(){const t=new Set;for(const e of Array.from(this.children)){const i=e.getAttribute("slot");i&&t.add(i)}return t}__hasSlottedContent(t,e){return e?e.has(t):Array.from(this.children).some(i=>i.getAttribute("slot")===t)}__hasLightDomElement(t){return!!this.querySelector(t)}__syncListCardListSize(){const t=Array.from(this.querySelectorAll("scb-list"));if(this.cardType!=="list"){for(const i of t){const c=i.getAttribute(z);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(z)}return}const e=this.size||"large";for(const i of t){const c=i.getAttribute(z);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(z);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(z,e))}}__actionCardButtonSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-actions-button-size").trim();return wt.has(t)?t:"medium"}__cardChipSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-chip-component-size").trim();return St.has(t)?t:"medium"}__syncChipSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-chip[slot="scb-chip"]')),e=this.__cardChipSize();for(const i of t){const c=i.getAttribute(R);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(R);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(R,e))}}__cardAvatarSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-avatar-component-size").trim();return At.has(t)?t:"medium"}__syncAvatarSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-avatar[slot="media"]')),e=this.__cardAvatarSize();for(const i of t){const c=i.getAttribute($);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute($);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute($,e))}}__socialIconButtonSize(){return _t(this,"--scb-card-size-social-icon-button-component-size",["tiny","extra-small","small","medium","large"],this.size==="small"?"small":"medium")}__syncActionCardButtonSizes(){const t=Array.from(this.querySelectorAll(':scope > [slot="actions"] scb-button, :scope > scb-button[slot="actions"]'));if(this.cardType!=="action"){for(const i of t){const c=i.getAttribute(_);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(_)}return}const e=this.__actionCardButtonSize();for(const i of t){const c=i.getAttribute(_);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(_);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(_,e))}}__slottedText(t){return(this.querySelector(`:scope > [slot="${t}"]`)?.textContent??"").replace(/\s+/g," ").trim()}__ensureDependenciesReady(){const t=[],e=[],i=this.cardType,c=!!this.vignette?.trim(),n=(v,h)=>{e.push(v),t.push(h())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&n("list",Ct),i!=="standard"&&n("card-variants",()=>this.__ensureVariantRenderer()),(i==="social"&&(!this.likesDisabled&&this.likesInteractive||!this.commentsDisabled&&this.commentsHref||this.replyEnabled||this.editEnabled||this.deleteEnabled)||this.__hasLightDomElement("scb-icon-button"))&&n("icon-button",Lt),this.__hasLightDomElement("scb-button")&&n("button",Rt),this.__hasLightDomElement("scb-link")&&n("link",$t),(c||this.__hasLightDomElement("scb-chip"))&&n("chip",Pt),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&n("avatar",Et),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&n("tooltip",It);const b=e.sort().join("|");b!==this.__dependencyKey&&(this.__dependencyKey=b,t.length>0&&Promise.all(t).then(()=>this.requestUpdate()))}__mediaTemplate(t){const e=this.__isAvatarMedia();if(this.__hasSlottedContent("media",t)){const i=e?"":this.__mediaReserveStyle(this.__slottedMediaAspect());return d`
|
|
2
|
+
import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{componentSizeToken as _t}from"../shared/component-size-token.js";import{t as xt}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,c){try{customElements.get(e)||t(e,i,c)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var L,kt=new Set(["social-comments-text","social-comments","social-comments-disabled","social-comments-href","social-comments-link-label","social-likes-text","social-like-label","social-likes","social-likes-disabled","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href","social-reply-enabled","social-reply-label","social-edit-enabled","social-edit-label","social-delete-enabled","social-delete-label"]),z="data-scb-card-managed-list-size",_="data-scb-card-managed-action-button-size",R="data-scb-card-managed-chip-size",$="data-scb-card-managed-avatar-size",wt=new Set(["small","medium","large"]),St=new Set(["small","medium","large"]),At=new Set(["small","medium","large","extra-large"]),P,E,I,B,D,H,O,V,N,F;function Tt(){return V??(V=m(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),V}function G(){return N??(N=m(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),N}function Ct(){return P??(P=m(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([3,4,5,6,7,8,1,9]),import.meta.url)),P}function Lt(){return E??(E=m(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([10,4,5,1,6,7,11]),import.meta.url)),E}function Rt(){return I??(I=m(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([12,4,5,1,6,7,11]),import.meta.url)),I}function $t(){return B??(B=m(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([13,4,5,7,11,14]),import.meta.url)),B}function Pt(){return D??(D=m(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([15,4,5,1,6,7,11]),import.meta.url)),D}function Et(){return H??(H=m(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([16,4,5,1,6,7,11]),import.meta.url)),H}function It(){return O??(O=m(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([17,4,5,18,19,1,9,7,20]),import.meta.url)),O}function Bt(){return F??(F=m(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([21,4,5]),import.meta.url)),F}var o={fromAttribute:p=>p??"",toAttribute:p=>typeof p!="string"||p.trim()===""?null:p},s=(L=class extends yt{constructor(...t){super(...t),this.__dependencyKey="",this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size=xt["scb-card"].size,this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.commentsLinkLabel="Gå till kommentarer",this.likesText="",this.likeLabel="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.replyLabel="Svara",this.editEnabled=!1,this.editLabel="Redigera",this.deleteEnabled=!1,this.deleteLabel="Ta bort",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const i=e.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__ensureRippleOnInteraction=(e,i=!1)=>{if(this.__primaryHref()){if(e&&(this.__pendingRippleEvent=e),i&&(this.__pendingRippleClick=!0),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,G().then(({ensureRippleReady:c})=>c()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}},this.__syncRipple=async()=>{const e=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-card"),c=this.__pendingRippleEvent,n=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:b}=await G();await b(e,i,c,n)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,Tt().then(({ensureFocusRingReady:e})=>e()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=e=>{if(e.target!==e.currentTarget)return;const i=this.__primaryHref();(e.key==="Enter"||e.key===" ")&&i&&(e.preventDefault(),this.__ensureRippleOnInteraction(void 0,!0),this.__navigate(i,e))},this.__handleHrefNavigation=e=>{const i=this.__primaryHref();i&&(e.target.closest("a")||this.__navigate(i,e))},this.__handleSlottedCardLinkClick=e=>{const i=e.composedPath().find(c=>c instanceof HTMLAnchorElement&&c.getAttribute("slot")==="card-link")?.getAttribute("href")||this.__primaryHref();i&&(this.__dispatchCardNavigate(i,e)||e.preventDefault())}}attributeChangedCallback(t,e,i){this.__isSyncingManagedSocialAttributes&&kt.has(t)||super.attributeChangedCallback(t,e,i)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:600,h:400};const i=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(i&&i.length===2){const n=Number(i[0]),b=Number(i[1]);if(n>0&&b>0)return{w:n,h:b}}const c=Number(e);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__mediaReserveAspect(t=""){const e=(this.mediaAspect||"").trim();if(e)return e;const i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;return i>0&&c>0?`${i} / ${c}`:t}__mediaReserveStyle(t=""){const e=this.__mediaReserveAspect(t);return e?`--scb-card-media-aspect:${e};`:""}__slottedMediaAspect(){const t=this.querySelector('[slot="media"]');if(!t)return"";const e=Number(t.getAttribute("width"))||0,i=Number(t.getAttribute("height"))||0;return e>0&&i>0?`${e} / ${i}`:""}__isAvatarMedia(){return(this.mediaType||"").toLowerCase()==="avatar"?!0:this.querySelector(':scope > [slot="media"]')?.localName==="scb-avatar"}get __resolvedTitle(){return this.cardTitle||this.title}get cardType(){const t=(this.type||"standard").toLowerCase();switch(t){case"standard":case"list":case"social":case"link":case"action":case"container":return t;default:return"standard"}}__ensureVariantRenderer(){return this.cardType==="standard"||this.__variantRenderer?Promise.resolve():Bt().then(t=>{this.__variantRenderer!==t&&(this.__variantRenderer=t,t.ensureScbCardVariantStyles(this.renderRoot),this.requestUpdate())})}__dispatchCardNavigate(t,e){const i={href:t,originalEvent:e},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const n=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(n),!n.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__slottedCardLink(){return this.querySelector(':scope > a[slot="card-link"]')}__primaryHref(){return this.__effectiveHref()||this.__slottedCardLink()?.getAttribute("href")||""}__navigate(t,e){t&&this.__dispatchCardNavigate(t,e)&&window.open(t,"_self")}__slotNames(){const t=new Set;for(const e of Array.from(this.children)){const i=e.getAttribute("slot");i&&t.add(i)}return t}__hasSlottedContent(t,e){return e?e.has(t):Array.from(this.children).some(i=>i.getAttribute("slot")===t)}__hasLightDomElement(t){return!!this.querySelector(t)}__syncListCardListSize(){const t=Array.from(this.querySelectorAll("scb-list"));if(this.cardType!=="list"){for(const i of t){const c=i.getAttribute(z);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(z)}return}const e=this.size||"large";for(const i of t){const c=i.getAttribute(z);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(z);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(z,e))}}__actionCardButtonSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-actions-button-size").trim();return wt.has(t)?t:"medium"}__cardChipSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-chip-component-size").trim();return St.has(t)?t:"medium"}__syncChipSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-chip[slot="scb-chip"]')),e=this.__cardChipSize();for(const i of t){const c=i.getAttribute(R);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(R);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(R,e))}}__cardAvatarSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-avatar-component-size").trim();return At.has(t)?t:"medium"}__syncAvatarSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-avatar[slot="media"]')),e=this.__cardAvatarSize();for(const i of t){const c=i.getAttribute($);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute($);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute($,e))}}__socialIconButtonSize(){return _t(this,"--scb-card-size-social-icon-button-component-size",["tiny","extra-small","small","medium","large"],this.size==="small"?"small":"medium")}__syncActionCardButtonSizes(){const t=Array.from(this.querySelectorAll(':scope > [slot="actions"] scb-button, :scope > scb-button[slot="actions"]'));if(this.cardType!=="action"){for(const i of t){const c=i.getAttribute(_);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(_)}return}const e=this.__actionCardButtonSize();for(const i of t){const c=i.getAttribute(_);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(_);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(_,e))}}__slottedText(t){return(this.querySelector(`:scope > [slot="${t}"]`)?.textContent??"").replace(/\s+/g," ").trim()}__ensureDependenciesReady(){const t=[],e=[],i=this.cardType,c=!!this.vignette?.trim(),n=(v,h)=>{e.push(v),t.push(h())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&n("list",Ct),i!=="standard"&&n("card-variants",()=>this.__ensureVariantRenderer()),(i==="social"&&(!this.likesDisabled&&this.likesInteractive||!this.commentsDisabled&&this.commentsHref||this.replyEnabled||this.editEnabled||this.deleteEnabled)||this.__hasLightDomElement("scb-icon-button"))&&n("icon-button",Lt),this.__hasLightDomElement("scb-button")&&n("button",Rt),this.__hasLightDomElement("scb-link")&&n("link",$t),(c||this.__hasLightDomElement("scb-chip"))&&n("chip",Pt),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&n("avatar",Et),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&n("tooltip",It);const b=e.sort().join("|");b!==this.__dependencyKey&&(this.__dependencyKey=b,t.length>0&&Promise.all(t).then(()=>this.requestUpdate()))}__mediaTemplate(t){const e=this.__isAvatarMedia();if(this.__hasSlottedContent("media",t)){const i=e?"":this.__mediaReserveStyle(this.__slottedMediaAspect());return d`
|
|
3
3
|
<div class="media ${e?"avatar-media":""} ${i?"has-reserved-space":""}" style=${i||l}>
|
|
4
4
|
<slot name="media"></slot>
|
|
5
5
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{g as s,h as y,m as
|
|
2
|
+
import{g as s,h as y,m as z,p as r,v as d,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/preload-helper.js";import{t as R}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{n as k,t as f}from"../../vendor/assertClassBrand.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(t,e,a){try{customElements.get(t)||o(t,e,a)}catch(u){var c=String(u||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var p,b,v,h;function S(){return v??(v=_(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),v}function m(){return h??(h=_(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),h}var i=(p=new WeakSet,b=class extends y{constructor(...o){super(...o),k(this,p),this.icon="home",this.ariaLabel="",this.variant="standard",this.size=R["scb-icon-button"].size,this.toggle=!1,this.selected=!1,this.toggleofficon="add",this.toggleonicon="remove",this.disabled=!1,this.href="",this.target="",this.rel="",this.__filledValue=!1,this.__focusRingReady=!1,this.__focusRingImportRequested=!1,this.__rippleReady=!1,this.__pendingRippleClick=!1,this.__ensureFocusRing=()=>{this.__focusRingReady||this.__focusRingImportRequested||(this.__focusRingImportRequested=!0,S().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__focusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncInteractiveState())}))},this.__onFocusIn=t=>{const e=t.composedPath()[0];e instanceof HTMLElement&&e.matches(":focus-visible")&&this.__ensureFocusRing()},this.__ensureRipple=(t,e=!1)=>{this.__rippleReady||this.disabled||(t&&(this.__pendingRippleEvent=t),e&&(this.__pendingRippleClick=!0),m().then(({ensureRippleReady:a})=>a()).then(()=>{this.disabled||(this.__rippleReady=!0,this.toggleAttribute("data-native-ripple-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__replayRippleState()))}))},this.__onPointerInteraction=t=>{this.__ensureRipple(t)},this.__onClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.toggle&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent("change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))),this.__ensureRipple(void 0,!0)}}get filled(){return this.__filledValue}set filled(o){const t=!!o,e=this.__filledValue;e!==t&&(this.__filledValue=t,this.requestUpdate("filled",e),this.requestUpdate("iconFilled",e))}get iconFilled(){return this.__filledValue}set iconFilled(o){const t=!!o,e=this.__filledValue;e!==t&&(this.__filledValue=t,this.requestUpdate("iconFilled",e),this.requestUpdate("filled",e))}firstUpdated(){f(p,this,g).call(this),this.__syncInteractiveState()}updated(o){super.updated(o),(o.has("spacing")||o.has("spacingTop")||o.has("spacingBottom")||o.has("spacingLeft")||o.has("spacingRight"))&&f(p,this,g).call(this),(this.__focusRingReady||this.__rippleReady)&&this.updateComplete.then(()=>this.__syncInteractiveState())}focus(o){const t=this.__getNativeControl();if(t){t.focus(o);return}super.focus(o)}__getNativeControl(){return this.renderRoot.querySelector(".native-icon-button")}__syncInteractiveState(){const o=this.__getNativeControl(),t=this.renderRoot.querySelector("md-focus-ring");t&&o&&(t.control=o,t.visible=o.matches(":focus-visible"));const e=this.renderRoot.querySelector("md-ripple");e&&o&&(e.control=o)}async __replayRippleState(){const o=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),e=this.__pendingRippleEvent,a=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:c}=await m();await c(o,t,e,a),this.__syncInteractiveState()}__effectiveLabel(){return(this.ariaLabel||this.getAttribute("aria-label")||"").trim()||this.__currentIcon()||s}__currentIcon(){return this.toggle?this.selected?this.toggleonicon:this.toggleofficon:this.icon}mapSpacingToken(o){if(!o)return;const t=String(o).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}__renderControl(o){const t=this.__effectiveLabel(),e=this.getAttribute("aria-controls")??s,a=this.getAttribute("aria-expanded")??s,c=this.toggle?String(this.selected):s,u=this.getAttribute("title")??s;return this.href?d`
|
|
3
3
|
<a
|
|
4
4
|
class="native-icon-button"
|
|
5
5
|
part="button"
|
|
@@ -8,7 +8,7 @@ import{g as s,h as y,m as x,p as r,v as d,y as z}from"../../vendor/vendor.js";im
|
|
|
8
8
|
rel=${this.rel||s}
|
|
9
9
|
title=${u}
|
|
10
10
|
aria-label=${t}
|
|
11
|
-
aria-controls=${
|
|
11
|
+
aria-controls=${e}
|
|
12
12
|
aria-expanded=${a}
|
|
13
13
|
aria-pressed=${c}
|
|
14
14
|
aria-disabled=${this.disabled?"true":s}
|
|
@@ -18,7 +18,7 @@ import{g as s,h as y,m as x,p as r,v as d,y as z}from"../../vendor/vendor.js";im
|
|
|
18
18
|
@pointerenter=${this.__onPointerInteraction}
|
|
19
19
|
@pointerdown=${this.__onPointerInteraction}
|
|
20
20
|
>
|
|
21
|
-
${
|
|
21
|
+
${o}
|
|
22
22
|
</a>
|
|
23
23
|
`:d`
|
|
24
24
|
<button
|
|
@@ -28,7 +28,7 @@ import{g as s,h as y,m as x,p as r,v as d,y as z}from"../../vendor/vendor.js";im
|
|
|
28
28
|
title=${u}
|
|
29
29
|
?disabled=${this.disabled}
|
|
30
30
|
aria-label=${t}
|
|
31
|
-
aria-controls=${
|
|
31
|
+
aria-controls=${e}
|
|
32
32
|
aria-expanded=${a}
|
|
33
33
|
aria-pressed=${c}
|
|
34
34
|
@click=${this.__onClick}
|
|
@@ -36,15 +36,15 @@ import{g as s,h as y,m as x,p as r,v as d,y as z}from"../../vendor/vendor.js";im
|
|
|
36
36
|
@pointerenter=${this.__onPointerInteraction}
|
|
37
37
|
@pointerdown=${this.__onPointerInteraction}
|
|
38
38
|
>
|
|
39
|
-
${
|
|
39
|
+
${o}
|
|
40
40
|
</button>
|
|
41
|
-
`}render(){const
|
|
41
|
+
`}render(){const o=d`<span class="native-icon" part="icon" aria-hidden="true">${this.__currentIcon()}</span>`;return d`
|
|
42
42
|
<span class="native-icon-button-wrap">
|
|
43
|
-
${this.__renderControl(
|
|
43
|
+
${this.__renderControl(o)}
|
|
44
44
|
${this.__rippleReady?d`<md-ripple aria-hidden="true"></md-ripple>`:s}
|
|
45
45
|
${this.__focusRingReady?d`<md-focus-ring aria-hidden="true"></md-focus-ring>`:s}
|
|
46
46
|
</span>
|
|
47
|
-
`}},b.styles=
|
|
47
|
+
`}},b.styles=x`:host{display:inline-flex;margin-block-start:var(--scb-icon-button-spacing-block-start, 0);margin-block-end:var(--scb-icon-button-spacing-block-end, 0);margin-inline-start:var(--scb-icon-button-spacing-inline-start, 0);margin-inline-end:var(--scb-icon-button-spacing-inline-end, 0);--scb-icon-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--_round-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 1000px));--scb-icon-button-shape-radius:var(--scb-icon-button-round-shape-radius, var(--_round-shape-radius));--scb-icon-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-icon-button-container-size:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--_disabled-content-color:color-mix(in srgb, var(--scb-icon-button-disabled-content-color) 38%, transparent);--_disabled-container-color:color-mix(in srgb, var(--scb-icon-button-disabled-container-color) 12%, transparent);--_disabled-outline-color:color-mix(in srgb, var(--scb-icon-button-disabled-outline-color) 12%, transparent)}:host([size='tiny']){--scb-icon-button-icon-size:var(--scb-buttons-icon-size-tiny, var(--icon-size-tiny, 12px));--scb-icon-button-container-size:var(--scb-buttons-control-size-tiny, var(--scb-control-size-tiny, var(--scale-06, 24px)));--_round-shape-radius:var(--scb-buttons-shape-radius-tiny, var(--radius-full, 1000px))}:host([size='extra-small']){--scb-icon-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-icon-button-container-size:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--_round-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 1000px))}:host([size='small']){--scb-icon-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-icon-button-container-size:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--_round-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 1000px))}:host([size='medium']){--scb-icon-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-icon-button-container-size:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--_round-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 1000px))}:host([size='large']){--scb-icon-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-icon-button-container-size:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--_round-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 1000px))}:host([filled]),:host([icon-filled]){--scb-icon-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-icon-button-wrap{position:relative;display:inline-flex;inline-size:var(--scb-icon-button-container-size);block-size:var(--scb-icon-button-container-size);border-radius:var(--scb-icon-button-shape-radius)}.native-icon-button{position:relative;z-index:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;padding:0;overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--md-icon-button-icon-color,
|
|
48
48
|
var(--scb-icon-button-content-color, var(--md-sys-color-on-surface-variant, var(--p-20)))
|
|
49
49
|
);cursor:pointer;text-decoration:none;appearance:none;-webkit-appearance:none;touch-action:manipulation}.native-icon-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}:host(:not([data-native-ripple-ready])) .native-icon-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:not([data-native-ripple-ready])) .native-icon-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-icon-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-icon-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary, var(--p-40)));outline-offset:var(--spacing-1, 2px)}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-icon-button-icon-size);block-size:var(--scb-icon-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-icon-button-icon-size);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-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([variant='filled']) .native-icon-button{background:var(--md-filled-icon-button-container-color, var(--scb-icon-button-filled-container-color, var(--md-sys-color-primary, var(--p-40))));color:var(--md-filled-icon-button-icon-color, var(--scb-icon-button-filled-content-color, var(--md-sys-color-on-primary, var(--p-100))))}:host([variant='filled-tonal']) .native-icon-button{background:var(--md-filled-tonal-icon-button-container-color,
|
|
50
50
|
var(--scb-icon-button-tonal-container-color, var(--md-sys-color-secondary-container, var(--p-90)))
|
|
@@ -56,4 +56,4 @@ import{g as s,h as y,m as x,p as r,v as d,y as z}from"../../vendor/vendor.js";im
|
|
|
56
56
|
var(--scb-icon-button-tonal-selected-container-color, var(--md-sys-color-secondary-container, var(--p-90)))
|
|
57
57
|
);color:var(--md-filled-tonal-icon-button-selected-icon-color,
|
|
58
58
|
var(--scb-icon-button-tonal-selected-content-color, var(--md-sys-color-on-secondary-container, var(--p-30)))
|
|
59
|
-
)}:host([variant='outlined'][toggle][selected]) .native-icon-button{color:var(--md-outlined-icon-button-selected-icon-color, var(--scb-icon-button-outlined-selected-content-color, var(--md-sys-color-primary, var(--p-40))));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-outlined-icon-button-selected-outline-color, var(--scb-icon-button-outlined-selected-outline-color, var(--md-sys-color-outline, var(--p-20))))}.native-icon-button:disabled,.native-icon-button[aria-disabled=true]{color:var(--md-icon-button-disabled-icon-color, var(--_disabled-content-color, var(--scb-color-compat-disabled-content)));cursor:default;pointer-events:none}:host([variant='filled']) .native-icon-button:disabled,:host([variant='filled']) .native-icon-button[aria-disabled=true],:host([variant='filled-tonal']) .native-icon-button:disabled,:host([variant='filled-tonal']) .native-icon-button[aria-disabled=true]{background:var(--md-filled-icon-button-disabled-container-color, var(--_disabled-container-color, var(--scb-color-compat-disabled-container)));color:var(--md-filled-icon-button-disabled-icon-color, var(--_disabled-content-color, var(--scb-color-compat-disabled-content)))}:host([variant='outlined']) .native-icon-button:disabled,:host([variant='outlined']) .native-icon-button[aria-disabled=true]{color:var(--md-outlined-icon-button-disabled-icon-color, var(--_disabled-content-color, var(--scb-color-compat-disabled-content)));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-outlined-icon-button-disabled-outline-color, var(--_disabled-outline-color, var(--scb-color-compat-disabled-container)))}.native-icon-button-wrap md-ripple{position:absolute;inset:0;--md-ripple-hover-color:var(--scb-icon-button-state-layer-color, currentColor);--md-ripple-pressed-color:var(--scb-icon-button-state-layer-color, currentColor)}.native-icon-button-wrap md-focus-ring,.native-icon-button-wrap md-ripple{pointer-events:none;border-radius:inherit}`,b);function
|
|
59
|
+
)}:host([variant='outlined'][toggle][selected]) .native-icon-button{color:var(--md-outlined-icon-button-selected-icon-color, var(--scb-icon-button-outlined-selected-content-color, var(--md-sys-color-primary, var(--p-40))));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-outlined-icon-button-selected-outline-color, var(--scb-icon-button-outlined-selected-outline-color, var(--md-sys-color-outline, var(--p-20))))}.native-icon-button:disabled,.native-icon-button[aria-disabled=true]{color:var(--md-icon-button-disabled-icon-color, var(--_disabled-content-color, var(--scb-color-compat-disabled-content)));cursor:default;pointer-events:none}:host([variant='filled']) .native-icon-button:disabled,:host([variant='filled']) .native-icon-button[aria-disabled=true],:host([variant='filled-tonal']) .native-icon-button:disabled,:host([variant='filled-tonal']) .native-icon-button[aria-disabled=true]{background:var(--md-filled-icon-button-disabled-container-color, var(--_disabled-container-color, var(--scb-color-compat-disabled-container)));color:var(--md-filled-icon-button-disabled-icon-color, var(--_disabled-content-color, var(--scb-color-compat-disabled-content)))}:host([variant='outlined']) .native-icon-button:disabled,:host([variant='outlined']) .native-icon-button[aria-disabled=true]{color:var(--md-outlined-icon-button-disabled-icon-color, var(--_disabled-content-color, var(--scb-color-compat-disabled-content)));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-outlined-icon-button-disabled-outline-color, var(--_disabled-outline-color, var(--scb-color-compat-disabled-container)))}.native-icon-button-wrap md-ripple{position:absolute;inset:0;--md-ripple-hover-color:var(--scb-icon-button-state-layer-color, currentColor);--md-ripple-pressed-color:var(--scb-icon-button-state-layer-color, currentColor)}.native-icon-button-wrap md-focus-ring,.native-icon-button-wrap md-ripple{pointer-events:none;border-radius:inherit}`,b);function g(){const l=this.mapSpacingToken(this.spacing),o=this.mapSpacingToken(this.spacingTop)??l,t=this.mapSpacingToken(this.spacingBottom)??l,e=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);o?this.style.setProperty("--scb-icon-button-spacing-block-start",o):this.style.removeProperty("--scb-icon-button-spacing-block-start"),t?this.style.setProperty("--scb-icon-button-spacing-block-end",t):this.style.removeProperty("--scb-icon-button-spacing-block-end"),e?this.style.setProperty("--scb-icon-button-spacing-inline-start",e):this.style.removeProperty("--scb-icon-button-spacing-inline-start"),a?this.style.setProperty("--scb-icon-button-spacing-inline-end",a):this.style.removeProperty("--scb-icon-button-spacing-inline-end")}n([r({type:String})],i.prototype,"icon",void 0);n([r({type:Boolean,reflect:!0})],i.prototype,"filled",null);n([r({type:Boolean,attribute:"icon-filled",reflect:!0})],i.prototype,"iconFilled",null);n([r({type:String,attribute:"aria-label"})],i.prototype,"ariaLabel",void 0);n([r({type:String,reflect:!0})],i.prototype,"variant",void 0);n([r({type:String,reflect:!0})],i.prototype,"size",void 0);n([r({type:Boolean,reflect:!0})],i.prototype,"toggle",void 0);n([r({type:Boolean,reflect:!0})],i.prototype,"selected",void 0);n([r({type:String})],i.prototype,"toggleofficon",void 0);n([r({type:String})],i.prototype,"toggleonicon",void 0);n([r({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0);n([r({type:String,reflect:!0})],i.prototype,"spacing",void 0);n([r({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);n([r({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);n([r({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);n([r({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);n([r({type:String})],i.prototype,"href",void 0);n([r({type:String})],i.prototype,"target",void 0);n([r({type:String})],i.prototype,"rel",void 0);i=n([z("scb-icon-button")],i);export{i as ScbIconButton};
|