scb-wc 0.1.75 → 0.1.76
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/index.js +20 -20
- package/mvc/components/scb-accordion/scb-accordion-item.js +2 -2
- package/mvc/components/scb-avatar/scb-avatar.js +2 -2
- package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +33 -15
- package/mvc/components/scb-button/scb-button.js +80 -41
- package/mvc/components/scb-calendar/scb-calendar.js +1 -1
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +4 -4
- package/mvc/components/scb-card/scb-card.js +3 -3
- package/mvc/components/scb-checkbox/scb-checkbox.js +32 -7
- package/mvc/components/scb-chip/scb-chip.js +6 -6
- package/mvc/components/scb-dialog/scb-dialog.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
- package/mvc/components/scb-fab/scb-fab.js +24 -6
- package/mvc/components/scb-fact-card/scb-fact-card.js +4 -4
- package/mvc/components/scb-header/scb-header.js +474 -124
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +1 -1
- package/mvc/components/scb-icon-button/scb-icon-button.js +2 -2
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +2 -2
- package/mvc/components/scb-link/scb-link.js +14 -10
- package/mvc/components/scb-list/scb-list-item.js +5 -5
- package/mvc/components/scb-list/scb-list.js +3 -3
- package/mvc/components/scb-menu/scb-menu-item.js +2 -2
- package/mvc/components/scb-nav/scb-nav.js +1 -1
- package/mvc/components/scb-notification-card/scb-notification-card.js +1 -1
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +1 -1
- package/mvc/components/scb-pagination/scb-pagination.js +1 -1
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +1 -1
- package/mvc/components/scb-radio-button/scb-radio-button.js +39 -9
- package/mvc/components/scb-search/scb-search.js +3 -3
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +1 -1
- package/mvc/components/scb-select/scb-select-option.js +3 -3
- package/mvc/components/scb-select/scb-select.js +1 -1
- package/mvc/components/scb-slider/scb-slider.js +58 -4
- package/mvc/components/scb-status-pill/scb-status-pill.js +1 -1
- package/mvc/components/scb-stepper/scb-step.js +1 -1
- package/mvc/components/scb-switch/scb-switch.js +51 -6
- package/mvc/components/scb-tabs/scb-primary-tab.js +3 -2
- package/mvc/components/scb-tabs/scb-secondary-tab.js +3 -2
- package/mvc/components/scb-tabs/scb-tabs.js +11 -2
- package/mvc/components/scb-textfield/scb-textfield.js +1 -1
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
- package/mvc/vendor/assist-chip.js +20 -0
- package/mvc/vendor/attachable-controller.js +1 -0
- package/mvc/vendor/checkbox-validator.js +1 -0
- package/mvc/vendor/chip-set.js +2 -0
- package/mvc/vendor/chip.js +18 -0
- package/mvc/vendor/delegate.js +1 -0
- package/mvc/vendor/element-internals.js +1 -0
- package/mvc/vendor/elevation.js +2 -0
- package/mvc/vendor/filled-icon-button.js +2 -0
- package/mvc/vendor/filled-tonal-icon-button.js +2 -0
- package/mvc/vendor/filter-chip.js +43 -0
- package/mvc/vendor/focusable.js +1 -0
- package/mvc/vendor/form-associated.js +1 -0
- package/mvc/vendor/form-label-activation.js +1 -0
- package/mvc/vendor/form-submitter.js +1 -0
- package/mvc/vendor/icon-button.js +2 -0
- package/mvc/vendor/icon.js +2 -0
- package/mvc/vendor/list.js +8 -0
- package/mvc/vendor/md-focus-ring.js +2 -0
- package/mvc/vendor/outlined-icon-button.js +2 -0
- package/mvc/vendor/redispatch-event.js +1 -0
- package/mvc/vendor/ripple.js +2 -0
- package/mvc/vendor/rolldown-runtime.js +1 -0
- package/mvc/vendor/shared-styles.js +3 -0
- package/mvc/vendor/shared-styles2.js +30 -0
- package/mvc/vendor/tab-styles.js +17 -0
- package/mvc/vendor/validator.js +1 -0
- package/package.json +2 -2
- package/scb-breadcrumb/scb-breadcrumb.js +38 -21
- package/scb-components/scb-header/scb-header.d.ts +11 -4
- package/scb-header/scb-header.js +512 -156
- package/scb-link/scb-link.js +24 -20
- package/scb-wc.bundle.js +602 -232
- package/mvc/vendor/vendor-material.js +0 -364
package/index.js
CHANGED
|
@@ -58,25 +58,25 @@ import { ScbHeaderMenuGroup as Z } from "./scb-header/scb-header-menu-group.js";
|
|
|
58
58
|
import { ScbHeaderMenuItem as Q } from "./scb-header/scb-header-menu-item.js";
|
|
59
59
|
import { ScbHeaderTab as $ } from "./scb-header/scb-header-tab.js";
|
|
60
60
|
import { ScbHeaderUtility as ee } from "./scb-header/scb-header-utility.js";
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
61
|
+
import { ScbHeader as te } from "./scb-header/scb-header.js";
|
|
62
|
+
import { ScbKeyFigureCard as ne } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
63
|
+
import { ScbMenuItem as re } from "./scb-menu/scb-menu-item.js";
|
|
64
|
+
import { ScbmenuSection as ie } from "./scb-menu/scb-menu-section.js";
|
|
65
|
+
import { ScbSubmenu as ae } from "./scb-menu/scb-sub-menu.js";
|
|
66
|
+
import { ScbMenu as oe } from "./scb-menu/scb-menu.js";
|
|
67
|
+
import { ScbNavItem as se } from "./scb-nav/scb-nav-item.js";
|
|
68
|
+
import { ScbNav as ce } from "./scb-nav/scb-nav.js";
|
|
69
|
+
import { ScbNotificationCard as le } from "./scb-notification-card/scb-notification-card.js";
|
|
70
|
+
import { ScbPagination as ue } from "./scb-pagination/scb-pagination.js";
|
|
71
|
+
import { ScbProgressIndicator as de } from "./scb-progress-indicator/scb-progress-indicator.js";
|
|
72
|
+
import { ScbProgressStep as fe } from "./scb-progress-stepper/scb-progress-step.js";
|
|
73
|
+
import { ScbProgressStepper as pe } from "./scb-progress-stepper/scb-progress-stepper.js";
|
|
74
|
+
import { ScbScrollspy as me } from "./scb-scrollspy/scb-scrollspy.js";
|
|
75
|
+
import { ScbSegmentedItem as he } from "./scb-segmented-button/scb-segmented-item.js";
|
|
76
|
+
import { ScbSegmentedButton as ge } from "./scb-segmented-button/scb-segmented-button.js";
|
|
77
|
+
import { ScbSelectOption as _e } from "./scb-select/scb-select-option.js";
|
|
78
|
+
import { ScbSelect as ve } from "./scb-select/scb-select.js";
|
|
79
|
+
import { ScbSkeleton as ye } from "./scb-skeleton/scb-skeleton.js";
|
|
80
80
|
import { ScbSlider as be } from "./scb-slider/scb-slider.js";
|
|
81
81
|
import { ScbSnackbar as xe } from "./scb-snackbar/scb-snackbar.js";
|
|
82
82
|
import { ScbStatusPill as Se } from "./scb-status-pill/scb-status-pill.js";
|
|
@@ -95,4 +95,4 @@ import { appendScbVizSeriesDifferentiationPatternMarks as qe, getScbVizSeriesDif
|
|
|
95
95
|
import { clearScbVizSeriesDifferentiationColorClass as $e, clearScbVizSeriesDifferentiationMetadata as et, ensureScbVizGroupedSeriesDifferentiationStore as tt, ensureScbVizStyledModeSeriesPattern as nt, getScbVizGroupedSeriesDifferentiationKey as rt, getScbVizGroupedSeriesDifferentiationVariant as it, getScbVizGroupedSeriesDifferentiationVariantIndex as at, getScbVizHighchartsColorClassName as ot, getScbVizHighchartsSvgElement as st, getScbVizHighchartsSvgRoot as ct, getScbVizLegendSeriesDifferentiationTargets as lt, getScbVizSeriesDifferentiationColorIndex as ut, getScbVizSeriesDifferentiationVariantByIndex as dt, isScbVizGroupedSeriesDifferentiationChart as ft, isScbVizHighchartsStyledMode as pt, setScbVizSeriesDifferentiationColorClass as mt, setScbVizSeriesDifferentiationMetadata as ht, shouldShowScbVizSeriesDifferentiationAction as gt, usesScbVizGroupedPointDifferentiation as _t } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
|
|
96
96
|
import { buildScbVizResolvedTableView as vt, createScbVizCsvRows as yt, inferScbVizTableAlignments as bt, normalizeScbVizRenderableCell as xt, readScbVizTableDataFromSlot as St } from "./scb-viz/scb-viz-table-runtime.js";
|
|
97
97
|
import { ScbViz as Ct } from "./scb-viz/scb-viz.js";
|
|
98
|
-
export { b as SCBBreadcrumb, y as SCBBreadcrumbItem, n as ScbAccordion, e as ScbAccordionItem, u as ScbActionCard, _ as ScbAppBar, c as ScbAvatar, v as ScbBadge, t as ScbButton, A as ScbCalendar, j as ScbCalendarCard, x as ScbCalendarEvent, d as ScbCard, T as ScbCheckbox, w as ScbCheckboxGroup, s as ScbChip, M as ScbCollapse, f as ScbContainerCard, N as ScbCookiesConsent, k as ScbDialog, S as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem,
|
|
98
|
+
export { b as SCBBreadcrumb, y as SCBBreadcrumbItem, n as ScbAccordion, e as ScbAccordionItem, u as ScbActionCard, _ as ScbAppBar, c as ScbAvatar, v as ScbBadge, t as ScbButton, A as ScbCalendar, j as ScbCalendarCard, x as ScbCalendarEvent, d as ScbCard, T as ScbCheckbox, w as ScbCheckboxGroup, s as ScbChip, M as ScbCollapse, f as ScbContainerCard, N as ScbCookiesConsent, k as ScbDialog, S as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem, te as ScbHeader, Z as ScbHeaderMenuGroup, Q as ScbHeaderMenuItem, $ as ScbHeaderTab, ee as ScbHeaderUtility, J as ScbHorizontalScroller, a as ScbIconButton, ne as ScbKeyFigureCard, o as ScbLink, p as ScbLinkCard, i as ScbList, m as ScbListCard, r as ScbListItem, oe as ScbMenu, re as ScbMenuItem, ce as ScbNav, se as ScbNavItem, le as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Y as ScbOverlay, ue as ScbPagination, De as ScbPrimaryTab, de as ScbProgressIndicator, fe as ScbProgressStep, pe as ScbProgressStepper, D as ScbRadioButton, E as ScbRadioGroup, me as ScbScrollspy, g as ScbSearch, Oe as ScbSecondaryTab, ge as ScbSegmentedButton, he as ScbSegmentedItem, ve as ScbSelect, _e as ScbSelectOption, ye as ScbSkeleton, be as ScbSlider, xe as ScbSnackbar, h as ScbSocialCard, G as ScbStack, Se as ScbStatusPill, Ce as ScbStep, we as ScbStepper, ae as ScbSubmenu, O as ScbSwitch, Te as ScbTable, Ee as ScbTableAdvanced, ke as ScbTabs, C as ScbTextField, je as ScbToc, Ae as ScbTocItem, l as ScbTooltip, Ct as ScbViz, ie as ScbmenuSection, qe as appendScbVizSeriesDifferentiationPatternMarks, Me as buildScbVizExportFileName, We as buildScbVizPrintDocumentHtml, Ge as buildScbVizPrintableFooterHtml, Ke as buildScbVizPrintableTableHtml, vt as buildScbVizResolvedTableView, $e as clearScbVizSeriesDifferentiationColorClass, et as clearScbVizSeriesDifferentiationMetadata, Ne as createScbVizCsvBlob, yt as createScbVizCsvRows, Pe as createScbVizRasterBlobFromElement, Fe as createScbVizRasterDataUrlFromElement, Ie as downloadScbVizBlob, tt as ensureScbVizGroupedSeriesDifferentiationStore, nt as ensureScbVizStyledModeSeriesPattern, Le as getScbVizCurrentFullscreenElement, Re as getScbVizExportBaseFileName, ze as getScbVizFullscreenDocument, rt as getScbVizGroupedSeriesDifferentiationKey, it as getScbVizGroupedSeriesDifferentiationVariant, at as getScbVizGroupedSeriesDifferentiationVariantIndex, ot as getScbVizHighchartsColorClassName, st as getScbVizHighchartsSvgElement, ct as getScbVizHighchartsSvgRoot, lt as getScbVizLegendSeriesDifferentiationTargets, ut as getScbVizSeriesDifferentiationColorIndex, Je as getScbVizSeriesDifferentiationPatternDefinition, Ye as getScbVizSeriesDifferentiationPatternKinds, Xe as getScbVizSeriesDifferentiationRegistry, Ze as getScbVizSeriesDifferentiationVariant, dt as getScbVizSeriesDifferentiationVariantByIndex, bt as inferScbVizTableAlignments, Be as isScbVizFullscreenSupported, ft as isScbVizGroupedSeriesDifferentiationChart, pt as isScbVizHighchartsStyledMode, xt as normalizeScbVizRenderableCell, Ve as openScbVizPrintFrame, St as readScbVizTableDataFromSlot, He as runWithScbVizForcedPrintLightMode, Qe as scbVizSeriesDifferentiationRegistry, mt as setScbVizSeriesDifferentiationColorClass, ht as setScbVizSeriesDifferentiationMetadata, gt as shouldShowScbVizSeriesDifferentiationAction, Ue as toggleScbVizFullscreen, _t as usesScbVizGroupedPointDifferentiation };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as m,b,g as h,h as o,v as l,y as s}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as r}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,e,v){try{customElements.get(t)||i(t,e,v)}catch(c){var n=String(c||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var d,p,a=(d=class extends m{constructor(...i){super(...i),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=p._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=t=>{t.preventDefault();const e=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,e),this.setOpen(e)},this._onToggle=t=>{const e=t.currentTarget;e.open||(e.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${p._uidPrefix}-${++p._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,t,e){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,t,e),i==="title"&&e!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const t=this.closest("scb-accordion"),e=Array.from(t?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(c=>!!c),v=i.currentTarget,n=e.indexOf(v);switch(i.key){case"ArrowDown":i.preventDefault(),n<e.length-1&&e[n+1].focus();break;case"ArrowUp":i.preventDefault(),n>0&&e[n-1].focus();break;case"Home":i.preventDefault(),e.length&&e[0].focus();break;case"End":i.preventDefault(),e.length&&e[e.length-1].focus();break}}setOpen(i){this.open=!!i;const t=this.renderRoot.querySelector("details");t&&!t.open&&(t.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const t=this.renderRoot.querySelector("details");t&&!t.open&&(t.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,t=`header-${this._unique}`,e=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?s`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?s`
|
|
2
2
|
<scb-avatar
|
|
3
3
|
label=${this.avatarLabel}
|
|
4
4
|
alt=${this.avatarAlt}
|
|
@@ -37,7 +37,7 @@ import"../../vendor/vendor-material.js";import{_ as b,b as m,g as h,h as o,v as
|
|
|
37
37
|
</details>
|
|
38
38
|
|
|
39
39
|
<md-focus-ring for=${t} inward></md-focus-ring>
|
|
40
|
-
`}},p=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[
|
|
40
|
+
`}},p=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[b`
|
|
41
41
|
:host {
|
|
42
42
|
display: block;
|
|
43
43
|
position: relative;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-
|
|
2
|
-
import{_ as b,b as f,g as y,h as s,m as u,v as l,y as n}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as a}from"../../vendor/decorate.js";import{n as z,t as m}from"../../vendor/assertClassBrand.js";import{t as v}from"../../vendor/preload-helper.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,o,c){try{customElements.get(i)||t(i,o,c)}catch(g){var d=String(g||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var p,h,e=(p=new WeakSet,h=class extends b{constructor(...t){super(...t),z(this,p),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=i=>{const o=i.currentTarget;this._hasIconSlot=(o.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await v(()=>import("../../vendor/
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as b,b as f,g as y,h as s,m as u,v as l,y as n}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as a}from"../../vendor/decorate.js";import{n as z,t as m}from"../../vendor/assertClassBrand.js";import{t as v}from"../../vendor/preload-helper.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,o,c){try{customElements.get(i)||t(i,o,c)}catch(g){var d=String(g||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var p,h,e=(p=new WeakSet,h=class extends b{constructor(...t){super(...t),z(this,p),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=i=>{const o=i.currentTarget;this._hasIconSlot=(o.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await v(()=>import("../../vendor/icon.js").then(t=>t.t),__vite__mapDeps([0,1,2,3]),import.meta.url),m(p,this,_).call(this)}updated(t){super.updated(t),t.has("variant")&&this.variant==="icon"&&v(()=>import("../../vendor/icon.js").then(i=>i.t),__vite__mapDeps([0,1,2,3]),import.meta.url),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&m(p,this,_).call(this)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);return i.length===1?i[0].slice(0,1).toUpperCase():(i[0].slice(0,1)+i[i.length-1].slice(0,1)).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,o=n`${l}
|
|
3
3
|
<slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
|
|
4
4
|
${this._hasIconSlot?l:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
|
|
5
5
|
`,c=i?n`<img
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_,b as k,g as w,h as b,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import{n as x,t as g}from"../../vendor/assertClassBrand.js";import{t as A}from"../../vendor/preload-helper.js";import"../scb-link/scb-link.js";import"./scb-breadcrumb-item.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,p){try{customElements.get(t)||e(t,s,p)}catch(r){var c=String(r||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var m,y,C=()=>{customElements.get("md-focus-ring")||(y??(y=A(()=>import("../../vendor/md-focus-ring.js").then(o=>o.t).then(()=>{}),__vite__mapDeps([0,1,2,3,4]),import.meta.url)))},n=(m=new WeakSet,class extends _{constructor(...e){super(...e),x(this,m),this.showAll=!1,this.currentIndex=void 0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}static get styles(){return k`
|
|
2
3
|
:host {
|
|
3
4
|
display: block;
|
|
4
5
|
box-sizing: border-box;
|
|
@@ -47,12 +48,6 @@ import"../../vendor/vendor-material.js";import{_ as v,b as k,g as _,h as p,y as
|
|
|
47
48
|
outline: none;
|
|
48
49
|
}
|
|
49
50
|
|
|
50
|
-
.breadcrumb-animate {
|
|
51
|
-
opacity: 0;
|
|
52
|
-
transform: translateY(10px);
|
|
53
|
-
animation: fadeInBreadcrumb 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
51
|
md-focus-ring {
|
|
57
52
|
position: absolute;
|
|
58
53
|
inset: 0;
|
|
@@ -68,28 +63,51 @@ import"../../vendor/vendor-material.js";import{_ as v,b as k,g as _,h as p,y as
|
|
|
68
63
|
display: block;
|
|
69
64
|
}
|
|
70
65
|
|
|
66
|
+
.breadcrumb-animate {
|
|
67
|
+
opacity: 0;
|
|
68
|
+
transform: translateY(10px);
|
|
69
|
+
animation: fadeInBreadcrumb 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.breadcrumb-icon {
|
|
73
|
+
display: inline-block;
|
|
74
|
+
inline-size: 1em;
|
|
75
|
+
overflow: hidden;
|
|
76
|
+
font-family: 'Material Symbols Outlined';
|
|
77
|
+
font-size: var(--icon-size-medium, 24px);
|
|
78
|
+
line-height: 1;
|
|
79
|
+
text-align: center;
|
|
80
|
+
white-space: nowrap;
|
|
81
|
+
text-transform: none;
|
|
82
|
+
word-wrap: normal;
|
|
83
|
+
direction: ltr;
|
|
84
|
+
font-feature-settings: 'liga' 1;
|
|
85
|
+
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
|
|
86
|
+
-webkit-font-smoothing: antialiased;
|
|
87
|
+
-moz-osx-font-smoothing: grayscale;
|
|
88
|
+
}
|
|
89
|
+
|
|
71
90
|
@keyframes fadeInBreadcrumb {
|
|
72
91
|
to {
|
|
73
92
|
opacity: 1;
|
|
74
93
|
transform: translateY(0);
|
|
75
94
|
}
|
|
76
95
|
}
|
|
77
|
-
`}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","item-href","href","is-current","current"]})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}firstUpdated(){g(m,this,
|
|
78
|
-
<div class="scb-breadcrumb ${
|
|
79
|
-
${
|
|
96
|
+
`}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","item-href","href","is-current","current"]})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}firstUpdated(){g(m,this,v).call(this)}updated(e){e.has("showAll")&&(this.dispatchEvent(new CustomEvent("show-all-changed",{detail:{showAll:this.showAll},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("showallchanged",{detail:{showAll:this.showAll,value:this.showAll},bubbles:!0,composed:!0}))),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&g(m,this,v).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded .breadcrumb-item");e&&(e.forEach((t,s)=>{t.classList.add("breadcrumb-animate"),t.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(t=>{t.classList.remove("breadcrumb-animate"),t.style.animationDelay=""})},600))}))}getItemLabel(e){const t=e.label;if(typeof t=="string"&&t.trim())return t;const s=e.getAttribute("label");return s?.trim()?s:e.textContent?.trim()??""}getItemHref(e){const t=e;return typeof t.itemHref=="string"?t.itemHref:typeof t.href=="string"?t.href:e.getAttribute("item-href")??e.getAttribute("href")??""}render(){const e=Array.from(this.children).filter(r=>r.tagName.toLowerCase()==="scb-breadcrumb-item"),t=Math.max(0,e.length-1);let s=t;if(e.length>0){const r=typeof this.currentIndex=="number"&&!Number.isNaN(this.currentIndex)?Math.trunc(this.currentIndex):void 0;if(typeof r=="number"&&r>=0&&r<e.length)s=r;else for(let i=e.length-1;i>=0;i--){const a=e[i];if(typeof a.isCurrent=="boolean"?a.isCurrent:e[i].hasAttribute("is-current")||e[i].hasAttribute("current")){s=i;break}}e.forEach((i,a)=>{i.toggleAttribute("is-current",a===s)})}const p=e.length>6&&!this.showAll&&s===t,c=[];if(p){const r=e.slice(0,3),i=e.slice(-3);r.forEach((a,u)=>{c.push({type:"item",item:a,isCurrent:u===s})}),c.push({type:"ellipsis"}),i.forEach((a,u)=>{const h=e.length-3+u;c.push({type:"item",item:a,isCurrent:h===s})})}else e.forEach((r,i)=>{c.push({type:"item",item:r,isCurrent:i===s})});return d`
|
|
97
|
+
<div class="scb-breadcrumb ${p?"collapsed":"expanded"}">
|
|
98
|
+
${c.map((r,i)=>{const a=i===0?d``:d`<span class="breadcrumb-separator">/</span>`;if(r.type==="ellipsis")return d`
|
|
80
99
|
${a}
|
|
81
100
|
<span
|
|
82
101
|
class="breadcrumb-item ellipsis"
|
|
83
102
|
aria-label="Visa alla"
|
|
84
103
|
role="button"
|
|
85
104
|
tabindex="0"
|
|
105
|
+
@focusin=${C}
|
|
86
106
|
@click=${this._onEllipsisClick}
|
|
87
107
|
@keydown=${f=>{(f.key==="Enter"||f.key===" ")&&this._onEllipsisClick()}}
|
|
88
108
|
>
|
|
89
|
-
<md-
|
|
90
|
-
|
|
91
|
-
more_horiz
|
|
92
|
-
</md-icon>
|
|
109
|
+
<md-focus-ring aria-hidden="true"></md-focus-ring>
|
|
110
|
+
<span class="breadcrumb-icon" aria-hidden="true">more_horiz</span>
|
|
93
111
|
</span>
|
|
94
112
|
`;const u=this.getItemLabel(r.item),h=this.getItemHref(r.item);return r.isCurrent?d`
|
|
95
113
|
${a}
|
|
@@ -101,4 +119,4 @@ import"../../vendor/vendor-material.js";import{_ as v,b as k,g as _,h as p,y as
|
|
|
101
119
|
</span>
|
|
102
120
|
`})}
|
|
103
121
|
</div>
|
|
104
|
-
`}});function
|
|
122
|
+
`}});function v(){const o=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??o,t=this.mapSpacingToken(this.spacingBottom)??o,s=this.mapSpacingToken(this.spacingLeft),p=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-breadcrumb-spacing-block-start",e):this.style.removeProperty("--scb-breadcrumb-spacing-block-start"),t?this.style.setProperty("--scb-breadcrumb-spacing-block-end",t):this.style.removeProperty("--scb-breadcrumb-spacing-block-end"),s?this.style.setProperty("--scb-breadcrumb-spacing-inline-start",s):this.style.removeProperty("--scb-breadcrumb-spacing-inline-start"),p?this.style.setProperty("--scb-breadcrumb-spacing-inline-end",p):this.style.removeProperty("--scb-breadcrumb-spacing-inline-end")}l([b({type:Boolean,attribute:"show-all",reflect:!0})],n.prototype,"showAll",void 0);l([b({type:Number,attribute:"current-index",reflect:!0})],n.prototype,"currentIndex",void 0);l([b({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([b({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([b({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([b({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([b({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([w("scb-breadcrumb")],n);
|
|
@@ -1,4 +1,43 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as E,b as v,d as D,g as y,h as o,l as c,p as F,v as a,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as n}from"../../vendor/decorate.js";import"../../vendor/elevation.js";import{t as R}from"../../vendor/delegate.js";import{n as N,t as P}from"../../vendor/element-internals.js";import{t as G}from"../../vendor/form-submitter.js";import{n as q,t as H}from"../../vendor/form-label-activation.js";import{n as j,t as T}from"../../vendor/assertClassBrand.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,b){try{customElements.get(e)||t(e,s,b)}catch(h){var u=String(h||"");if(u.indexOf("already been used")===-1&&u.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var U=N(E),r=class extends U{get name(){return this.getAttribute("name")??""}set name(i){this.setAttribute("name",i)}get form(){return this[P].form}constructor(){super(),this.disabled=!1,this.href="",this.target="",this.trailingIcon=!1,this.hasIcon=!1,this.type="submit",this.value="",this.handleActivationClick=i=>{!q(i)||!this.buttonElement||(this.focus(),H(this.buttonElement))},this.addEventListener("click",this.handleActivationClick)}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}render(){const i=this.disabled&&!this.href,t=this.href?this.renderLink():this.renderButton(),e=this.href?"link":"button";return d`
|
|
2
|
+
${this.renderElevationOrOutline?.()}
|
|
3
|
+
<div class="background"></div>
|
|
4
|
+
<md-focus-ring part="focus-ring" for=${e}></md-focus-ring>
|
|
5
|
+
<md-ripple
|
|
6
|
+
part="ripple"
|
|
7
|
+
for=${e}
|
|
8
|
+
?disabled="${i}"></md-ripple>
|
|
9
|
+
${t}
|
|
10
|
+
`}renderButton(){const{ariaLabel:i,ariaHasPopup:t,ariaExpanded:e}=this;return d`<button
|
|
11
|
+
id="button"
|
|
12
|
+
class="button"
|
|
13
|
+
?disabled=${this.disabled}
|
|
14
|
+
aria-label="${i||a}"
|
|
15
|
+
aria-haspopup="${t||a}"
|
|
16
|
+
aria-expanded="${e||a}">
|
|
17
|
+
${this.renderContent()}
|
|
18
|
+
</button>`}renderLink(){const{ariaLabel:i,ariaHasPopup:t,ariaExpanded:e}=this;return d`<a
|
|
19
|
+
id="link"
|
|
20
|
+
class="button"
|
|
21
|
+
aria-label="${i||a}"
|
|
22
|
+
aria-haspopup="${t||a}"
|
|
23
|
+
aria-expanded="${e||a}"
|
|
24
|
+
href=${this.href}
|
|
25
|
+
target=${this.target||a}
|
|
26
|
+
>${this.renderContent()}
|
|
27
|
+
</a>`}renderContent(){const i=d`<slot
|
|
28
|
+
name="icon"
|
|
29
|
+
@slotchange="${this.handleSlotChange}"></slot>`;return d`
|
|
30
|
+
<span class="touch"></span>
|
|
31
|
+
${this.trailingIcon?a:i}
|
|
32
|
+
<span class="label"><slot></slot></span>
|
|
33
|
+
${this.trailingIcon?i:a}
|
|
34
|
+
`}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}};R(r),G(r);r.formAssociated=!0;r.shadowRootOptions={mode:"open",delegatesFocus:!0};c([o({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0);c([o()],r.prototype,"href",void 0);c([o()],r.prototype,"target",void 0);c([o({type:Boolean,attribute:"trailing-icon",reflect:!0})],r.prototype,"trailingIcon",void 0);c([o({type:Boolean,attribute:"has-icon",reflect:!0})],r.prototype,"hasIcon",void 0);c([o()],r.prototype,"type",void 0);c([o({reflect:!0})],r.prototype,"value",void 0);c([F(".button")],r.prototype,"buttonElement",void 0);c([D({slot:"icon",flatten:!0})],r.prototype,"assignedIcons",void 0);var W=class extends r{renderElevationOrOutline(){return d`<md-elevation part="elevation"></md-elevation>`}},V=v`:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_container-shape-start-start: var(--md-filled-button-container-shape-start-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-button-container-shape-start-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-button-container-shape-end-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-button-container-shape-end-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-button-leading-space, 24px);--_trailing-space: var(--md-filled-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-button-with-trailing-icon-trailing-space, 16px)}
|
|
35
|
+
`,L=v`md-elevation{transition-duration:280ms}:host([disabled]) md-elevation{transition:none}md-elevation{--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color)}:host(:focus-within) md-elevation{--md-elevation-level: var(--_focus-container-elevation)}:host(:hover) md-elevation{--md-elevation-level: var(--_hover-container-elevation)}:host(:active) md-elevation{--md-elevation-level: var(--_pressed-container-elevation)}:host([disabled]) md-elevation{--md-elevation-level: var(--_disabled-container-elevation)}
|
|
36
|
+
`,x=v`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size)))/2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){cursor:default;pointer-events:none}.button{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}.button::-moz-focus-inner{padding:0;border:0}:host(:hover) .button{color:var(--_hover-label-text-color)}:host(:focus-within) .button{color:var(--_focus-label-text-color)}:host(:active) .button{color:var(--_pressed-label-text-color)}.background{background-color:var(--_container-color);border-radius:inherit;inset:0;position:absolute}.label{overflow:hidden}:is(.button,.label,.label slot),.label ::slotted(*){text-overflow:inherit}:host([disabled]) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}:host([disabled]) .background{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.background{border:1px solid CanvasText}:host([disabled]){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}:host([has-icon]:not([trailing-icon])){padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}:host([has-icon][trailing-icon]){padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus-within) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host([disabled]) ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}:host([touch-target=none]) .touch{display:none}
|
|
37
|
+
`,z=class extends W{};z.styles=[x,L,V];z=c([y("md-filled-button")],z);var X=class extends r{renderElevationOrOutline(){return d`<div class="outline"></div>`}},Y=v`:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-button-disabled-label-text-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-button-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-outlined-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-outlined-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-outlined-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-outlined-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-outlined-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-outlined-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-outlined-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-outlined-button-icon-size, 18px);--_pressed-icon-color: var(--md-outlined-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-outlined-button-container-shape-start-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-button-container-shape-start-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-button-container-shape-end-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-button-container-shape-end-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-outlined-button-leading-space, 24px);--_trailing-space: var(--md-outlined-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-outlined-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-outlined-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-outlined-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-outlined-button-with-trailing-icon-trailing-space, 16px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}.outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(:active) .outline{border-color:var(--_pressed-outline-color)}:host([disabled]) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}@media(forced-colors: active){:host([disabled]) .background{border-color:GrayText}:host([disabled]) .outline{opacity:1}}.outline,md-ripple{border-width:var(--_outline-width)}md-ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)}
|
|
38
|
+
`,k=class extends X{};k.styles=[x,Y];k=c([y("md-outlined-button")],k);var J=class extends r{renderElevationOrOutline(){return d`<md-elevation part="elevation"></md-elevation>`}},K=v`:host{--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-height: var(--md-filled-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-font: var(--md-filled-tonal-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-tonal-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-tonal-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-tonal-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-filled-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_container-shape-start-start: var(--md-filled-tonal-button-container-shape-start-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-button-container-shape-start-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-button-container-shape-end-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-button-container-shape-end-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-tonal-button-leading-space, 24px);--_trailing-space: var(--md-filled-tonal-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-tonal-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-tonal-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-tonal-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-tonal-button-with-trailing-icon-trailing-space, 16px)}
|
|
39
|
+
`,$=class extends J{};$.styles=[x,L,K];$=c([y("md-filled-tonal-button")],$);var Q=class extends r{},Z=v`:host{--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-text-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-text-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-text-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-text-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-text-button-leading-space, 12px);--_trailing-space: var(--md-text-button-trailing-space, 12px);--_with-leading-icon-leading-space: var(--md-text-button-with-leading-icon-leading-space, 12px);--_with-leading-icon-trailing-space: var(--md-text-button-with-leading-icon-trailing-space, 16px);--_with-trailing-icon-leading-space: var(--md-text-button-with-trailing-icon-leading-space, 16px);--_with-trailing-icon-trailing-space: var(--md-text-button-with-trailing-icon-trailing-space, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}
|
|
40
|
+
`,A=class extends Q{};A.styles=[x,Z];A=c([y("md-text-button")],A);var f,l=(f=new WeakSet,class extends E{constructor(...t){super(...t),j(this,f),this.variant="filled",this.size="medium",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(t){return t?.shadowRoot?.querySelector("button")??null}__handleDefaultSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(s=>s.nodeType===Node.TEXT_NODE?!!s.textContent?.trim():s.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==e&&(this.__hasDefaultSlotContent=e,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const s=(this.getAttribute("aria-label")||"").trim(),b=(t.getAttribute("aria-label")||"").trim(),u=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",h=s||b||u;h?e.setAttribute("aria-label",h):e.removeAttribute("aria-label");const S=this.getAttribute("aria-controls");S!==null?e.setAttribute("aria-controls",S):e.removeAttribute("aria-controls");const I=this.getAttribute("aria-expanded");I!==null?e.setAttribute("aria-expanded",I):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(O=>{const p=this.__getMdHost(),g=this.__getInnerNativeButton(p);if(!(!p||!g)){for(const _ of O){if(_.type!=="attributes"||!_.attributeName)continue;const m=_.attributeName,w=this.getAttribute(m);if(m==="aria-label"){const M=(p.getAttribute("aria-label")||"").trim(),B=(w||M||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();B?g.setAttribute("aria-label",B):g.removeAttribute("aria-label"),p.removeAttribute("aria-label")}else(m==="aria-controls"||m==="aria-expanded")&&(w===null?g.removeAttribute(m):g.setAttribute(m,w),m==="aria-expanded"&&this.removeAttribute("aria-expanded"))}p.removeAttribute("aria-label"),p.removeAttribute("aria-controls"),p.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),T(f,this,C).call(this)}updated(t){(t.has("variant")||t.has("label")||t.has("icon"))&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&T(f,this,C).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return v`
|
|
2
41
|
/* Gör hosten stretchbar i t.ex. flex/grid */
|
|
3
42
|
:host {
|
|
4
43
|
display: inline-flex;
|
|
@@ -205,70 +244,70 @@ import"../../vendor/vendor-material.js";import{_ as z,b as S,g as A,h as l,v as
|
|
|
205
244
|
}
|
|
206
245
|
}
|
|
207
246
|
*/
|
|
208
|
-
`}render(){const t=!!this.icon?.trim(),e=t?
|
|
247
|
+
`}render(){const t=!!this.icon?.trim(),e=t?d`<md-icon slot="icon" part="icon" ?filled=${this.iconFilled} aria-hidden="true">${this.icon}</md-icon>`:a,s=a,b=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,u=d`
|
|
209
248
|
<slot
|
|
210
249
|
@slotchange=${this.__handleDefaultSlotChange}
|
|
211
|
-
style=${this.__hasDefaultSlotContent?
|
|
250
|
+
style=${this.__hasDefaultSlotContent?a:"display: none"}
|
|
212
251
|
></slot>
|
|
213
|
-
${this.__hasDefaultSlotContent?
|
|
214
|
-
`;switch(this.variant){case"filled":return
|
|
252
|
+
${this.__hasDefaultSlotContent?a:this.label}
|
|
253
|
+
`;switch(this.variant){case"filled":return d`
|
|
215
254
|
<md-filled-button
|
|
216
255
|
type=${this.type}
|
|
217
|
-
variant=${
|
|
256
|
+
variant=${s}
|
|
218
257
|
?trailing-icon=${this.trailingIcon}
|
|
219
258
|
?disabled=${this.disabled}
|
|
220
|
-
aria-label=${
|
|
221
|
-
href=${this.href||
|
|
222
|
-
target=${this.target||
|
|
223
|
-
rel=${this.rel||
|
|
259
|
+
aria-label=${b}
|
|
260
|
+
href=${this.href||a}
|
|
261
|
+
target=${this.target||a}
|
|
262
|
+
rel=${this.rel||a}
|
|
224
263
|
>
|
|
225
|
-
${t&&!this.trailingIcon?e:
|
|
226
|
-
${
|
|
227
|
-
${t&&this.trailingIcon?e:
|
|
264
|
+
${t&&!this.trailingIcon?e:a}
|
|
265
|
+
${u}
|
|
266
|
+
${t&&this.trailingIcon?e:a}
|
|
228
267
|
</md-filled-button>
|
|
229
|
-
`;case"outlined":return
|
|
268
|
+
`;case"outlined":return d`
|
|
230
269
|
<md-outlined-button
|
|
231
270
|
type=${this.type}
|
|
232
|
-
variant=${
|
|
271
|
+
variant=${s}
|
|
233
272
|
?trailing-icon=${this.trailingIcon}
|
|
234
273
|
?disabled=${this.disabled}
|
|
235
|
-
aria-label=${
|
|
236
|
-
href=${this.href||
|
|
237
|
-
target=${this.target||
|
|
238
|
-
rel=${this.rel||
|
|
274
|
+
aria-label=${b}
|
|
275
|
+
href=${this.href||a}
|
|
276
|
+
target=${this.target||a}
|
|
277
|
+
rel=${this.rel||a}
|
|
239
278
|
>
|
|
240
|
-
${t&&!this.trailingIcon?e:
|
|
241
|
-
${
|
|
242
|
-
${t&&this.trailingIcon?e:
|
|
279
|
+
${t&&!this.trailingIcon?e:a}
|
|
280
|
+
${u}
|
|
281
|
+
${t&&this.trailingIcon?e:a}
|
|
243
282
|
</md-outlined-button>
|
|
244
|
-
`;case"filled-tonal":return
|
|
283
|
+
`;case"filled-tonal":return d`
|
|
245
284
|
<md-filled-tonal-button
|
|
246
285
|
type=${this.type}
|
|
247
|
-
variant=${
|
|
286
|
+
variant=${s}
|
|
248
287
|
?trailing-icon=${this.trailingIcon}
|
|
249
288
|
?disabled=${this.disabled}
|
|
250
|
-
aria-label=${
|
|
251
|
-
href=${this.href||
|
|
252
|
-
target=${this.target||
|
|
253
|
-
rel=${this.rel||
|
|
289
|
+
aria-label=${b}
|
|
290
|
+
href=${this.href||a}
|
|
291
|
+
target=${this.target||a}
|
|
292
|
+
rel=${this.rel||a}
|
|
254
293
|
>
|
|
255
|
-
${t&&!this.trailingIcon?e:
|
|
256
|
-
${
|
|
257
|
-
${t&&this.trailingIcon?e:
|
|
294
|
+
${t&&!this.trailingIcon?e:a}
|
|
295
|
+
${u}
|
|
296
|
+
${t&&this.trailingIcon?e:a}
|
|
258
297
|
</md-filled-tonal-button>
|
|
259
|
-
`;case"text":return
|
|
298
|
+
`;case"text":return d`
|
|
260
299
|
<md-text-button
|
|
261
300
|
type=${this.type}
|
|
262
|
-
variant=${
|
|
301
|
+
variant=${s}
|
|
263
302
|
?trailing-icon=${this.trailingIcon}
|
|
264
303
|
?disabled=${this.disabled}
|
|
265
|
-
aria-label=${
|
|
266
|
-
href=${this.href||
|
|
267
|
-
target=${this.target||
|
|
268
|
-
rel=${this.rel||
|
|
304
|
+
aria-label=${b}
|
|
305
|
+
href=${this.href||a}
|
|
306
|
+
target=${this.target||a}
|
|
307
|
+
rel=${this.rel||a}
|
|
269
308
|
>
|
|
270
|
-
${t&&!this.trailingIcon?e:
|
|
271
|
-
${
|
|
272
|
-
${t&&this.trailingIcon?e:
|
|
309
|
+
${t&&!this.trailingIcon?e:a}
|
|
310
|
+
${u}
|
|
311
|
+
${t&&this.trailingIcon?e:a}
|
|
273
312
|
</md-text-button>
|
|
274
|
-
`;default:return
|
|
313
|
+
`;default:return d``}}});function C(){const i=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??i,e=this.mapSpacingToken(this.spacingBottom)??i,s=this.mapSpacingToken(this.spacingLeft),b=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),s?this.style.setProperty("--scb-button-spacing-inline-start",s):this.style.removeProperty("--scb-button-spacing-inline-start"),b?this.style.setProperty("--scb-button-spacing-inline-end",b):this.style.removeProperty("--scb-button-spacing-inline-end")}n([o({type:String,reflect:!0})],l.prototype,"variant",void 0);n([o({type:String,reflect:!0})],l.prototype,"size",void 0);n([o({type:String,reflect:!0})],l.prototype,"type",void 0);n([o({type:String})],l.prototype,"label",void 0);n([o({type:Boolean,attribute:"trailing-icon"})],l.prototype,"trailingIcon",void 0);n([o({type:String})],l.prototype,"icon",void 0);n([o({type:Boolean,attribute:"icon-filled",reflect:!0})],l.prototype,"iconFilled",void 0);n([o({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0);n([o({type:Boolean,attribute:"full-width",reflect:!0})],l.prototype,"fullWidth",void 0);n([o({type:String})],l.prototype,"href",void 0);n([o({type:String})],l.prototype,"target",void 0);n([o({type:String})],l.prototype,"rel",void 0);n([o({type:String,reflect:!0})],l.prototype,"spacing",void 0);n([o({type:String,attribute:"spacing-top",reflect:!0})],l.prototype,"spacingTop",void 0);n([o({type:String,attribute:"spacing-bottom",reflect:!0})],l.prototype,"spacingBottom",void 0);n([o({type:String,attribute:"spacing-left",reflect:!0})],l.prototype,"spacingLeft",void 0);n([o({type:String,attribute:"spacing-right",reflect:!0})],l.prototype,"spacingRight",void 0);l=n([y("scb-button")],l);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../../vendor/vendor-material.js";import{_ as H,b as W,g as P,h as _,y as T}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as v}from"../../vendor/decorate.js";import{n as z,t as Y}from"../../vendor/assertClassBrand.js";import"../scb-list/scb-list.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-calendar-event.js";import"../scb-dialog/scb-dialog.js";(function(){try{var k=typeof globalThis<"u"?globalThis:window;if(!k.__scb_ce_guard_installed__){k.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,a){try{customElements.get(e)||t(e,s,a)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var F,J,K={fromAttribute(k){if(k===null)return!1;const t=k.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},m=(F=new WeakSet,J=class extends H{constructor(...t){super(...t),z(this,F),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this.displayYear=new Date().getFullYear(),this.displayMonth=new Date().getMonth()+1,this.selectedDate="",this.eventsJson=void 0,this._eventsFromJson=null,this._eventsJsonLast=void 0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._mutationObserver=null,this._syncingDisplay=!1,this._onCalendarKeyDown=e=>{const s=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day.has-event")??[]),a=this.shadowRoot?.activeElement,i=a&&s.includes(a)?a:document.activeElement,n=s.indexOf(i);if(n===-1)return;let d=n;const l=this.disableWeekend?5:7;switch(e.key){case"ArrowRight":d=n+1<s.length?n+1:n;break;case"ArrowLeft":d=n-1>=0?n-1:n;break;case"ArrowDown":d=n+l<s.length?n+l:n;break;case"ArrowUp":d=n-l>=0?n-l:n;break;default:return}d!==n&&(e.preventDefault(),s[d].focus())},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._popupEvent=null,this._handleDialogClose=()=>{this._popupEvent=null,this.requestUpdate(),this._restoreDayFocus()},this._restoreDayFocus=()=>{this._lastActiveDay&&setTimeout(()=>{this._lastActiveDay?.focus(),this._lastActiveDay=null},0)},this._easterDateCalculated={}}get value(){return this.selectedDate}set value(t){const e=(t??"")+"";e!==this.selectedDate&&(this.selectedDate=e)}static get observedAttributes(){return[...super.observedAttributes??[],"value"]}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),t==="value"&&(this.value=s??"")}connectedCallback(){super.connectedCallback(),Y(F,this,I).call(this);const t=Number(this.displayYear),e=Number(this.displayMonth);!Number.isNaN(t)&&!Number.isNaN(e)&&e>=1&&e<=12&&(this._current=new Date(t,e-1,1)),this._syncDisplayFromCurrent(!1),this.addEventListener("change",this._onEventChanged),this._mutationObserver=new MutationObserver(()=>{this.requestUpdate()}),this._mutationObserver.observe(this,{childList:!0}),this.addEventListener("keydown",this._onCalendarKeyDown)}disconnectedCallback(){this.removeEventListener("change",this._onEventChanged),super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}updated(t){if(super.updated?.(t),t.has("eventsJson")&&(this._eventsJsonLast=void 0,this._eventsFromJson=null),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&Y(F,this,I).call(this),!this._syncingDisplay&&(t.has("displayYear")||t.has("displayMonth"))){const e=Number(this.displayYear),s=Number(this.displayMonth);if(!Number.isNaN(e)&&!Number.isNaN(s)&&s>=1&&s<=12){const a=this._current.getFullYear(),i=this._current.getMonth()+1;(a!==e||i!==s)&&(this._current=new Date(e,s-1,1),this._dispatchMonthChange(e,s),this.requestUpdate())}}}_ensureEventsFromJson(){const t=(this.eventsJson??"").trim();if(!t){this._eventsFromJson=null,this._eventsJsonLast=t;return}if(!(this._eventsJsonLast===t&&this._eventsFromJson!==null)){this._eventsJsonLast=t;try{const e=JSON.parse(t);Array.isArray(e)?this._eventsFromJson=e:this._eventsFromJson=[]}catch{this._eventsFromJson=[]}}}_getEventInputs(){return Array.isArray(this.events)?this.events:(this._ensureEventsFromJson(),this._eventsFromJson!==null?this._eventsFromJson:null)}_normalizeEventInput(t){const e=t.title??"",s=t.description??"",a=t.href??"",i=t.startDate??t["start-date"]??t.start??t.date??"",n=t.endDate??t["end-date"]??t.end??"";return{title:e+"",description:s?s+"":void 0,href:a?a+"":void 0,start:i?i+"":void 0,end:n?n+"":void 0}}_toLocalEventDate(t,e){const s=(t??"").trim();if(!s)return null;if(!s.includes("T")){const i=s.split("-").map(c=>Number(c));if(i.length!==3||i.some(c=>Number.isNaN(c)))return null;const[n,d,l]=i;return e?new Date(n,d-1,l,23,59,59,999):new Date(n,d-1,l,0,0,0,0)}const a=new Date(s);return Number.isNaN(a.getTime())?null:a}_toDateKey(t){return`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`}_buildEventMapFromInputs(t){const e=new Map;for(const s of t){const a=this._normalizeEventInput(s),i=a.start||"",n=a.end||"";if(!(!i||!a.title))if(i&&n){const d=this._toLocalEventDate(i,!1),l=this._toLocalEventDate(n,!0);if(!d||!l)continue;if(l<d){const c=i.split("T")[0],y=e.get(c)||[];y.push({title:a.title,description:a.description,href:a.href,start:i,end:n}),e.set(c,y);continue}for(let c=new Date(d);c<=l;c.setDate(c.getDate()+1)){const y=this._toDateKey(c),E=e.get(y)||[];E.push({title:a.title,description:a.description,href:a.href,start:i,end:n}),e.set(y,E)}}else{const d=i.split("T")[0],l=e.get(d)||[];l.push({title:a.title,description:a.description,href:a.href,start:i}),e.set(d,l)}}return e}_buildEventMapFromChildren(){const t=Array.from(this.querySelectorAll("scb-calendar-event")),e=new Map;for(const s of t){const a=s,i=(a.startDate??a.date??"")+""||s.getAttribute("start-date")||s.getAttribute("date")||"",n=(a.endDate??"")+""||s.getAttribute("end-date")||"";if(i&&n){const d=this._toLocalEventDate(i,!1),l=this._toLocalEventDate(n,!0);if(!d||!l)continue;if(l<d){const c=i.split("T")[0],y=e.get(c)||[];y.push({title:s.title??"",description:s.description,href:a.href||s.getAttribute("href")||void 0,start:i,end:n}),e.set(c,y);continue}for(let c=new Date(d);c<=l;c.setDate(c.getDate()+1)){const y=this._toDateKey(c),E=e.get(y)||[];E.push({title:s.title??"",description:s.description,href:a.href||s.getAttribute("href")||void 0,start:i,end:n}),e.set(y,E)}}else if(i&&s.title){const d=i.split("T")[0],l=e.get(d)||[];l.push({title:s.title,description:s.description,href:a.href||s.getAttribute("href")||void 0,start:i}),e.set(d,l)}}return e}_syncDisplayFromCurrent(t=!0){const e=this._current.getFullYear(),s=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=e,this.displayMonth=s}finally{this._syncingDisplay=!1}t&&this._dispatchMonthChange(e,s)}_dispatchMonthChange(t,e){const s={displayYear:t,displayMonth:e};this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:s})),this.dispatchEvent(new CustomEvent("scbcalendarmonthchange",{bubbles:!0,composed:!0,detail:s}))}_dispatchSelect(t){const e={selectedDate:t};this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:e})),this.dispatchEvent(new CustomEvent("scbcalendarselect",{bubbles:!0,composed:!0,detail:e}))}_daysInMonth(t,e){return new Date(t,e+1,0).getDate()}_firstDayOfWeek(t,e){const s=new Date(t,e,1).getDay();return s===0?6:s-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_showEventPopup(t){this._popupEvent=t,this.selectedDate=t.date,this._dispatchSelect(t.date),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelector("scb-dialog");e&&(document.activeElement&&(e.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.open=!0})}),e.addEventListener("close",this._handleDialogClose,{once:!0}))})}_addDays(t,e){const s=new Date(t.valueOf());return s.setDate(s.getDate()+e),s}_easterDay(t){if(typeof this._easterDateCalculated["Ar"+t]<"u")return new Date(this._easterDateCalculated["Ar"+t]);let e=t;e<100&&(e=e+1900),e<1950&&(e=e+100);const s=e%19,a=e%4,i=e%7,n=(19*s+24)%30,d=(2*a+4*i+6*n+5)%7;let l=22+n+d,c=0;l==57&&(l-=7),l==56&&n==28&&d==6&&s>10&&(l-=7),l>31?(l-=31,c=4):c=3;const y=new Date(e,c-1,l);return this._easterDateCalculated["Ar"+t]=y,new Date(this._easterDateCalculated["Ar"+t])}_swedishHolidayName(t){const e=t.getMonth();if(e===1||e===6||e===7||e===8)return null;const s=t.getMonth()+1,a=t.getDate(),i=t.getFullYear(),n=this._easterDay(i),d=this.lang==="en",l=[["Nyårsdagen","New Year's Day",s===1&&a===1],["Trettondedag jul","Epiphany",s===1&&a===6],["Långfredag","Good Friday",+t==+this._addDays(n,-2)],["Påskdagen","Easter Sunday",+t==+n],["Annandag påsk","Easter Monday",+t==+this._addDays(n,1)],["Kristi himmelsfärdsdag","Ascension Day",+t==+this._addDays(n,39)],["Pingstdagen","Pentecost",+t==+this._addDays(n,50)&&i<2005],["Första maj","May Day",s===5&&a===1],["Nationaldagen","National Day",s===6&&a===6&&i>=2005],["Midsommarafton","Midsummer's Eve",s===6&&a>=19&&a<=25&&t.getDay()===5],["Midsommardagen","Midsummer's Day",s===6&&a>=20&&a<=26&&t.getDay()===6],["Julafton","Christmas Eve",s===12&&a===24],["Juldagen","Christmas Day",s===12&&a===25],["Annandag jul","Boxing Day",s===12&&a===26],["Alla helgons dag","All Saints' Day",s===10&&a>=31&&t.getDay()===6||s===11&&a<=6&&t.getDay()===6]];for(const c of l){const[y,E,x]=c;if(x)return d?E:y}return null}render(){const t=this._current.getFullYear(),e=this._current.getMonth(),s=this._daysInMonth(t,e),a=this._firstDayOfWeek(t,e),i=this._today,n=this.lang==="en",d=n?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"];let l=n?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(l=l.slice(0,5));const c=this._getEventInputs(),y=c?this._buildEventMapFromInputs(c):this._buildEventMapFromChildren(),E=[];let x=1;for(let r=0;r<6;r++){const h=[],f=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let p=x;for(let D=0;D<f.length;D++){const w=f[D];if(r===0&&w<a){if(!this.disableWeekend||w<5){const M=e===0?11:e-1,N=e===0?t-1:t,b=this._daysInMonth(N,M)-(a-w-1);h.push(T`
|
|
1
|
+
import{_ as H,b as W,g as P,h as _,y as T}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import{t as v}from"../../vendor/decorate.js";import{n as z,t as Y}from"../../vendor/assertClassBrand.js";import"../scb-list/scb-list.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-calendar-event.js";import"../scb-dialog/scb-dialog.js";(function(){try{var k=typeof globalThis<"u"?globalThis:window;if(!k.__scb_ce_guard_installed__){k.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,a){try{customElements.get(e)||t(e,s,a)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var F,J,K={fromAttribute(k){if(k===null)return!1;const t=k.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},m=(F=new WeakSet,J=class extends H{constructor(...t){super(...t),z(this,F),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this.displayYear=new Date().getFullYear(),this.displayMonth=new Date().getMonth()+1,this.selectedDate="",this.eventsJson=void 0,this._eventsFromJson=null,this._eventsJsonLast=void 0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._mutationObserver=null,this._syncingDisplay=!1,this._onCalendarKeyDown=e=>{const s=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day.has-event")??[]),a=this.shadowRoot?.activeElement,i=a&&s.includes(a)?a:document.activeElement,n=s.indexOf(i);if(n===-1)return;let d=n;const l=this.disableWeekend?5:7;switch(e.key){case"ArrowRight":d=n+1<s.length?n+1:n;break;case"ArrowLeft":d=n-1>=0?n-1:n;break;case"ArrowDown":d=n+l<s.length?n+l:n;break;case"ArrowUp":d=n-l>=0?n-l:n;break;default:return}d!==n&&(e.preventDefault(),s[d].focus())},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._popupEvent=null,this._handleDialogClose=()=>{this._popupEvent=null,this.requestUpdate(),this._restoreDayFocus()},this._restoreDayFocus=()=>{this._lastActiveDay&&setTimeout(()=>{this._lastActiveDay?.focus(),this._lastActiveDay=null},0)},this._easterDateCalculated={}}get value(){return this.selectedDate}set value(t){const e=(t??"")+"";e!==this.selectedDate&&(this.selectedDate=e)}static get observedAttributes(){return[...super.observedAttributes??[],"value"]}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),t==="value"&&(this.value=s??"")}connectedCallback(){super.connectedCallback(),Y(F,this,I).call(this);const t=Number(this.displayYear),e=Number(this.displayMonth);!Number.isNaN(t)&&!Number.isNaN(e)&&e>=1&&e<=12&&(this._current=new Date(t,e-1,1)),this._syncDisplayFromCurrent(!1),this.addEventListener("change",this._onEventChanged),this._mutationObserver=new MutationObserver(()=>{this.requestUpdate()}),this._mutationObserver.observe(this,{childList:!0}),this.addEventListener("keydown",this._onCalendarKeyDown)}disconnectedCallback(){this.removeEventListener("change",this._onEventChanged),super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}updated(t){if(super.updated?.(t),t.has("eventsJson")&&(this._eventsJsonLast=void 0,this._eventsFromJson=null),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&Y(F,this,I).call(this),!this._syncingDisplay&&(t.has("displayYear")||t.has("displayMonth"))){const e=Number(this.displayYear),s=Number(this.displayMonth);if(!Number.isNaN(e)&&!Number.isNaN(s)&&s>=1&&s<=12){const a=this._current.getFullYear(),i=this._current.getMonth()+1;(a!==e||i!==s)&&(this._current=new Date(e,s-1,1),this._dispatchMonthChange(e,s),this.requestUpdate())}}}_ensureEventsFromJson(){const t=(this.eventsJson??"").trim();if(!t){this._eventsFromJson=null,this._eventsJsonLast=t;return}if(!(this._eventsJsonLast===t&&this._eventsFromJson!==null)){this._eventsJsonLast=t;try{const e=JSON.parse(t);Array.isArray(e)?this._eventsFromJson=e:this._eventsFromJson=[]}catch{this._eventsFromJson=[]}}}_getEventInputs(){return Array.isArray(this.events)?this.events:(this._ensureEventsFromJson(),this._eventsFromJson!==null?this._eventsFromJson:null)}_normalizeEventInput(t){const e=t.title??"",s=t.description??"",a=t.href??"",i=t.startDate??t["start-date"]??t.start??t.date??"",n=t.endDate??t["end-date"]??t.end??"";return{title:e+"",description:s?s+"":void 0,href:a?a+"":void 0,start:i?i+"":void 0,end:n?n+"":void 0}}_toLocalEventDate(t,e){const s=(t??"").trim();if(!s)return null;if(!s.includes("T")){const i=s.split("-").map(c=>Number(c));if(i.length!==3||i.some(c=>Number.isNaN(c)))return null;const[n,d,l]=i;return e?new Date(n,d-1,l,23,59,59,999):new Date(n,d-1,l,0,0,0,0)}const a=new Date(s);return Number.isNaN(a.getTime())?null:a}_toDateKey(t){return`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`}_buildEventMapFromInputs(t){const e=new Map;for(const s of t){const a=this._normalizeEventInput(s),i=a.start||"",n=a.end||"";if(!(!i||!a.title))if(i&&n){const d=this._toLocalEventDate(i,!1),l=this._toLocalEventDate(n,!0);if(!d||!l)continue;if(l<d){const c=i.split("T")[0],y=e.get(c)||[];y.push({title:a.title,description:a.description,href:a.href,start:i,end:n}),e.set(c,y);continue}for(let c=new Date(d);c<=l;c.setDate(c.getDate()+1)){const y=this._toDateKey(c),E=e.get(y)||[];E.push({title:a.title,description:a.description,href:a.href,start:i,end:n}),e.set(y,E)}}else{const d=i.split("T")[0],l=e.get(d)||[];l.push({title:a.title,description:a.description,href:a.href,start:i}),e.set(d,l)}}return e}_buildEventMapFromChildren(){const t=Array.from(this.querySelectorAll("scb-calendar-event")),e=new Map;for(const s of t){const a=s,i=(a.startDate??a.date??"")+""||s.getAttribute("start-date")||s.getAttribute("date")||"",n=(a.endDate??"")+""||s.getAttribute("end-date")||"";if(i&&n){const d=this._toLocalEventDate(i,!1),l=this._toLocalEventDate(n,!0);if(!d||!l)continue;if(l<d){const c=i.split("T")[0],y=e.get(c)||[];y.push({title:s.title??"",description:s.description,href:a.href||s.getAttribute("href")||void 0,start:i,end:n}),e.set(c,y);continue}for(let c=new Date(d);c<=l;c.setDate(c.getDate()+1)){const y=this._toDateKey(c),E=e.get(y)||[];E.push({title:s.title??"",description:s.description,href:a.href||s.getAttribute("href")||void 0,start:i,end:n}),e.set(y,E)}}else if(i&&s.title){const d=i.split("T")[0],l=e.get(d)||[];l.push({title:s.title,description:s.description,href:a.href||s.getAttribute("href")||void 0,start:i}),e.set(d,l)}}return e}_syncDisplayFromCurrent(t=!0){const e=this._current.getFullYear(),s=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=e,this.displayMonth=s}finally{this._syncingDisplay=!1}t&&this._dispatchMonthChange(e,s)}_dispatchMonthChange(t,e){const s={displayYear:t,displayMonth:e};this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:s})),this.dispatchEvent(new CustomEvent("scbcalendarmonthchange",{bubbles:!0,composed:!0,detail:s}))}_dispatchSelect(t){const e={selectedDate:t};this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:e})),this.dispatchEvent(new CustomEvent("scbcalendarselect",{bubbles:!0,composed:!0,detail:e}))}_daysInMonth(t,e){return new Date(t,e+1,0).getDate()}_firstDayOfWeek(t,e){const s=new Date(t,e,1).getDay();return s===0?6:s-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_showEventPopup(t){this._popupEvent=t,this.selectedDate=t.date,this._dispatchSelect(t.date),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelector("scb-dialog");e&&(document.activeElement&&(e.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.open=!0})}),e.addEventListener("close",this._handleDialogClose,{once:!0}))})}_addDays(t,e){const s=new Date(t.valueOf());return s.setDate(s.getDate()+e),s}_easterDay(t){if(typeof this._easterDateCalculated["Ar"+t]<"u")return new Date(this._easterDateCalculated["Ar"+t]);let e=t;e<100&&(e=e+1900),e<1950&&(e=e+100);const s=e%19,a=e%4,i=e%7,n=(19*s+24)%30,d=(2*a+4*i+6*n+5)%7;let l=22+n+d,c=0;l==57&&(l-=7),l==56&&n==28&&d==6&&s>10&&(l-=7),l>31?(l-=31,c=4):c=3;const y=new Date(e,c-1,l);return this._easterDateCalculated["Ar"+t]=y,new Date(this._easterDateCalculated["Ar"+t])}_swedishHolidayName(t){const e=t.getMonth();if(e===1||e===6||e===7||e===8)return null;const s=t.getMonth()+1,a=t.getDate(),i=t.getFullYear(),n=this._easterDay(i),d=this.lang==="en",l=[["Nyårsdagen","New Year's Day",s===1&&a===1],["Trettondedag jul","Epiphany",s===1&&a===6],["Långfredag","Good Friday",+t==+this._addDays(n,-2)],["Påskdagen","Easter Sunday",+t==+n],["Annandag påsk","Easter Monday",+t==+this._addDays(n,1)],["Kristi himmelsfärdsdag","Ascension Day",+t==+this._addDays(n,39)],["Pingstdagen","Pentecost",+t==+this._addDays(n,50)&&i<2005],["Första maj","May Day",s===5&&a===1],["Nationaldagen","National Day",s===6&&a===6&&i>=2005],["Midsommarafton","Midsummer's Eve",s===6&&a>=19&&a<=25&&t.getDay()===5],["Midsommardagen","Midsummer's Day",s===6&&a>=20&&a<=26&&t.getDay()===6],["Julafton","Christmas Eve",s===12&&a===24],["Juldagen","Christmas Day",s===12&&a===25],["Annandag jul","Boxing Day",s===12&&a===26],["Alla helgons dag","All Saints' Day",s===10&&a>=31&&t.getDay()===6||s===11&&a<=6&&t.getDay()===6]];for(const c of l){const[y,E,x]=c;if(x)return d?E:y}return null}render(){const t=this._current.getFullYear(),e=this._current.getMonth(),s=this._daysInMonth(t,e),a=this._firstDayOfWeek(t,e),i=this._today,n=this.lang==="en",d=n?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"];let l=n?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(l=l.slice(0,5));const c=this._getEventInputs(),y=c?this._buildEventMapFromInputs(c):this._buildEventMapFromChildren(),E=[];let x=1;for(let r=0;r<6;r++){const h=[],f=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let p=x;for(let D=0;D<f.length;D++){const w=f[D];if(r===0&&w<a){if(!this.disableWeekend||w<5){const M=e===0?11:e-1,N=e===0?t-1:t,b=this._daysInMonth(N,M)-(a-w-1);h.push(T`
|
|
2
2
|
<div class="calendar-day calendar-day--other">
|
|
3
3
|
<span class="calendar-day-number">${b}</span>
|
|
4
4
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-
|
|
2
|
-
import
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/ripple.js","../../vendor/attachable-controller.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as P,b as L,g as W,h as i,y as n}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import{t as a}from"../../vendor/decorate.js";import{n as I,t as h}from"../../vendor/assertClassBrand.js";import{t as H}from"../../vendor/preload-helper.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,l,c){try{customElements.get(s)||e(s,l,c)}catch(m){var g=String(m||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw m}}}}catch{}})();var d,o,p,b={fromAttribute:r=>r??"",toAttribute:r=>typeof r!="string"||r.trim()===""?null:r},t=(d=new WeakSet,o=class extends P{constructor(...e){super(...e),I(this,d),this.variant="default",this.size="medium",this.date=null,this.direction="horizontal",this.title="",this.calendarCardTitle="",this.subtitle="",this.supportingText="",this.cardHref="",this.cardHrefNav="",this.showMedia=null,this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.width="",this.maxWidth="",this.minWidth="",this.height="",this.maxHeight="",this.minHeight="",this.sizing="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}__hasSlottedContent(e){return!!this.querySelector(`[slot="${e}"]`)}__getSlottedText(e){return this.querySelector(`[slot="${e}"]`)?.textContent?.trim()??""}async firstUpdated(){p.__iconLoaded||(await H(()=>import("../../vendor/icon.js").then(e=>e.t),__vite__mapDeps([0,1,2,3]),import.meta.url),p.__iconLoaded=!0),p.__rippleLoaded||(await H(()=>import("../../vendor/ripple.js").then(e=>e.t),__vite__mapDeps([4,1,2,5,3]),import.meta.url),p.__rippleLoaded=!0),this.__applyInnerSizing(),h(d,this,$).call(this)}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",s=this.direction?`${this.direction.toLowerCase()}`:"",l=this.cardHref?"clickable":"",c=this.__hasSlottedContent("heading"),g=this.__hasSlottedContent("subtitle"),m=this.__hasSlottedContent("supporting-text"),v=this.calendarCardTitle||this.title,y=this.subtitle,f=this.supportingText,u=c||!!v,x=g||!!y,T=m||!!f,{day:z,month:w}=h(d,this,A).call(this),_=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",k=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",S=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",C=`${_?`inline-size:${_};`:""}${k?`block-size:${k};`:""}${S?`aspect-ratio:${S};`:""}`;return n`
|
|
3
3
|
<div
|
|
4
4
|
class="calendar-card ${s} ${l} ${e}"
|
|
5
5
|
role="${this.cardHref?"link":"group"}"
|
|
@@ -25,12 +25,12 @@ import"../../vendor/vendor-material.js";import{_ as P,b as L,g as W,h as i,y as
|
|
|
25
25
|
${this.cardHref?n`<div class="icon-container"><md-icon>arrow_forward</md-icon></div>`:""}
|
|
26
26
|
</div>
|
|
27
27
|
`:""}
|
|
28
|
-
${x?n`<div class="subtitle">${g?n`<slot name="subtitle"></slot>`:
|
|
28
|
+
${x?n`<div class="subtitle">${g?n`<slot name="subtitle"></slot>`:y}</div>`:""}
|
|
29
29
|
</div>
|
|
30
30
|
`:""}
|
|
31
31
|
${T?n`
|
|
32
32
|
<div class="supporting-text">
|
|
33
|
-
${m?n`<slot name="supporting-text"></slot>`:
|
|
33
|
+
${m?n`<slot name="supporting-text"></slot>`:f}
|
|
34
34
|
</div>
|
|
35
35
|
`:""}
|
|
36
36
|
</div>
|