scb-wc 0.1.229 → 0.1.231
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/README.md +19 -16
- package/all.js +12 -0
- package/index.js +97 -85
- package/mvc/components/all.js +7 -0
- package/mvc/components/scb-accordion/scb-accordion-item.js +1 -1
- package/mvc/components/scb-accordion/scb-accordion.js +1 -1
- package/mvc/components/scb-app-bar/scb-app-bar.js +1 -1
- package/mvc/components/scb-button/scb-button.js +3 -3
- 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 +2 -2
- package/mvc/{vendor → components/scb-chevron}/scb-chevron.js +1 -1
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +1 -1
- package/mvc/components/scb-datepicker/scb-datepicker.js +143 -0
- package/mvc/components/scb-dialog/scb-dialog.js +1 -1
- package/mvc/components/scb-drawer/scb-drawer.js +3 -3
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
- package/mvc/components/scb-fact-card/scb-fact-card.js +1 -1
- package/mvc/components/scb-header/scb-header.js +2 -2
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +6 -6
- package/mvc/components/scb-icon-button/scb-icon-button.js +5 -5
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +6 -6
- package/mvc/components/scb-link/scb-link.js +1 -1
- package/mvc/components/scb-link-button/scb-link-button.js +1 -1
- package/mvc/components/scb-list/scb-list-item.js +6 -6
- package/mvc/components/scb-menu/scb-menu-item.js +1 -1
- 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-options-menu/scb-options-menu.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +1 -1
- package/mvc/components/scb-overlay/scb-overlay.js +3 -3
- 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-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 +1 -1
- package/mvc/components/scb-select/scb-select.js +1 -1
- package/mvc/components/scb-snackbar/scb-snackbar.js +1 -1
- package/mvc/components/scb-stepper/scb-step.js +1 -1
- package/mvc/components/scb-table/scb-table.js +1 -1
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +1 -1
- package/mvc/components/scb-textfield/scb-textfield.js +34 -176
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
- package/mvc/{vendor → components/shared}/component-size-token.js +1 -1
- package/mvc/components/shared/lazy-focus-ring.js +2 -0
- package/mvc/components/shared/lazy-ripple.js +2 -0
- package/mvc/{vendor → components/shared}/manual-popover.js +1 -1
- package/mvc/components/shared/scb-icon-svg.js +11 -0
- package/package.json +2 -6
- package/scb-viz/scb-viz-series-differentiation-registry.js +10 -7
- package/scb-viz/scb-viz.js +43 -43
- package/scb-wc.bundle.js +287 -287
- package/scb-wc.d.ts +212 -188
- package/shared/scb-icon-svg.js +5 -2
- package/mvc/vendor/lazy-focus-ring.js +0 -2
- package/mvc/vendor/lazy-ripple.js +0 -2
- package/mvc/vendor/scb-icon-svg.js +0 -11
- package/scb-components/scb-accordion/scb-accordion-item.d.ts +0 -39
- package/scb-components/scb-accordion/scb-accordion.d.ts +0 -30
- package/scb-components/scb-action-card/scb-action-card.d.ts +0 -1
- package/scb-components/scb-app-bar/scb-app-bar.d.ts +0 -35
- package/scb-components/scb-avatar/scb-avatar.d.ts +0 -37
- package/scb-components/scb-badge/scb-badge.d.ts +0 -28
- package/scb-components/scb-breadcrumb/scb-breadcrumb-item.d.ts +0 -16
- package/scb-components/scb-breadcrumb/scb-breadcrumb.d.ts +0 -28
- package/scb-components/scb-button/scb-button.d.ts +0 -69
- package/scb-components/scb-calendar/scb-calendar-event.d.ts +0 -15
- package/scb-components/scb-calendar/scb-calendar.d.ts +0 -85
- package/scb-components/scb-calendar-card/scb-calendar-card.d.ts +0 -60
- package/scb-components/scb-card/scb-action-card.d.ts +0 -1
- package/scb-components/scb-card/scb-card.d.ts +0 -162
- package/scb-components/scb-card/scb-container-card.d.ts +0 -1
- package/scb-components/scb-card/scb-link-card.d.ts +0 -1
- package/scb-components/scb-card/scb-list-card.d.ts +0 -1
- package/scb-components/scb-card/scb-social-card.d.ts +0 -1
- package/scb-components/scb-checkbox/scb-checkbox-group.d.ts +0 -47
- package/scb-components/scb-checkbox/scb-checkbox.d.ts +0 -60
- package/scb-components/scb-chip/scb-chip.d.ts +0 -57
- package/scb-components/scb-collapse/scb-collapse.d.ts +0 -40
- package/scb-components/scb-container-card/scb-container-card.d.ts +0 -1
- package/scb-components/scb-cookies-consent/scb-cookies-consent.d.ts +0 -28
- package/scb-components/scb-dialog/scb-dialog.d.ts +0 -113
- package/scb-components/scb-divider/scb-divider.d.ts +0 -34
- package/scb-components/scb-drawer/scb-drawer.d.ts +0 -82
- package/scb-components/scb-drop-zone/scb-drop-zone.d.ts +0 -192
- package/scb-components/scb-dropdown/scb-dropdown.d.ts +0 -75
- package/scb-components/scb-fact-card/scb-fact-card-content.d.ts +0 -18
- package/scb-components/scb-fact-card/scb-fact-card.d.ts +0 -52
- package/scb-components/scb-footer/scb-footer-section.d.ts +0 -20
- package/scb-components/scb-footer/scb-footer.d.ts +0 -32
- package/scb-components/scb-form-error-summary/scb-form-error-summary.d.ts +0 -22
- package/scb-components/scb-gallery-grid/scb-gallery-grid.d.ts +0 -23
- package/scb-components/scb-grid/scb-grid-item.d.ts +0 -32
- package/scb-components/scb-grid/scb-grid.d.ts +0 -39
- package/scb-components/scb-grid/scb-stack.d.ts +0 -32
- package/scb-components/scb-header/scb-header-menu-group.d.ts +0 -12
- package/scb-components/scb-header/scb-header-menu-item.d.ts +0 -15
- package/scb-components/scb-header/scb-header-tab.d.ts +0 -15
- package/scb-components/scb-header/scb-header-utility.d.ts +0 -17
- package/scb-components/scb-header/scb-header.d.ts +0 -181
- package/scb-components/scb-horizontal-scroller/scb-horizontal-scroller.d.ts +0 -53
- package/scb-components/scb-icon/scb-icon.d.ts +0 -19
- package/scb-components/scb-icon-button/scb-icon-button.d.ts +0 -72
- package/scb-components/scb-keyfigure-card/scb-keyfigure-card.d.ts +0 -57
- package/scb-components/scb-link/scb-link.d.ts +0 -25
- package/scb-components/scb-link-button/scb-link-button.d.ts +0 -30
- package/scb-components/scb-link-card/scb-link-card.d.ts +0 -1
- package/scb-components/scb-list/scb-list-item.d.ts +0 -64
- package/scb-components/scb-list/scb-list.d.ts +0 -29
- package/scb-components/scb-list-card/scb-list-card.d.ts +0 -1
- package/scb-components/scb-menu/scb-menu-item.d.ts +0 -64
- package/scb-components/scb-menu/scb-menu-section.d.ts +0 -11
- package/scb-components/scb-menu/scb-menu.d.ts +0 -50
- package/scb-components/scb-menu/scb-sub-menu.d.ts +0 -14
- package/scb-components/scb-nav/scb-nav-item.d.ts +0 -20
- package/scb-components/scb-nav/scb-nav.d.ts +0 -70
- package/scb-components/scb-notification-card/scb-notification-card.d.ts +0 -53
- package/scb-components/scb-options-menu/scb-options-menu-item.d.ts +0 -29
- package/scb-components/scb-options-menu/scb-options-menu.d.ts +0 -35
- package/scb-components/scb-options-menu/scb-options-sub-menu.d.ts +0 -16
- package/scb-components/scb-overlay/scb-overlay.d.ts +0 -24
- package/scb-components/scb-pagination/scb-pagination.d.ts +0 -43
- package/scb-components/scb-progress-indicator/scb-progress-indicator.d.ts +0 -32
- package/scb-components/scb-progress-stepper/scb-progress-step.d.ts +0 -28
- package/scb-components/scb-progress-stepper/scb-progress-stepper.d.ts +0 -28
- package/scb-components/scb-radio-button/scb-radio-button.d.ts +0 -23
- package/scb-components/scb-radio-button/scb-radio-group.d.ts +0 -53
- package/scb-components/scb-scrollspy/scb-scrollspy.d.ts +0 -217
- package/scb-components/scb-search/scb-search.d.ts +0 -114
- package/scb-components/scb-segmented-button/scb-segmented-button.d.ts +0 -85
- package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +0 -26
- package/scb-components/scb-select/scb-select-option.d.ts +0 -19
- package/scb-components/scb-select/scb-select.d.ts +0 -90
- package/scb-components/scb-skeleton/scb-skeleton.d.ts +0 -36
- package/scb-components/scb-slider/scb-slider.d.ts +0 -63
- package/scb-components/scb-snackbar/scb-snackbar.d.ts +0 -26
- package/scb-components/scb-social-card/scb-social-card.d.ts +0 -1
- package/scb-components/scb-status-pill/scb-status-pill.d.ts +0 -22
- package/scb-components/scb-stepper/scb-step.d.ts +0 -29
- package/scb-components/scb-stepper/scb-stepper.d.ts +0 -49
- package/scb-components/scb-switch/scb-switch.d.ts +0 -63
- package/scb-components/scb-table/scb-table.d.ts +0 -40
- package/scb-components/scb-table-advanced/scb-table-advanced.d.ts +0 -55
- package/scb-components/scb-tabs/scb-primary-tab.d.ts +0 -15
- package/scb-components/scb-tabs/scb-secondary-tab.d.ts +0 -15
- package/scb-components/scb-tabs/scb-tabs.d.ts +0 -21
- package/scb-components/scb-textfield/scb-textfield.d.ts +0 -102
- package/scb-components/scb-toc/scb-toc-item.d.ts +0 -40
- package/scb-components/scb-toc/scb-toc.d.ts +0 -29
- package/scb-components/scb-tooltip/scb-tooltip.d.ts +0 -66
- package/scb-components/scb-viz/scb-viz.d.ts +0 -236
- package/scb-wc-public-entry/index.d.ts +0 -94
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g as J,h as X,m as Z,p as _,v as k,y as V}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as ee}from"../../vendor/lazy-focus-ring.js";import{t as I}from"../../vendor/component-size-token.js";import{t as f}from"../../vendor/decorate.js";import{t as W}from"../../vendor/assertClassBrand.js";import{t as te}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-calendar-event.js";import"../scb-dialog/scb-dialog.js";import"../scb-list/scb-list.js";(function(){try{var E=typeof globalThis<"u"?globalThis:window;if(!E.__scb_ce_guard_installed__){E.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,a,s){try{customElements.get(t)||e(t,a,s)}catch(r){var n=String(r||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var z,O,P={fromAttribute(E){if(E===null)return!1;const e=E.trim().toLowerCase();return e!=="false"&&e!=="0"&&e!=="no"}},y=(z=new WeakSet,O=class extends X{constructor(...e){super(...e),te(this,z),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=t=>{const a=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day[data-date]")??[]),s=this.shadowRoot?.activeElement,n=s&&a.includes(s)?s:document.activeElement,r=a.indexOf(n);if(r===-1)return;let l;switch(t.key){case"ArrowRight":l=a[r+1];break;case"ArrowLeft":l=a[r-1];break;case"ArrowDown":l=this.__dayOffsetFrom(n,7);break;case"ArrowUp":l=this.__dayOffsetFrom(n,-7);break;case"Home":l=Array.from(n.closest('[role="row"]')?.querySelectorAll(".calendar-day[data-date]")??[])[0];break;case"End":{const d=Array.from(n.closest('[role="row"]')?.querySelectorAll(".calendar-day[data-date]")??[]);l=d[d.length-1];break}case"PageUp":t.preventDefault(),this.__focusAdjacentMonth(n,-1);return;case"PageDown":t.preventDefault(),this.__focusAdjacentMonth(n,1);return;default:return}l&&l!==n&&(t.preventDefault(),this.__focusCalendarDay(l))},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._rovingDate="",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(e){const t=(e??"")+"";t!==this.selectedDate&&(this.selectedDate=t)}static get observedAttributes(){return[...super.observedAttributes??[],"value"]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e==="value"&&(this.value=a??"")}connectedCallback(){super.connectedCallback(),this._removeLazyFocusRingListeners=ee(this,this.renderRoot),W(z,this,H).call(this);const e=Number(this.displayYear),t=Number(this.displayMonth);!Number.isNaN(e)&&!Number.isNaN(t)&&t>=1&&t<=12&&(this._current=new Date(e,t-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),this._removeLazyFocusRingListeners?.(),this._removeLazyFocusRingListeners=void 0,super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}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}updated(e){if(super.updated?.(e),e.has("eventsJson")&&(this._eventsJsonLast=void 0,this._eventsFromJson=null),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&W(z,this,H).call(this),!this._syncingDisplay&&(e.has("displayYear")||e.has("displayMonth"))){const t=Number(this.displayYear),a=Number(this.displayMonth);if(!Number.isNaN(t)&&!Number.isNaN(a)&&a>=1&&a<=12){const s=this._current.getFullYear(),n=this._current.getMonth()+1;(s!==t||n!==a)&&(this._current=new Date(t,a-1,1),this._dispatchMonthChange(t,a),this.requestUpdate())}}}_ensureEventsFromJson(){const e=(this.eventsJson??"").trim();if(!e){this._eventsFromJson=null,this._eventsJsonLast=e;return}if(!(this._eventsJsonLast===e&&this._eventsFromJson!==null)){this._eventsJsonLast=e;try{const t=JSON.parse(e);Array.isArray(t)?this._eventsFromJson=t:this._eventsFromJson=[]}catch{this._eventsFromJson=[]}}}_getEventInputs(){return Array.isArray(this.events)?this.events:(this._ensureEventsFromJson(),this._eventsFromJson!==null?this._eventsFromJson:null)}_normalizeEventInput(e){const t=e.title??"",a=e.description??"",s=e.href??"",n=e.startDate??e["start-date"]??e.start??e.date??"",r=e.endDate??e["end-date"]??e.end??"";return{title:t+"",description:a?a+"":void 0,href:s?s+"":void 0,start:n?n+"":void 0,end:r?r+"":void 0}}_toLocalEventDate(e,t){const a=(e??"").trim();if(!a)return null;if(!a.includes("T")){const n=a.split("-").map(o=>Number(o));if(n.length!==3||n.some(o=>Number.isNaN(o)))return null;const[r,l,d]=n;return t?new Date(r,l-1,d,23,59,59,999):new Date(r,l-1,d,0,0,0,0)}const s=new Date(a);return Number.isNaN(s.getTime())?null:s}_toDateKey(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}_buildEventMapFromInputs(e){const t=new Map;for(const a of e){const s=this._normalizeEventInput(a),n=s.start||"",r=s.end||"";if(!(!n||!s.title))if(n&&r){const l=this._toLocalEventDate(n,!1),d=this._toLocalEventDate(r,!0);if(!l||!d)continue;if(d<l){const o=n.split("T")[0],m=t.get(o)||[];m.push({title:s.title,description:s.description,href:s.href,start:n,end:r}),t.set(o,m);continue}for(let o=new Date(l);o<=d;o.setDate(o.getDate()+1)){const m=this._toDateKey(o),T=t.get(m)||[];T.push({title:s.title,description:s.description,href:s.href,start:n,end:r}),t.set(m,T)}}else{const l=n.split("T")[0],d=t.get(l)||[];d.push({title:s.title,description:s.description,href:s.href,start:n}),t.set(l,d)}}return t}_buildEventMapFromChildren(){const e=Array.from(this.querySelectorAll("scb-calendar-event")),t=new Map;for(const a of e){const s=a,n=(s.startDate??s.date??"")+""||a.getAttribute("start-date")||a.getAttribute("date")||"",r=(s.endDate??"")+""||a.getAttribute("end-date")||"";if(n&&r){const l=this._toLocalEventDate(n,!1),d=this._toLocalEventDate(r,!0);if(!l||!d)continue;if(d<l){const o=n.split("T")[0],m=t.get(o)||[];m.push({title:a.title??"",description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n,end:r}),t.set(o,m);continue}for(let o=new Date(l);o<=d;o.setDate(o.getDate()+1)){const m=this._toDateKey(o),T=t.get(m)||[];T.push({title:a.title??"",description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n,end:r}),t.set(m,T)}}else if(n&&a.title){const l=n.split("T")[0],d=t.get(l)||[];d.push({title:a.title,description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n}),t.set(l,d)}}return t}_syncDisplayFromCurrent(e=!0){const t=this._current.getFullYear(),a=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=t,this.displayMonth=a}finally{this._syncingDisplay=!1}e&&this._dispatchMonthChange(t,a)}_dispatchMonthChange(e,t){const a={displayYear:e,displayMonth:t};this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:a})),this.dispatchEvent(new CustomEvent("scbcalendarmonthchange",{bubbles:!0,composed:!0,detail:a}))}_dispatchSelect(e){const t={selectedDate:e};this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:t})),this.dispatchEvent(new CustomEvent("scbcalendarselect",{bubbles:!0,composed:!0,detail:t}))}_formatDayLabel(e){return new Intl.DateTimeFormat(this.lang==="en"?"en-GB":"sv-SE",{day:"numeric",month:"long",year:"numeric"}).format(e)}_formatDayAriaLabel(e,t,a){const s=a.map(r=>`${r.prefix||""}${r.title}`.trim()).filter(Boolean),n=[this._formatDayLabel(e)];return t&&n.push(t),s.length===1?n.push(this.lang==="en"?`1 event: ${s[0]}`:`1 händelse: ${s[0]}`):s.length>1&&n.push(this.lang==="en"?`${s.length} events: ${s.join(", ")}`:`${s.length} händelser: ${s.join(", ")}`),n.join(". ")}__dayOffsetFrom(e,t){const a=e.dataset.date;if(!a)return;const s=new Date(`${a}T12:00:00`);s.setDate(s.getDate()+t);const n=this.__formatDateKey(s);return this.shadowRoot?.querySelector(`.calendar-day[data-date="${n}"]`)??void 0}__formatDateKey(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}__focusCalendarDay(e){this.shadowRoot?.querySelectorAll(".calendar-day[data-date]").forEach(t=>{t.tabIndex=t===e?0:-1}),this._rovingDate=e.dataset.date??"",e.focus()}__focusAdjacentMonth(e,t){const a=e.dataset.date;if(!a)return;const s=new Date(`${a}T12:00:00`),n=new Date(s.getFullYear(),s.getMonth()+t,1),r=Math.min(s.getDate(),this._daysInMonth(n.getFullYear(),n.getMonth())),l=new Date(n.getFullYear(),n.getMonth(),r);this._current=new Date(l.getFullYear(),l.getMonth(),1),this.selectedDate="",this._popupEvent=null,this._rovingDate=this.__formatDateKey(l),this._syncDisplayFromCurrent(),this.requestUpdate(),this.updateComplete.then(()=>{const d=this.shadowRoot?.querySelector(`.calendar-day[data-date="${this._rovingDate}"]`);d&&this.__focusCalendarDay(d)})}_daysInMonth(e,t){return new Date(e,t+1,0).getDate()}_firstDayOfWeek(e,t){const a=new Date(e,t,1).getDay();return a===0?6:a-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(e){this._popupEvent=e,this.selectedDate=e.date,this._dispatchSelect(e.date),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),this.updateComplete.then(()=>{const t=this.shadowRoot?.querySelector("scb-dialog");t&&(document.activeElement&&(t.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.open=!0})}),t.addEventListener("close",this._handleDialogClose,{once:!0}))})}_addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}_easterDay(e){if(typeof this._easterDateCalculated["Ar"+e]<"u")return new Date(this._easterDateCalculated["Ar"+e]);let t=e;t<100&&(t=t+1900),t<1950&&(t=t+100);const a=t%19,s=t%4,n=t%7,r=(19*a+24)%30,l=(2*s+4*n+6*r+5)%7;let d=22+r+l,o=0;d==57&&(d-=7),d==56&&r==28&&l==6&&a>10&&(d-=7),d>31?(d-=31,o=4):o=3;const m=new Date(t,o-1,d);return this._easterDateCalculated["Ar"+e]=m,new Date(this._easterDateCalculated["Ar"+e])}_swedishHolidayName(e){const t=e.getMonth();if(t===1||t===6||t===7||t===8)return null;const a=e.getMonth()+1,s=e.getDate(),n=e.getFullYear(),r=this._easterDay(n),l=this.lang==="en",d=[["Nyårsdagen","New Year's Day",a===1&&s===1],["Trettondedag jul","Epiphany",a===1&&s===6],["Långfredag","Good Friday",+e==+this._addDays(r,-2)],["Påskdagen","Easter Sunday",+e==+r],["Annandag påsk","Easter Monday",+e==+this._addDays(r,1)],["Kristi himmelsfärdsdag","Ascension Day",+e==+this._addDays(r,39)],["Pingstdagen","Pentecost",+e==+this._addDays(r,50)&&n<2005],["Första maj","May Day",a===5&&s===1],["Nationaldagen","National Day",a===6&&s===6&&n>=2005],["Midsommarafton","Midsummer's Eve",a===6&&s>=19&&s<=25&&e.getDay()===5],["Midsommardagen","Midsummer's Day",a===6&&s>=20&&s<=26&&e.getDay()===6],["Julafton","Christmas Eve",a===12&&s===24],["Juldagen","Christmas Day",a===12&&s===25],["Annandag jul","Boxing Day",a===12&&s===26],["Alla helgons dag","All Saints' Day",a===10&&s>=31&&e.getDay()===6||a===11&&s<=6&&e.getDay()===6]];for(const o of d){const[m,T,$]=o;if($)return l?T:m}return null}render(){const e=this._current.getFullYear(),t=this._current.getMonth(),a=this._daysInMonth(e,t),s=this._firstDayOfWeek(e,t),n=this._today,r=this.lang==="en",l=r?["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 d=r?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(d=d.slice(0,5));const o=this._getEventInputs(),m=o?this._buildEventMapFromInputs(o):this._buildEventMapFromChildren(),T=`${e}-${String(t+1).padStart(2,"0")}-`,$=new Date(e,t,1);if(this.disableWeekend)for(;$.getDay()===0||$.getDay()===6;)$.setDate($.getDate()+1);const B=this.__formatDateKey(n),U=[...m.keys()].find(i=>{if(!i.startsWith(T))return!1;if(!this.disableWeekend)return!0;const h=new Date(`${i}T12:00:00`);return h.getDay()!==0&&h.getDay()!==6}),G=[this._rovingDate,this.selectedDate,B,U,this.__formatDateKey($)].find(i=>i?.startsWith(T))??this.__formatDateKey($),K=[];let L=1;for(let i=0;i<6;i++){const h=[],b=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let g=L;for(let D=0;D<b.length;D++){const w=b[D];if(i===0&&w<s){if(!this.disableWeekend||w<5){const x=t===0?11:t-1,C=t===0?e-1:e,p=this._daysInMonth(C,x)-(s-w-1),N=new Date(C,x,p);h.push(k`
|
|
1
|
+
import{g as J,h as X,m as Z,p as _,v as k,y as V}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{addLazyFocusRingListeners as ee}from"../shared/lazy-focus-ring.js";import{componentSizeToken as I}from"../shared/component-size-token.js";import{t as f}from"../../vendor/decorate.js";import{t as W}from"../../vendor/assertClassBrand.js";import{t as te}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-calendar-event.js";import"../scb-dialog/scb-dialog.js";import"../scb-list/scb-list.js";(function(){try{var E=typeof globalThis<"u"?globalThis:window;if(!E.__scb_ce_guard_installed__){E.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,a,s){try{customElements.get(t)||e(t,a,s)}catch(r){var n=String(r||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var z,O,P={fromAttribute(E){if(E===null)return!1;const e=E.trim().toLowerCase();return e!=="false"&&e!=="0"&&e!=="no"}},y=(z=new WeakSet,O=class extends X{constructor(...e){super(...e),te(this,z),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=t=>{const a=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day[data-date]")??[]),s=this.shadowRoot?.activeElement,n=s&&a.includes(s)?s:document.activeElement,r=a.indexOf(n);if(r===-1)return;let l;switch(t.key){case"ArrowRight":l=a[r+1];break;case"ArrowLeft":l=a[r-1];break;case"ArrowDown":l=this.__dayOffsetFrom(n,7);break;case"ArrowUp":l=this.__dayOffsetFrom(n,-7);break;case"Home":l=Array.from(n.closest('[role="row"]')?.querySelectorAll(".calendar-day[data-date]")??[])[0];break;case"End":{const d=Array.from(n.closest('[role="row"]')?.querySelectorAll(".calendar-day[data-date]")??[]);l=d[d.length-1];break}case"PageUp":t.preventDefault(),this.__focusAdjacentMonth(n,-1);return;case"PageDown":t.preventDefault(),this.__focusAdjacentMonth(n,1);return;default:return}l&&l!==n&&(t.preventDefault(),this.__focusCalendarDay(l))},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._rovingDate="",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(e){const t=(e??"")+"";t!==this.selectedDate&&(this.selectedDate=t)}static get observedAttributes(){return[...super.observedAttributes??[],"value"]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e==="value"&&(this.value=a??"")}connectedCallback(){super.connectedCallback(),this._removeLazyFocusRingListeners=ee(this,this.renderRoot),W(z,this,H).call(this);const e=Number(this.displayYear),t=Number(this.displayMonth);!Number.isNaN(e)&&!Number.isNaN(t)&&t>=1&&t<=12&&(this._current=new Date(e,t-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),this._removeLazyFocusRingListeners?.(),this._removeLazyFocusRingListeners=void 0,super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}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}updated(e){if(super.updated?.(e),e.has("eventsJson")&&(this._eventsJsonLast=void 0,this._eventsFromJson=null),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&W(z,this,H).call(this),!this._syncingDisplay&&(e.has("displayYear")||e.has("displayMonth"))){const t=Number(this.displayYear),a=Number(this.displayMonth);if(!Number.isNaN(t)&&!Number.isNaN(a)&&a>=1&&a<=12){const s=this._current.getFullYear(),n=this._current.getMonth()+1;(s!==t||n!==a)&&(this._current=new Date(t,a-1,1),this._dispatchMonthChange(t,a),this.requestUpdate())}}}_ensureEventsFromJson(){const e=(this.eventsJson??"").trim();if(!e){this._eventsFromJson=null,this._eventsJsonLast=e;return}if(!(this._eventsJsonLast===e&&this._eventsFromJson!==null)){this._eventsJsonLast=e;try{const t=JSON.parse(e);Array.isArray(t)?this._eventsFromJson=t:this._eventsFromJson=[]}catch{this._eventsFromJson=[]}}}_getEventInputs(){return Array.isArray(this.events)?this.events:(this._ensureEventsFromJson(),this._eventsFromJson!==null?this._eventsFromJson:null)}_normalizeEventInput(e){const t=e.title??"",a=e.description??"",s=e.href??"",n=e.startDate??e["start-date"]??e.start??e.date??"",r=e.endDate??e["end-date"]??e.end??"";return{title:t+"",description:a?a+"":void 0,href:s?s+"":void 0,start:n?n+"":void 0,end:r?r+"":void 0}}_toLocalEventDate(e,t){const a=(e??"").trim();if(!a)return null;if(!a.includes("T")){const n=a.split("-").map(o=>Number(o));if(n.length!==3||n.some(o=>Number.isNaN(o)))return null;const[r,l,d]=n;return t?new Date(r,l-1,d,23,59,59,999):new Date(r,l-1,d,0,0,0,0)}const s=new Date(a);return Number.isNaN(s.getTime())?null:s}_toDateKey(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}_buildEventMapFromInputs(e){const t=new Map;for(const a of e){const s=this._normalizeEventInput(a),n=s.start||"",r=s.end||"";if(!(!n||!s.title))if(n&&r){const l=this._toLocalEventDate(n,!1),d=this._toLocalEventDate(r,!0);if(!l||!d)continue;if(d<l){const o=n.split("T")[0],m=t.get(o)||[];m.push({title:s.title,description:s.description,href:s.href,start:n,end:r}),t.set(o,m);continue}for(let o=new Date(l);o<=d;o.setDate(o.getDate()+1)){const m=this._toDateKey(o),T=t.get(m)||[];T.push({title:s.title,description:s.description,href:s.href,start:n,end:r}),t.set(m,T)}}else{const l=n.split("T")[0],d=t.get(l)||[];d.push({title:s.title,description:s.description,href:s.href,start:n}),t.set(l,d)}}return t}_buildEventMapFromChildren(){const e=Array.from(this.querySelectorAll("scb-calendar-event")),t=new Map;for(const a of e){const s=a,n=(s.startDate??s.date??"")+""||a.getAttribute("start-date")||a.getAttribute("date")||"",r=(s.endDate??"")+""||a.getAttribute("end-date")||"";if(n&&r){const l=this._toLocalEventDate(n,!1),d=this._toLocalEventDate(r,!0);if(!l||!d)continue;if(d<l){const o=n.split("T")[0],m=t.get(o)||[];m.push({title:a.title??"",description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n,end:r}),t.set(o,m);continue}for(let o=new Date(l);o<=d;o.setDate(o.getDate()+1)){const m=this._toDateKey(o),T=t.get(m)||[];T.push({title:a.title??"",description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n,end:r}),t.set(m,T)}}else if(n&&a.title){const l=n.split("T")[0],d=t.get(l)||[];d.push({title:a.title,description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n}),t.set(l,d)}}return t}_syncDisplayFromCurrent(e=!0){const t=this._current.getFullYear(),a=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=t,this.displayMonth=a}finally{this._syncingDisplay=!1}e&&this._dispatchMonthChange(t,a)}_dispatchMonthChange(e,t){const a={displayYear:e,displayMonth:t};this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:a})),this.dispatchEvent(new CustomEvent("scbcalendarmonthchange",{bubbles:!0,composed:!0,detail:a}))}_dispatchSelect(e){const t={selectedDate:e};this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:t})),this.dispatchEvent(new CustomEvent("scbcalendarselect",{bubbles:!0,composed:!0,detail:t}))}_formatDayLabel(e){return new Intl.DateTimeFormat(this.lang==="en"?"en-GB":"sv-SE",{day:"numeric",month:"long",year:"numeric"}).format(e)}_formatDayAriaLabel(e,t,a){const s=a.map(r=>`${r.prefix||""}${r.title}`.trim()).filter(Boolean),n=[this._formatDayLabel(e)];return t&&n.push(t),s.length===1?n.push(this.lang==="en"?`1 event: ${s[0]}`:`1 händelse: ${s[0]}`):s.length>1&&n.push(this.lang==="en"?`${s.length} events: ${s.join(", ")}`:`${s.length} händelser: ${s.join(", ")}`),n.join(". ")}__dayOffsetFrom(e,t){const a=e.dataset.date;if(!a)return;const s=new Date(`${a}T12:00:00`);s.setDate(s.getDate()+t);const n=this.__formatDateKey(s);return this.shadowRoot?.querySelector(`.calendar-day[data-date="${n}"]`)??void 0}__formatDateKey(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}__focusCalendarDay(e){this.shadowRoot?.querySelectorAll(".calendar-day[data-date]").forEach(t=>{t.tabIndex=t===e?0:-1}),this._rovingDate=e.dataset.date??"",e.focus()}__focusAdjacentMonth(e,t){const a=e.dataset.date;if(!a)return;const s=new Date(`${a}T12:00:00`),n=new Date(s.getFullYear(),s.getMonth()+t,1),r=Math.min(s.getDate(),this._daysInMonth(n.getFullYear(),n.getMonth())),l=new Date(n.getFullYear(),n.getMonth(),r);this._current=new Date(l.getFullYear(),l.getMonth(),1),this.selectedDate="",this._popupEvent=null,this._rovingDate=this.__formatDateKey(l),this._syncDisplayFromCurrent(),this.requestUpdate(),this.updateComplete.then(()=>{const d=this.shadowRoot?.querySelector(`.calendar-day[data-date="${this._rovingDate}"]`);d&&this.__focusCalendarDay(d)})}_daysInMonth(e,t){return new Date(e,t+1,0).getDate()}_firstDayOfWeek(e,t){const a=new Date(e,t,1).getDay();return a===0?6:a-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(e){this._popupEvent=e,this.selectedDate=e.date,this._dispatchSelect(e.date),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),this.updateComplete.then(()=>{const t=this.shadowRoot?.querySelector("scb-dialog");t&&(document.activeElement&&(t.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.open=!0})}),t.addEventListener("close",this._handleDialogClose,{once:!0}))})}_addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}_easterDay(e){if(typeof this._easterDateCalculated["Ar"+e]<"u")return new Date(this._easterDateCalculated["Ar"+e]);let t=e;t<100&&(t=t+1900),t<1950&&(t=t+100);const a=t%19,s=t%4,n=t%7,r=(19*a+24)%30,l=(2*s+4*n+6*r+5)%7;let d=22+r+l,o=0;d==57&&(d-=7),d==56&&r==28&&l==6&&a>10&&(d-=7),d>31?(d-=31,o=4):o=3;const m=new Date(t,o-1,d);return this._easterDateCalculated["Ar"+e]=m,new Date(this._easterDateCalculated["Ar"+e])}_swedishHolidayName(e){const t=e.getMonth();if(t===1||t===6||t===7||t===8)return null;const a=e.getMonth()+1,s=e.getDate(),n=e.getFullYear(),r=this._easterDay(n),l=this.lang==="en",d=[["Nyårsdagen","New Year's Day",a===1&&s===1],["Trettondedag jul","Epiphany",a===1&&s===6],["Långfredag","Good Friday",+e==+this._addDays(r,-2)],["Påskdagen","Easter Sunday",+e==+r],["Annandag påsk","Easter Monday",+e==+this._addDays(r,1)],["Kristi himmelsfärdsdag","Ascension Day",+e==+this._addDays(r,39)],["Pingstdagen","Pentecost",+e==+this._addDays(r,50)&&n<2005],["Första maj","May Day",a===5&&s===1],["Nationaldagen","National Day",a===6&&s===6&&n>=2005],["Midsommarafton","Midsummer's Eve",a===6&&s>=19&&s<=25&&e.getDay()===5],["Midsommardagen","Midsummer's Day",a===6&&s>=20&&s<=26&&e.getDay()===6],["Julafton","Christmas Eve",a===12&&s===24],["Juldagen","Christmas Day",a===12&&s===25],["Annandag jul","Boxing Day",a===12&&s===26],["Alla helgons dag","All Saints' Day",a===10&&s>=31&&e.getDay()===6||a===11&&s<=6&&e.getDay()===6]];for(const o of d){const[m,T,$]=o;if($)return l?T:m}return null}render(){const e=this._current.getFullYear(),t=this._current.getMonth(),a=this._daysInMonth(e,t),s=this._firstDayOfWeek(e,t),n=this._today,r=this.lang==="en",l=r?["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 d=r?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(d=d.slice(0,5));const o=this._getEventInputs(),m=o?this._buildEventMapFromInputs(o):this._buildEventMapFromChildren(),T=`${e}-${String(t+1).padStart(2,"0")}-`,$=new Date(e,t,1);if(this.disableWeekend)for(;$.getDay()===0||$.getDay()===6;)$.setDate($.getDate()+1);const B=this.__formatDateKey(n),U=[...m.keys()].find(i=>{if(!i.startsWith(T))return!1;if(!this.disableWeekend)return!0;const h=new Date(`${i}T12:00:00`);return h.getDay()!==0&&h.getDay()!==6}),G=[this._rovingDate,this.selectedDate,B,U,this.__formatDateKey($)].find(i=>i?.startsWith(T))??this.__formatDateKey($),K=[];let L=1;for(let i=0;i<6;i++){const h=[],b=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let g=L;for(let D=0;D<b.length;D++){const w=b[D];if(i===0&&w<s){if(!this.disableWeekend||w<5){const x=t===0?11:t-1,C=t===0?e-1:e,p=this._daysInMonth(C,x)-(s-w-1),N=new Date(C,x,p);h.push(k`
|
|
2
2
|
<div
|
|
3
3
|
class="calendar-day calendar-day--other"
|
|
4
4
|
role="gridcell"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["
|
|
2
|
-
import{h as T,m as C,p as t,v as c,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as H}from"../../vendor/preload-helper.js";import{t as r}from"../../vendor/decorate.js";(function(){try{var
|
|
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{h as T,m as C,p as t,v as c,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as H}from"../../vendor/preload-helper.js";import{t as r}from"../../vendor/decorate.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,l,n){try{customElements.get(i)||e(i,l,n)}catch(o){var s=String(o||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var p,L=new Intl.DateTimeFormat("sv-SE",{month:"short"}),g={fromAttribute:d=>d??"",toAttribute:d=>typeof d!="string"||d.trim()===""?null:d},h,b;function I(){return h??(h=H(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),h}function S(){return b??(b=H(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),b}var a=(p=class extends T{constructor(...e){super(...e),this.variant="default",this.date=null,this.direction="horizontal",this.title="",this.calendarCardTitle="",this.subtitle="",this.supportingText="",this.cardHref="",this.cardHrefNav="",this.showMedia=null,this.dateLabelPrefix="Datum:",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,this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__onPointerInteraction=i=>{this.__ensureRipple(i)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,I().then(({ensureFocusRingReady:i})=>i()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))}}__hasSlottedContent(e){return!!this.querySelector(`[slot="${e}"]`)}__getSlottedText(e){return this.querySelector(`[slot="${e}"]`)?.textContent?.trim()??""}get __resolvedTitle(){return this.__getSlottedText("heading")||this.calendarCardTitle||this.title}get __resolvedSubtitle(){return this.__getSlottedText("subtitle")||this.subtitle}get __resolvedLabel(){return this.__resolvedTitle||this.__resolvedSubtitle||"Kalenderkort"}firstUpdated(){this.__applyInnerSizing(),this.__applySpacing()}__ensureRipple(e){if(this.cardHref){if(e&&(this.__pendingRippleEvent=e),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,S().then(({ensureRippleReady:i})=>i()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}}async __syncRipple(){const e=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".calendar-card"),l=this.__pendingRippleEvent,n=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:s}=await S();await s(e,i,l,n)}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",i=this.direction?`${this.direction.toLowerCase()}`:"",l=this.cardHref?"clickable":"",n=this.__hasSlottedContent("heading"),s=this.__hasSlottedContent("subtitle"),o=this.__hasSlottedContent("supporting-text"),v=this.calendarCardTitle||this.title,u=this.subtitle,m=this.supportingText,y=n||!!v,f=s||!!u,R=o||!!m,{day:w,month:_}=this.__getDateParts(),x=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",z=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",k=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",$=`${x?`inline-size:${x};`:""}${z?`block-size:${z};`:""}${k?`aspect-ratio:${k};`:""}`;return c`
|
|
3
3
|
<div
|
|
4
|
-
class="calendar-card ${i} ${
|
|
4
|
+
class="calendar-card ${i} ${l} ${e}"
|
|
5
5
|
role="${this.cardHref?"link":"group"}"
|
|
6
6
|
aria-label="${this.__resolvedLabel}"
|
|
7
7
|
tabindex="${this.cardHref?"0":"-1"}"
|
|
@@ -38,4 +38,4 @@ import{h as T,m as C,p as t,v as c,y as P}from"../../vendor/vendor.js";import"..
|
|
|
38
38
|
</div>
|
|
39
39
|
</div>
|
|
40
40
|
${this.cardHref&&this.__focusRingLoaded?c`<md-focus-ring></md-focus-ring>`:""}
|
|
41
|
-
`}__getDateParts(){const e={day:1,month:"Jan"};if(!this.date)return e;const i=this.date instanceof Date?this.date:(()=>{const s=new Date(String(this.date));return Number.isNaN(s.getTime())?null:s})();if(!i)return e;const d=i.getDate(),n=L.format(i).replace(".","").trim();return{day:d,month:n.charAt(0).toUpperCase()+n.slice(1)}}__applyInnerSizing(){const e=this.renderRoot.querySelector(".calendar-card");e&&(this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size"))}_onKeyDown(e){(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),this.__navigate())}_handleHrefNavigation(){this.cardHref&&((!this.__rippleLoaded||this.__pendingRippleEvent)&&(this.__pendingRippleClick=!0,this.__ensureRipple()),this.__navigate())}__navigate(){this.cardHref&&(this.cardHrefNav==="tab"?window.open(this.cardHref,"_blank"):this.cardHrefNav==="window"?window.open(this.cardHref,"_blank","noopener,noreferrer,width=800,height=600"):window.open(this.cardHref,"_self"))}mapSpacingToken(e){if(!e)return;const i=String(e).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}__applySpacing(){const e=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??e,d=this.mapSpacingToken(this.spacingBottom)??e,n=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-calendar-card-spacing-block-start",i):this.style.removeProperty("--scb-calendar-card-spacing-block-start"),d?this.style.setProperty("--scb-calendar-card-spacing-block-end",d):this.style.removeProperty("--scb-calendar-card-spacing-block-end"),n?this.style.setProperty("--scb-calendar-card-spacing-inline-start",n):this.style.removeProperty("--scb-calendar-card-spacing-inline-start"),s?this.style.setProperty("--scb-calendar-card-spacing-inline-end",s):this.style.removeProperty("--scb-calendar-card-spacing-inline-end")}updated(e){e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),e.has("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.__applySpacing()}},p.styles=P`:host{--scb-cards-title-font-weight-current:var(--scb-calendar-card-design-title-large-font-weight);--scb-cards-title-letter-spacing-current:var(--scb-calendar-card-design-title-large-letter-spacing);--scb-cards-title-line-height-current:var(--scb-calendar-card-design-title-large-line-height);--scb-cards-title-tracking-current:var(--scb-calendar-card-design-title-large-tracking);--scb-cards-title-weight-current:var(--scb-calendar-card-design-title-large-weight);--scb-cards-title-size-current:var(--scb-calendar-card-design-title-large-size);--scb-cards-title-font-current:var(--scb-calendar-card-design-title-large-font);--scb-cards-subtitle-font-weight-current:var(--scb-calendar-card-design-subtitle-large-font-weight);--scb-cards-subtitle-letter-spacing-current:var(--scb-calendar-card-design-subtitle-large-letter-spacing);--scb-cards-subtitle-line-height-current:var(--scb-calendar-card-design-subtitle-large-line-height);--scb-cards-subtitle-tracking-current:var(--scb-calendar-card-design-subtitle-large-tracking);--scb-cards-subtitle-weight-current:var(--scb-calendar-card-design-subtitle-large-weight);--scb-cards-subtitle-size-current:var(--scb-calendar-card-design-subtitle-large-size);--scb-cards-subtitle-font-current:var(--scb-calendar-card-design-subtitle-large-font);--scb-cards-supporting-font-weight-current:var(--scb-calendar-card-design-supporting-large-font-weight);--scb-cards-supporting-letter-spacing-current:var(--scb-calendar-card-design-supporting-large-letter-spacing);--scb-cards-supporting-line-height-current:var(--scb-calendar-card-design-supporting-large-line-height);--scb-cards-supporting-tracking-current:var(--scb-calendar-card-design-supporting-large-tracking);--scb-cards-supporting-weight-current:var(--scb-calendar-card-design-supporting-large-weight);--scb-cards-supporting-size-current:var(--scb-calendar-card-design-supporting-large-size);--scb-cards-supporting-font-current:var(--scb-calendar-card-design-supporting-large-font);display:block;position:relative;box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:var(--scb-calendar-card-focus-ring-gap, 4px);margin-block-start:var(--scb-calendar-card-spacing-block-start, 0);margin-block-end:var(--scb-calendar-card-spacing-block-end, 0);margin-inline-start:var(--scb-calendar-card-spacing-inline-start, 0);margin-inline-end:var(--scb-calendar-card-spacing-inline-end, 0);--scb-calendar-card-padding-block:var(--scb-calendar-card-padding, var(--scb-calendar-card-design-content-padding-block-large));--scb-calendar-card-padding-inline:var(--scb-calendar-card-padding, var(--scb-calendar-card-design-content-padding-inline-large));--scb-calendar-card-surface-radius:var(--scb-calendar-card-design-surface-radius-large);--scb-calendar-card-border-width:var(--scb-calendar-card-design-surface-border-width-large);--scb-calendar-card-gap:var(--scb-calendar-card-design-calendar-gap-large);--scb-calendar-card-horizontal-gap:var(--scb-calendar-card-design-calendar-horizontal-gap-large);--scb-calendar-card-horizontal-min-block-size:var(--scb-calendar-card-design-calendar-horizontal-min-height-large);--scb-calendar-card-unframed-state-gap:var(--spacing-2, 4px);--scb-calendar-card-unframed-state-color:color-mix(in srgb, currentColor 8%, transparent);--scb-calendar-card-media-size:var(--scb-calendar-card-design-calendar-media-size-large);--scb-calendar-card-media-radius:var(--scb-calendar-card-design-calendar-media-radius-large);--scb-calendar-card-media-gap:var(--scb-calendar-card-design-calendar-media-gap-large);--scb-calendar-card-day-size:var(--scb-calendar-card-design-calendar-date-day-text-large);--scb-calendar-card-day-letter-spacing:-0.6px;--scb-calendar-card-month-size:var(--scb-calendar-card-design-calendar-date-month-text-large);--scb-calendar-card-content-gap:var(--scb-calendar-card-design-calendar-content-gap-large);--scb-calendar-card-header-gap:var(--scb-calendar-card-design-calendar-title-gap-large);--scb-calendar-card-title-min-block-size:var(--scb-calendar-card-title-line-height);--scb-calendar-card-icon-size:var(--scb-calendar-card-design-calendar-icon-large);--scb-calendar-card-title-font-family:var(--scb-cards-title-font-current, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-title-font-size:var(--scb-cards-title-size-current, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 22px)));--scb-calendar-card-title-font-weight:var(--scb-cards-title-font-weight-current, var(--scb-cards-title-weight-current, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-calendar-card-title-line-height:var(--scb-cards-title-line-height-current, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-calendar-card-title-letter-spacing:var(--scb-cards-title-letter-spacing-current, var(--scb-cards-title-tracking-current, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, -0.5px))));--scb-calendar-card-subtitle-font-family:var(--scb-cards-subtitle-font-current, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-subtitle-font-size:var(--scb-cards-subtitle-size-current, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-calendar-card-subtitle-font-weight:var(--scb-cards-subtitle-font-weight-current, var(--scb-cards-subtitle-weight-current, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-calendar-card-subtitle-line-height:var(--scb-cards-subtitle-line-height-current, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-calendar-card-subtitle-letter-spacing:var(--scb-cards-subtitle-letter-spacing-current, var(--scb-cards-subtitle-tracking-current, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, -0.3px))));--scb-calendar-card-supporting-font-family:var(--scb-cards-supporting-font-current, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-supporting-font-size:var(--scb-cards-supporting-size-current, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-calendar-card-supporting-font-weight:var(--scb-cards-supporting-font-weight-current, var(--scb-cards-supporting-weight-current, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-calendar-card-supporting-line-height:var(--scb-cards-supporting-line-height-current, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-calendar-card-supporting-letter-spacing:var(--scb-cards-supporting-letter-spacing-current, var(--scb-cards-supporting-tracking-current, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, -0.3px))))}:host([sizing='stretch']){inline-size:100%;block-size:100%;max-inline-size:none}:host([sizing='content-width']){display:inline-block;inline-size:auto;block-size:auto}:host([sizing='content-width']) .calendar-card{inline-size:max-content}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-calendar-card-focus-ring-radius, var(--scb-calendar-card-surface-radius, var(--radius-large, 16px)))}.calendar-card:focus-visible+md-focus-ring{display:block}.calendar-card{box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate;display:flex;color:var(--scb-calendar-card-content-color, var(--scb-cards-content-color, var(--md-sys-color-on-surface, var(--p-20))));font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-style:normal;flex-direction:column;align-items:flex-start;gap:var(--scb-calendar-card-gap);align-self:stretch;transition:transform .18s ease,background-color .18s ease,border-color .18s ease;inline-size:100%;max-inline-size:100%}.calendar-card.clickable{cursor:pointer}.calendar-card.clickable.default{overflow:visible}.calendar-card.clickable.default::before{content:"";position:absolute;inset:calc(var(--scb-calendar-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-calendar-card-surface-radius, var(--radius-l, 16px)) + var(--scb-calendar-card-unframed-state-gap));background:var(--scb-calendar-card-unframed-state-color);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:0}.calendar-card.clickable.default:hover::before{opacity:1}.calendar-card.clickable.default>:not(md-ripple){position:relative;z-index:1}.calendar-card,.calendar-card .subtitle,.calendar-card .supporting-text,.calendar-card .title{font-variant-numeric:proportional-nums;font-feature-settings:"tnum"0,"pnum"1}.calendar-card:focus,.calendar-card:focus-visible{outline:0}.calendar-card.horizontal{flex-direction:row;align-items:flex-start;max-width:none;width:100%;gap:var(--scb-calendar-card-horizontal-gap);min-block-size:var(--scb-calendar-card-horizontal-min-block-size)}.calendar-card.outlined{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-large, 16px));border:var(--scb-calendar-card-border-width, 1px) solid var(--scb-cards-outline-color, var(--md-sys-color-outline-variant, var(--n-80)));background:var(--scb-calendar-card-surface-color, var(--scb-cards-surface-color, var(--md-sys-color-surface, var(--nv-100))));padding-block:var(--scb-calendar-card-padding-block);padding-inline:var(--scb-calendar-card-padding-inline)}.calendar-card.filled,.media{background:var(--scb-cards-filled-surface-color, var(--md-sys-color-surface-dim, var(--nv-95)))}.calendar-card.filled{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-large, 16px));padding-block:var(--scb-calendar-card-padding-block);padding-inline:var(--scb-calendar-card-padding-inline)}.calendar-card.filled .media{background:var(--scb-calendar-card-media-surface-color, var(--md-sys-color-surface, var(--nv-100)))}md-ripple{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-l, 16px))}.calendar-card.clickable.default md-ripple{position:absolute;inset:calc(var(--scb-calendar-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-calendar-card-surface-radius, var(--radius-l, 16px)) + var(--scb-calendar-card-unframed-state-gap));z-index:2}.media{width:var(--scb-calendar-card-media-size);min-width:var(--scb-calendar-card-media-size);max-width:var(--scb-calendar-card-media-size);height:var(--scb-calendar-card-media-size);padding:var(--spacing-0, 0)0;justify-content:center;align-items:center;gap:var(--scb-calendar-card-media-gap);border-radius:var(--scb-calendar-card-media-radius, var(--md-sys-shape-corner-small))}.calendar-card.horizontal .media{align-self:flex-start}.media .day{font-size:var(--scb-calendar-card-day-size);font-weight:var(--weight-bold, 700);line-height:100%;letter-spacing:var(--scb-calendar-card-day-letter-spacing);font-variant-numeric:tabular-nums}.media .month{font-size:var(--scb-calendar-card-month-size);font-weight:var(--weight-regular, 400);line-height:100%}.container,.header-container,.media{display:flex;flex-direction:column}.container{flex:1 1 auto;min-width:0;gap:var(--scb-calendar-card-content-gap);width:100%;align-self:flex-start}.header-container{gap:var(--scb-calendar-card-header-gap)}.title-container{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-3, 8px);color:inherit;text-decoration:none;min-block-size:var(--scb-calendar-card-title-min-block-size)}.title{font-family:var(--scb-calendar-card-title-font-family);font-size:var(--scb-calendar-card-title-font-size);font-weight:var(--scb-calendar-card-title-font-weight);line-height:var(--scb-calendar-card-title-line-height);letter-spacing:var(--scb-calendar-card-title-letter-spacing);flex:1 1 auto;min-inline-size:0;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto;overflow:visible;text-overflow:clip}.title-container .calendar-card-icon{inline-size:var(--scb-calendar-card-icon-size);block-size:var(--scb-calendar-card-icon-size);flex:0 0 auto}.calendar-card-icon,.icon-container{align-items:center;justify-content:center}.icon-container{display:flex;width:var(--spacing-7, 24px);height:var(--spacing-7, 24px)}.calendar-card-icon{display:inline-flex;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-variation-settings:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calendar-card-icon.scb-svg-icon{fill:currentColor;font:inherit}.subtitle,.supporting-text{font-family:var(--scb-calendar-card-subtitle-font-family);font-size:var(--scb-calendar-card-subtitle-font-size);font-weight:var(--scb-calendar-card-subtitle-font-weight);line-height:var(--scb-calendar-card-subtitle-line-height);letter-spacing:var(--scb-calendar-card-subtitle-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:manual;overflow:visible;text-overflow:clip}.supporting-text{font-family:var(--scb-calendar-card-supporting-font-family);font-size:var(--scb-calendar-card-supporting-font-size);font-weight:var(--scb-calendar-card-supporting-font-weight);line-height:var(--scb-calendar-card-supporting-line-height);letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)}.title ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-title-font-family)!important;font-size:var(--scb-calendar-card-title-font-size)!important;font-weight:var(--scb-calendar-card-title-font-weight)!important;line-height:var(--scb-calendar-card-title-line-height)!important;letter-spacing:var(--scb-calendar-card-title-letter-spacing)!important}.subtitle ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-subtitle-font-family)!important;font-size:var(--scb-calendar-card-subtitle-font-size)!important;font-weight:var(--scb-calendar-card-subtitle-font-weight)!important;line-height:var(--scb-calendar-card-subtitle-line-height)!important;letter-spacing:var(--scb-calendar-card-subtitle-letter-spacing)!important}.supporting-text ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-supporting-font-family)!important;font-size:var(--scb-calendar-card-supporting-font-size)!important;font-weight:var(--scb-calendar-card-supporting-font-weight)!important;line-height:var(--scb-calendar-card-supporting-line-height)!important;letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)!important}.supporting-text ::slotted(*),.supporting-text ::slotted(scb-link){--scb-link-font-size:var(--scb-calendar-card-supporting-font-size);--scb-link-line-height:var(--scb-calendar-card-supporting-line-height);--scb-link-letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)}:host{--scb-calendar-card-design-content-padding-block-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-calendar-card-design-content-padding-inline-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-calendar-card-design-surface-radius-large:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-calendar-card-design-surface-border-width-large:var(--scb-cards-border-width-large, var(--stroke-border, 1px));--scb-calendar-card-design-calendar-gap-large:var(--scb-cards-calendar-gap-large, var(--spacing-4, 12px));--scb-calendar-card-design-calendar-horizontal-gap-large:var(--scb-cards-calendar-horizontal-gap-large, var(--spacing-6, 20px));--scb-calendar-card-design-calendar-horizontal-min-height-large:var(--scb-cards-calendar-horizontal-min-block-size-large, 112px);--scb-calendar-card-design-calendar-media-size-large:var(--scb-cards-calendar-media-size-large, var(--spacing-11, 64px));--scb-calendar-card-design-calendar-media-radius-large:var(--scb-cards-calendar-media-radius-large, var(--radius-small, 8px));--scb-calendar-card-design-calendar-media-gap-large:var(--scb-cards-calendar-media-gap-large, var(--spacing-2, 4px));--scb-calendar-card-design-calendar-date-day-text-large:var(--scb-cards-calendar-date-day-size-large, var(--scale-07, 28px));--scb-calendar-card-design-calendar-date-month-text-large:var(--scb-cards-calendar-date-month-size-large, var(--scale-02, 14px));--scb-calendar-card-design-calendar-content-gap-large:var(--scb-cards-calendar-content-gap-large, var(--spacing-4, 12px));--scb-calendar-card-design-calendar-title-gap-large:var(--scb-cards-calendar-title-gap-large, var(--spacing-2, 4px));--scb-calendar-card-design-calendar-icon-large:var(--scb-cards-calendar-icon-size-large, var(--icon-size-medium, 24px));--scb-calendar-card-design-title-large-font:var(--scb-cards-title-large-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-calendar-card-design-title-large-size:var(--scb-cards-title-large-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-calendar-card-design-title-large-line-height:var(--scb-cards-title-large-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-calendar-card-design-title-large-tracking:var(--scb-cards-title-large-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px))));--scb-calendar-card-design-title-large-weight:var(--scb-cards-title-large-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));--scb-calendar-card-design-title-large-letter-spacing:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px)))));--scb-calendar-card-design-title-large-font-weight:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-calendar-card-design-subtitle-large-font:var(--scb-cards-subtitle-large-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-calendar-card-design-subtitle-large-size:var(--scb-cards-subtitle-large-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-calendar-card-design-subtitle-large-line-height:var(--scb-cards-subtitle-large-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-calendar-card-design-subtitle-large-tracking:var(--scb-cards-subtitle-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-calendar-card-design-subtitle-large-weight:var(--scb-cards-subtitle-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-calendar-card-design-subtitle-large-letter-spacing:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-calendar-card-design-subtitle-large-font-weight:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-calendar-card-design-supporting-large-font:var(--scb-cards-supporting-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-calendar-card-design-supporting-large-size:var(--scb-cards-supporting-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-calendar-card-design-supporting-large-line-height:var(--scb-cards-supporting-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-calendar-card-design-supporting-large-tracking:var(--scb-cards-supporting-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-calendar-card-design-supporting-large-weight:var(--scb-cards-supporting-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-calendar-card-design-supporting-large-letter-spacing:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-calendar-card-design-supporting-large-font-weight:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))}`,p);r([t({type:String,reflect:!0})],a.prototype,"variant",void 0);r([t({type:String,attribute:"date"})],a.prototype,"date",void 0);r([t({type:String,reflect:!0})],a.prototype,"direction",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"title",void 0);r([t({type:String,attribute:"calendar-card-title",reflect:!0,converter:g})],a.prototype,"calendarCardTitle",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"subtitle",void 0);r([t({type:String,attribute:"supporting-text",reflect:!0,converter:g})],a.prototype,"supportingText",void 0);r([t({type:String,attribute:"card-href"})],a.prototype,"cardHref",void 0);r([t({type:String,attribute:"card-href-nav"})],a.prototype,"cardHrefNav",void 0);r([t({type:Boolean,reflect:!0,attribute:"show-media"})],a.prototype,"showMedia",void 0);r([t({type:String,attribute:"date-label-prefix"})],a.prototype,"dateLabelPrefix",void 0);r([t({type:String,attribute:"media-width"})],a.prototype,"mediaWidth",void 0);r([t({type:String,attribute:"media-height"})],a.prototype,"mediaHeight",void 0);r([t({type:String,attribute:"media-aspect"})],a.prototype,"mediaAspect",void 0);r([t({type:String,reflect:!0})],a.prototype,"width",void 0);r([t({type:String,reflect:!0,attribute:"max-width"})],a.prototype,"maxWidth",void 0);r([t({type:String,attribute:"min-width"})],a.prototype,"minWidth",void 0);r([t({type:String,reflect:!0})],a.prototype,"height",void 0);r([t({type:String,reflect:!0,attribute:"max-height"})],a.prototype,"maxHeight",void 0);r([t({type:String,attribute:"min-height"})],a.prototype,"minHeight",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"sizing",void 0);r([t({type:String,reflect:!0})],a.prototype,"spacing",void 0);r([t({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);r([t({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);r([t({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);r([t({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=r([C("scb-calendar-card")],a);
|
|
41
|
+
`}__getDateParts(){const e={day:1,month:"Jan"};if(!this.date)return e;const i=this.date instanceof Date?this.date:(()=>{const s=new Date(String(this.date));return Number.isNaN(s.getTime())?null:s})();if(!i)return e;const l=i.getDate(),n=L.format(i).replace(".","").trim();return{day:l,month:n.charAt(0).toUpperCase()+n.slice(1)}}__applyInnerSizing(){const e=this.renderRoot.querySelector(".calendar-card");e&&(this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size"))}_onKeyDown(e){(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),this.__navigate())}_handleHrefNavigation(){this.cardHref&&((!this.__rippleLoaded||this.__pendingRippleEvent)&&(this.__pendingRippleClick=!0,this.__ensureRipple()),this.__navigate())}__navigate(){this.cardHref&&(this.cardHrefNav==="tab"?window.open(this.cardHref,"_blank"):this.cardHrefNav==="window"?window.open(this.cardHref,"_blank","noopener,noreferrer,width=800,height=600"):window.open(this.cardHref,"_self"))}mapSpacingToken(e){if(!e)return;const i=String(e).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}__applySpacing(){const e=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??e,l=this.mapSpacingToken(this.spacingBottom)??e,n=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-calendar-card-spacing-block-start",i):this.style.removeProperty("--scb-calendar-card-spacing-block-start"),l?this.style.setProperty("--scb-calendar-card-spacing-block-end",l):this.style.removeProperty("--scb-calendar-card-spacing-block-end"),n?this.style.setProperty("--scb-calendar-card-spacing-inline-start",n):this.style.removeProperty("--scb-calendar-card-spacing-inline-start"),s?this.style.setProperty("--scb-calendar-card-spacing-inline-end",s):this.style.removeProperty("--scb-calendar-card-spacing-inline-end")}updated(e){e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),e.has("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.__applySpacing()}},p.styles=P`:host{--scb-cards-title-font-weight-current:var(--scb-calendar-card-design-title-large-font-weight);--scb-cards-title-letter-spacing-current:var(--scb-calendar-card-design-title-large-letter-spacing);--scb-cards-title-line-height-current:var(--scb-calendar-card-design-title-large-line-height);--scb-cards-title-tracking-current:var(--scb-calendar-card-design-title-large-tracking);--scb-cards-title-weight-current:var(--scb-calendar-card-design-title-large-weight);--scb-cards-title-size-current:var(--scb-calendar-card-design-title-large-size);--scb-cards-title-font-current:var(--scb-calendar-card-design-title-large-font);--scb-cards-subtitle-font-weight-current:var(--scb-calendar-card-design-subtitle-large-font-weight);--scb-cards-subtitle-letter-spacing-current:var(--scb-calendar-card-design-subtitle-large-letter-spacing);--scb-cards-subtitle-line-height-current:var(--scb-calendar-card-design-subtitle-large-line-height);--scb-cards-subtitle-tracking-current:var(--scb-calendar-card-design-subtitle-large-tracking);--scb-cards-subtitle-weight-current:var(--scb-calendar-card-design-subtitle-large-weight);--scb-cards-subtitle-size-current:var(--scb-calendar-card-design-subtitle-large-size);--scb-cards-subtitle-font-current:var(--scb-calendar-card-design-subtitle-large-font);--scb-cards-supporting-font-weight-current:var(--scb-calendar-card-design-supporting-large-font-weight);--scb-cards-supporting-letter-spacing-current:var(--scb-calendar-card-design-supporting-large-letter-spacing);--scb-cards-supporting-line-height-current:var(--scb-calendar-card-design-supporting-large-line-height);--scb-cards-supporting-tracking-current:var(--scb-calendar-card-design-supporting-large-tracking);--scb-cards-supporting-weight-current:var(--scb-calendar-card-design-supporting-large-weight);--scb-cards-supporting-size-current:var(--scb-calendar-card-design-supporting-large-size);--scb-cards-supporting-font-current:var(--scb-calendar-card-design-supporting-large-font);display:block;position:relative;box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:var(--scb-calendar-card-focus-ring-gap, 4px);margin-block-start:var(--scb-calendar-card-spacing-block-start, 0);margin-block-end:var(--scb-calendar-card-spacing-block-end, 0);margin-inline-start:var(--scb-calendar-card-spacing-inline-start, 0);margin-inline-end:var(--scb-calendar-card-spacing-inline-end, 0);--scb-calendar-card-padding-block:var(--scb-calendar-card-padding, var(--scb-calendar-card-design-content-padding-block-large));--scb-calendar-card-padding-inline:var(--scb-calendar-card-padding, var(--scb-calendar-card-design-content-padding-inline-large));--scb-calendar-card-surface-radius:var(--scb-calendar-card-design-surface-radius-large);--scb-calendar-card-border-width:var(--scb-calendar-card-design-surface-border-width-large);--scb-calendar-card-gap:var(--scb-calendar-card-design-calendar-gap-large);--scb-calendar-card-horizontal-gap:var(--scb-calendar-card-design-calendar-horizontal-gap-large);--scb-calendar-card-horizontal-min-block-size:var(--scb-calendar-card-design-calendar-horizontal-min-height-large);--scb-calendar-card-unframed-state-gap:var(--spacing-2, 4px);--scb-calendar-card-unframed-state-color:color-mix(in srgb, currentColor 8%, transparent);--scb-calendar-card-media-size:var(--scb-calendar-card-design-calendar-media-size-large);--scb-calendar-card-media-radius:var(--scb-calendar-card-design-calendar-media-radius-large);--scb-calendar-card-media-gap:var(--scb-calendar-card-design-calendar-media-gap-large);--scb-calendar-card-day-size:var(--scb-calendar-card-design-calendar-date-day-text-large);--scb-calendar-card-day-letter-spacing:-0.6px;--scb-calendar-card-month-size:var(--scb-calendar-card-design-calendar-date-month-text-large);--scb-calendar-card-content-gap:var(--scb-calendar-card-design-calendar-content-gap-large);--scb-calendar-card-header-gap:var(--scb-calendar-card-design-calendar-title-gap-large);--scb-calendar-card-title-min-block-size:var(--scb-calendar-card-title-line-height);--scb-calendar-card-icon-size:var(--scb-calendar-card-design-calendar-icon-large);--scb-calendar-card-title-font-family:var(--scb-cards-title-font-current, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-title-font-size:var(--scb-cards-title-size-current, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 22px)));--scb-calendar-card-title-font-weight:var(--scb-cards-title-font-weight-current, var(--scb-cards-title-weight-current, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-calendar-card-title-line-height:var(--scb-cards-title-line-height-current, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-calendar-card-title-letter-spacing:var(--scb-cards-title-letter-spacing-current, var(--scb-cards-title-tracking-current, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, -0.5px))));--scb-calendar-card-subtitle-font-family:var(--scb-cards-subtitle-font-current, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-subtitle-font-size:var(--scb-cards-subtitle-size-current, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-calendar-card-subtitle-font-weight:var(--scb-cards-subtitle-font-weight-current, var(--scb-cards-subtitle-weight-current, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-calendar-card-subtitle-line-height:var(--scb-cards-subtitle-line-height-current, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-calendar-card-subtitle-letter-spacing:var(--scb-cards-subtitle-letter-spacing-current, var(--scb-cards-subtitle-tracking-current, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, -0.3px))));--scb-calendar-card-supporting-font-family:var(--scb-cards-supporting-font-current, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand-font, var(--brand, "Inter"), sans-serif))));--scb-calendar-card-supporting-font-size:var(--scb-cards-supporting-size-current, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-calendar-card-supporting-font-weight:var(--scb-cards-supporting-font-weight-current, var(--scb-cards-supporting-weight-current, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-calendar-card-supporting-line-height:var(--scb-cards-supporting-line-height-current, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-calendar-card-supporting-letter-spacing:var(--scb-cards-supporting-letter-spacing-current, var(--scb-cards-supporting-tracking-current, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, -0.3px))))}:host([sizing='stretch']){inline-size:100%;block-size:100%;max-inline-size:none}:host([sizing='content-width']){display:inline-block;inline-size:auto;block-size:auto}:host([sizing='content-width']) .calendar-card{inline-size:max-content}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-calendar-card-focus-ring-radius, var(--scb-calendar-card-surface-radius, var(--radius-large, 16px)))}.calendar-card:focus-visible+md-focus-ring{display:block}.calendar-card{box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate;display:flex;color:var(--scb-calendar-card-content-color, var(--scb-cards-content-color, var(--md-sys-color-on-surface, var(--p-20))));font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-style:normal;flex-direction:column;align-items:flex-start;gap:var(--scb-calendar-card-gap);align-self:stretch;transition:transform .18s ease,background-color .18s ease,border-color .18s ease;inline-size:100%;max-inline-size:100%}.calendar-card.clickable{cursor:pointer}.calendar-card.clickable.default{overflow:visible}.calendar-card.clickable.default::before{content:"";position:absolute;inset:calc(var(--scb-calendar-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-calendar-card-surface-radius, var(--radius-l, 16px)) + var(--scb-calendar-card-unframed-state-gap));background:var(--scb-calendar-card-unframed-state-color);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:0}.calendar-card.clickable.default:hover::before{opacity:1}.calendar-card.clickable.default>:not(md-ripple){position:relative;z-index:1}.calendar-card,.calendar-card .subtitle,.calendar-card .supporting-text,.calendar-card .title{font-variant-numeric:proportional-nums;font-feature-settings:"tnum"0,"pnum"1}.calendar-card:focus,.calendar-card:focus-visible{outline:0}.calendar-card.horizontal{flex-direction:row;align-items:flex-start;max-width:none;width:100%;gap:var(--scb-calendar-card-horizontal-gap);min-block-size:var(--scb-calendar-card-horizontal-min-block-size)}.calendar-card.outlined{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-large, 16px));border:var(--scb-calendar-card-border-width, 1px) solid var(--scb-cards-outline-color, var(--md-sys-color-outline-variant, var(--n-80)));background:var(--scb-calendar-card-surface-color, var(--scb-cards-surface-color, var(--md-sys-color-surface, var(--nv-100))));padding-block:var(--scb-calendar-card-padding-block);padding-inline:var(--scb-calendar-card-padding-inline)}.calendar-card.filled,.media{background:var(--scb-cards-filled-surface-color, var(--md-sys-color-surface-dim, var(--nv-95)))}.calendar-card.filled{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-large, 16px));padding-block:var(--scb-calendar-card-padding-block);padding-inline:var(--scb-calendar-card-padding-inline)}.calendar-card.filled .media{background:var(--scb-calendar-card-media-surface-color, var(--md-sys-color-surface, var(--nv-100)))}md-ripple{border-radius:var(--scb-calendar-card-surface-radius, var(--radius-l, 16px))}.calendar-card.clickable.default md-ripple{position:absolute;inset:calc(var(--scb-calendar-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-calendar-card-surface-radius, var(--radius-l, 16px)) + var(--scb-calendar-card-unframed-state-gap));z-index:2}.media{width:var(--scb-calendar-card-media-size);min-width:var(--scb-calendar-card-media-size);max-width:var(--scb-calendar-card-media-size);height:var(--scb-calendar-card-media-size);padding:var(--spacing-0, 0)0;justify-content:center;align-items:center;gap:var(--scb-calendar-card-media-gap);border-radius:var(--scb-calendar-card-media-radius, var(--md-sys-shape-corner-small))}.calendar-card.horizontal .media{align-self:flex-start}.media .day{font-size:var(--scb-calendar-card-day-size);font-weight:var(--weight-bold, 700);line-height:100%;letter-spacing:var(--scb-calendar-card-day-letter-spacing);font-variant-numeric:tabular-nums}.media .month{font-size:var(--scb-calendar-card-month-size);font-weight:var(--weight-regular, 400);line-height:100%}.container,.header-container,.media{display:flex;flex-direction:column}.container{flex:1 1 auto;min-width:0;gap:var(--scb-calendar-card-content-gap);width:100%;align-self:flex-start}.header-container{gap:var(--scb-calendar-card-header-gap)}.title-container{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-3, 8px);color:inherit;text-decoration:none;min-block-size:var(--scb-calendar-card-title-min-block-size)}.title{font-family:var(--scb-calendar-card-title-font-family);font-size:var(--scb-calendar-card-title-font-size);font-weight:var(--scb-calendar-card-title-font-weight);line-height:var(--scb-calendar-card-title-line-height);letter-spacing:var(--scb-calendar-card-title-letter-spacing);flex:1 1 auto;min-inline-size:0;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto;overflow:visible;text-overflow:clip}.title-container .calendar-card-icon{inline-size:var(--scb-calendar-card-icon-size);block-size:var(--scb-calendar-card-icon-size);flex:0 0 auto}.calendar-card-icon,.icon-container{align-items:center;justify-content:center}.icon-container{display:flex;width:var(--spacing-7, 24px);height:var(--spacing-7, 24px)}.calendar-card-icon{display:inline-flex;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-variation-settings:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calendar-card-icon.scb-svg-icon{fill:currentColor;font:inherit}.subtitle,.supporting-text{font-family:var(--scb-calendar-card-subtitle-font-family);font-size:var(--scb-calendar-card-subtitle-font-size);font-weight:var(--scb-calendar-card-subtitle-font-weight);line-height:var(--scb-calendar-card-subtitle-line-height);letter-spacing:var(--scb-calendar-card-subtitle-letter-spacing);white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:manual;overflow:visible;text-overflow:clip}.supporting-text{font-family:var(--scb-calendar-card-supporting-font-family);font-size:var(--scb-calendar-card-supporting-font-size);font-weight:var(--scb-calendar-card-supporting-font-weight);line-height:var(--scb-calendar-card-supporting-line-height);letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)}.title ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-title-font-family)!important;font-size:var(--scb-calendar-card-title-font-size)!important;font-weight:var(--scb-calendar-card-title-font-weight)!important;line-height:var(--scb-calendar-card-title-line-height)!important;letter-spacing:var(--scb-calendar-card-title-letter-spacing)!important}.subtitle ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-subtitle-font-family)!important;font-size:var(--scb-calendar-card-subtitle-font-size)!important;font-weight:var(--scb-calendar-card-subtitle-font-weight)!important;line-height:var(--scb-calendar-card-subtitle-line-height)!important;letter-spacing:var(--scb-calendar-card-subtitle-letter-spacing)!important}.supporting-text ::slotted(*){margin:0;color:inherit;font-family:var(--scb-calendar-card-supporting-font-family)!important;font-size:var(--scb-calendar-card-supporting-font-size)!important;font-weight:var(--scb-calendar-card-supporting-font-weight)!important;line-height:var(--scb-calendar-card-supporting-line-height)!important;letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)!important}.supporting-text ::slotted(*),.supporting-text ::slotted(scb-link){--scb-link-font-size:var(--scb-calendar-card-supporting-font-size);--scb-link-line-height:var(--scb-calendar-card-supporting-line-height);--scb-link-letter-spacing:var(--scb-calendar-card-supporting-letter-spacing)}:host{--scb-calendar-card-design-content-padding-block-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-calendar-card-design-content-padding-inline-large:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-calendar-card-design-surface-radius-large:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-calendar-card-design-surface-border-width-large:var(--scb-cards-border-width-large, var(--stroke-border, 1px));--scb-calendar-card-design-calendar-gap-large:var(--scb-cards-calendar-gap-large, var(--spacing-4, 12px));--scb-calendar-card-design-calendar-horizontal-gap-large:var(--scb-cards-calendar-horizontal-gap-large, var(--spacing-6, 20px));--scb-calendar-card-design-calendar-horizontal-min-height-large:var(--scb-cards-calendar-horizontal-min-block-size-large, 112px);--scb-calendar-card-design-calendar-media-size-large:var(--scb-cards-calendar-media-size-large, var(--spacing-11, 64px));--scb-calendar-card-design-calendar-media-radius-large:var(--scb-cards-calendar-media-radius-large, var(--radius-small, 8px));--scb-calendar-card-design-calendar-media-gap-large:var(--scb-cards-calendar-media-gap-large, var(--spacing-2, 4px));--scb-calendar-card-design-calendar-date-day-text-large:var(--scb-cards-calendar-date-day-size-large, var(--scale-07, 28px));--scb-calendar-card-design-calendar-date-month-text-large:var(--scb-cards-calendar-date-month-size-large, var(--scale-02, 14px));--scb-calendar-card-design-calendar-content-gap-large:var(--scb-cards-calendar-content-gap-large, var(--spacing-4, 12px));--scb-calendar-card-design-calendar-title-gap-large:var(--scb-cards-calendar-title-gap-large, var(--spacing-2, 4px));--scb-calendar-card-design-calendar-icon-large:var(--scb-cards-calendar-icon-size-large, var(--icon-size-medium, 24px));--scb-calendar-card-design-title-large-font:var(--scb-cards-title-large-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-calendar-card-design-title-large-size:var(--scb-cards-title-large-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-calendar-card-design-title-large-line-height:var(--scb-cards-title-large-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-calendar-card-design-title-large-tracking:var(--scb-cards-title-large-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px))));--scb-calendar-card-design-title-large-weight:var(--scb-cards-title-large-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));--scb-calendar-card-design-title-large-letter-spacing:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px)))));--scb-calendar-card-design-title-large-font-weight:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-calendar-card-design-subtitle-large-font:var(--scb-cards-subtitle-large-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand))));--scb-calendar-card-design-subtitle-large-size:var(--scb-cards-subtitle-large-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-calendar-card-design-subtitle-large-line-height:var(--scb-cards-subtitle-large-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-calendar-card-design-subtitle-large-tracking:var(--scb-cards-subtitle-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))));--scb-calendar-card-design-subtitle-large-weight:var(--scb-cards-subtitle-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600))));--scb-calendar-card-design-subtitle-large-letter-spacing:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-calendar-card-design-subtitle-large-font-weight:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-calendar-card-design-supporting-large-font:var(--scb-cards-supporting-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-calendar-card-design-supporting-large-size:var(--scb-cards-supporting-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-calendar-card-design-supporting-large-line-height:var(--scb-cards-supporting-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-calendar-card-design-supporting-large-tracking:var(--scb-cards-supporting-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-calendar-card-design-supporting-large-weight:var(--scb-cards-supporting-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-calendar-card-design-supporting-large-letter-spacing:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-calendar-card-design-supporting-large-font-weight:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))}`,p);r([t({type:String,reflect:!0})],a.prototype,"variant",void 0);r([t({type:String,attribute:"date"})],a.prototype,"date",void 0);r([t({type:String,reflect:!0})],a.prototype,"direction",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"title",void 0);r([t({type:String,attribute:"calendar-card-title",reflect:!0,converter:g})],a.prototype,"calendarCardTitle",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"subtitle",void 0);r([t({type:String,attribute:"supporting-text",reflect:!0,converter:g})],a.prototype,"supportingText",void 0);r([t({type:String,attribute:"card-href"})],a.prototype,"cardHref",void 0);r([t({type:String,attribute:"card-href-nav"})],a.prototype,"cardHrefNav",void 0);r([t({type:Boolean,reflect:!0,attribute:"show-media"})],a.prototype,"showMedia",void 0);r([t({type:String,attribute:"date-label-prefix"})],a.prototype,"dateLabelPrefix",void 0);r([t({type:String,attribute:"media-width"})],a.prototype,"mediaWidth",void 0);r([t({type:String,attribute:"media-height"})],a.prototype,"mediaHeight",void 0);r([t({type:String,attribute:"media-aspect"})],a.prototype,"mediaAspect",void 0);r([t({type:String,reflect:!0})],a.prototype,"width",void 0);r([t({type:String,reflect:!0,attribute:"max-width"})],a.prototype,"maxWidth",void 0);r([t({type:String,attribute:"min-width"})],a.prototype,"minWidth",void 0);r([t({type:String,reflect:!0})],a.prototype,"height",void 0);r([t({type:String,reflect:!0,attribute:"max-height"})],a.prototype,"maxHeight",void 0);r([t({type:String,attribute:"min-height"})],a.prototype,"minHeight",void 0);r([t({type:String,reflect:!0,converter:g})],a.prototype,"sizing",void 0);r([t({type:String,reflect:!0})],a.prototype,"spacing",void 0);r([t({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);r([t({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);r([t({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);r([t({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=r([C("scb-calendar-card")],a);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["
|
|
2
|
-
import{g as l,h as ye,m as y,p as r,v as o,y as fe}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{t as ze}from"../../vendor/component-size-token.js";import{t as xe}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__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(p){var d=String(p||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var C,ke=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",x="data-scb-card-managed-action-button-size",R="data-scb-card-managed-avatar-size",we=new Set(["small","medium","large"]),_e=new Set(["small","medium","large","extra-large"]),$,P,E,B,D,I,H,O,V,N;function Se(){return O??(O=m(()=>import("../../vendor/lazy-focus-ring.js").then(g=>g.i),__vite__mapDeps([0,1,2]),import.meta.url)),O}function U(){return V??(V=m(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),V}function Ae(){return $??($=m(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([4,5,6,7,8,9,2,10]),import.meta.url)),$}function Te(){return P??(P=m(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([11,5,6,2,7,8,12,13]),import.meta.url)),P}function Le(){return E??(E=m(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([14,5,6,2,7,8,12,13]),import.meta.url)),E}function Ce(){return B??(B=m(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([15,5,6,0,1,2,8,12,13,16]),import.meta.url)),B}function Re(){return D??(D=m(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([17,5,6,2,8,12,13]),import.meta.url)),D}function $e(){return I??(I=m(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([18,5,6,2,7,8,12,13]),import.meta.url)),I}function Pe(){return H??(H=m(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([19,5,6,20,1,2,10,8,21]),import.meta.url)),H}function Ee(){return N??(N=m(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([22,5,6]),import.meta.url)),N}var n={fromAttribute:g=>g??"",toAttribute:g=>typeof g!="string"||g.trim()===""?null:g},a=(C=class extends ye{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=xe["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,U().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,d=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:p}=await U();await p(e,i,c,d)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,Se().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&&ke.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 d=Number(i[0]),p=Number(i[1]);if(d>0&&p>0)return{w:d,h:p}}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():Ee().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 d=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(d),!d.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 we.has(t)?t:"medium"}__cardAvatarSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-avatar-component-size").trim();return _e.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(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))}}__socialIconButtonSize(){return ze(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(x);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(x)}return}const e=this.__actionCardButtonSize();for(const i of t){const c=i.getAttribute(x);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(x);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(x,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(),d=(v,h)=>{e.push(v),t.push(h())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&d("list",Ae),i!=="standard"&&d("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"))&&d("icon-button",Te),this.__hasLightDomElement("scb-button")&&d("button",Le),this.__hasLightDomElement("scb-link")&&d("link",Ce),(c||this.__hasLightDomElement("scb-chip"))&&d("chip",Re),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&d("avatar",$e),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&d("tooltip",Pe);const p=e.sort().join("|");p!==this.__dependencyKey&&(this.__dependencyKey=p,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 o`
|
|
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","../../vendor/classPrivateMethodInitSpec.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 ye,m as y,p as r,v as o,y as fe}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{componentSizeToken as ze}from"../shared/component-size-token.js";import{t as xe}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__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(p){var d=String(p||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var C,ke=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",x="data-scb-card-managed-action-button-size",R="data-scb-card-managed-avatar-size",we=new Set(["small","medium","large"]),_e=new Set(["small","medium","large","extra-large"]),$,P,E,B,D,I,H,O,V,N;function Se(){return O??(O=m(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),O}function U(){return V??(V=m(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),V}function Ae(){return $??($=m(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([3,4,5,6,7,8,1,9]),import.meta.url)),$}function Te(){return P??(P=m(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([10,4,5,1,6,7,11,12]),import.meta.url)),P}function Le(){return E??(E=m(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([13,4,5,1,6,7,11,12]),import.meta.url)),E}function Ce(){return B??(B=m(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([14,4,5,0,1,7,11,12,15]),import.meta.url)),B}function Re(){return D??(D=m(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([16,4,5,1,7,11,12]),import.meta.url)),D}function $e(){return I??(I=m(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([17,4,5,1,6,7,11,12]),import.meta.url)),I}function Pe(){return H??(H=m(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([18,4,5,19,20,1,9,7,21]),import.meta.url)),H}function Ee(){return N??(N=m(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([22,4,5]),import.meta.url)),N}var n={fromAttribute:g=>g??"",toAttribute:g=>typeof g!="string"||g.trim()===""?null:g},a=(C=class extends ye{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=xe["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,U().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,d=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:p}=await U();await p(e,i,c,d)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,Se().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&&ke.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 d=Number(i[0]),p=Number(i[1]);if(d>0&&p>0)return{w:d,h:p}}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():Ee().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 d=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(d),!d.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 we.has(t)?t:"medium"}__cardAvatarSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-avatar-component-size").trim();return _e.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(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))}}__socialIconButtonSize(){return ze(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(x);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(x)}return}const e=this.__actionCardButtonSize();for(const i of t){const c=i.getAttribute(x);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(x);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(x,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(),d=(v,h)=>{e.push(v),t.push(h())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&d("list",Ae),i!=="standard"&&d("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"))&&d("icon-button",Te),this.__hasLightDomElement("scb-button")&&d("button",Le),this.__hasLightDomElement("scb-link")&&d("link",Ce),(c||this.__hasLightDomElement("scb-chip"))&&d("chip",Re),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&d("avatar",$e),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&d("tooltip",Pe);const p=e.sort().join("|");p!==this.__dependencyKey&&(this.__dependencyKey=p,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 o`
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import{h,m as v,p as d,v as p,y as f}from"
|
|
1
|
+
import{h,m as v,p as d,v as p,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(o,a,l){try{customElements.get(o)||r(o,a,l)}catch(i){var s=String(i||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var n,t=(n=class extends h{constructor(...r){super(...r),this.open=!1}render(){return p`
|
|
2
2
|
<svg
|
|
3
3
|
class="chevron-icon"
|
|
4
4
|
viewBox="0 0 24 24"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-button/scb-button.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/preload-helper.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../../vendor/assertClassBrand.js","../../vendor/classPrivateMethodInitSpec.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{h as b,m as h,p as c,v,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as k}from"../../vendor/preload-helper.js";import{
|
|
2
|
+
import{h as b,m as h,p as c,v,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as k}from"../../vendor/preload-helper.js";import{componentSizeToken as f}from"../shared/component-size-token.js";import{t as n}from"../../vendor/decorate.js";import{closeManualPopover as g,openManualPopover as _}from"../shared/manual-popover.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,e,o){try{customElements.get(i)||t(i,e,o)}catch(l){var a=String(l||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var d,p,u="data-scb-cookies-consent-managed-button-size";function w(){return!!document.querySelector('script[src*="/scb-button/scb-button.js"],script[src$="scb-button.js"]')}var m={fromAttribute(r){if(r===null)return!1;const t=r.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},s=(d=class extends b{constructor(...t){super(...t),this.open=!0,this.autoRemove=!0,this.title="",this.supportingText="",this.ariaLabel="Cookie-inställningar",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._updateButtonWidth=()=>{const i=window.innerWidth<=480,e=this.shadowRoot.querySelector('slot[name="buttons"]');e&&e.assignedElements().forEach(o=>{i?o.setAttribute("full-width",""):o.removeAttribute("full-width")})},this.__onButtonHydrationInteraction=i=>{const e=i.target;e instanceof Element&&e.closest('scb-button[slot="buttons"]')&&this.__ensureSlottedButtonsReady(!0)},this.__onButtonsSlotChange=()=>{this.__ensureSlottedButtonsReady(),this.__syncButtonSizes(),this._updateButtonWidth()}}__syncButtonSizes(){const t=f(this,"--scb-cookies-consent-design-actions-button-size-medium",["small","medium","large"],"medium"),i=Array.from(this.querySelectorAll(':scope > scb-button[slot="buttons"]'));for(const e of i){const o=e.getAttribute(u);if(o!==null&&e.getAttribute("size")!==o){e.removeAttribute(u);continue}(!e.hasAttribute("size")||o!==null)&&(e.setAttribute("size",t),e.setAttribute(u,t))}}__ensureSlottedButtonsReady(t=!1){if(!(!this.querySelector('scb-button[slot="buttons"]')||customElements.get("scb-button"))){if(w()){customElements.whenDefined("scb-button").then(()=>this.requestUpdate());return}t&&(p??(p=k(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url)),p.then(()=>this.requestUpdate()))}}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}applySpacing(){const t=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??t,e=this.mapSpacingToken(this.spacingBottom)??t,o=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-cookies-consent-spacing-block-start",i):this.style.removeProperty("--scb-cookies-consent-spacing-block-start"),e?this.style.setProperty("--scb-cookies-consent-spacing-block-end",e):this.style.removeProperty("--scb-cookies-consent-spacing-block-end"),o?this.style.setProperty("--scb-cookies-consent-spacing-inline-start",o):this.style.removeProperty("--scb-cookies-consent-spacing-inline-start"),a?this.style.setProperty("--scb-cookies-consent-spacing-inline-end",a):this.style.removeProperty("--scb-cookies-consent-spacing-inline-end")}firstUpdated(t){this.__ensureSlottedButtonsReady(),this.__syncButtonSizes(),this._updateButtonWidth(),window.addEventListener("resize",this._updateButtonWidth),this.addEventListener("pointerover",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("focusin",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("pointerdown",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("keydown",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("click",i=>{const e=i.target;e.slot==="buttons"&&(e.id==="accept-btn"?this.closeAndRemove("cookies-accept"):e.id==="decline-btn"?this.closeAndRemove("cookies-decline"):e.id==="handle-btn"&&this.closeAndRemove("cookies-handle"))}),this.applySpacing(),this.__syncTopLayer()}__syncTopLayer(){this.open&&getComputedStyle(this).position==="fixed"?_(this):g(this)}updated(t){super.updated(t),this.__syncButtonSizes(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing(),t.has("open")&&(this.__syncTopLayer(),t.get("open")!==void 0&&(this.open&&this._updateButtonWidth(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}}))))}connectedCallback(){super.connectedCallback(),this.id||(this.id="cookie-consent")}disconnectedCallback(){g(this),super.disconnectedCallback(),window.removeEventListener("resize",this._updateButtonWidth),this.removeEventListener("pointerover",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("focusin",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("pointerdown",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("keydown",this.__onButtonHydrationInteraction,{capture:!0})}closeAndRemove(t){const i={bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent(t,i));const e=t.includes("-")?t.replace(/-/g,""):"";e&&e!==t&&this.dispatchEvent(new CustomEvent(e,i)),this.autoRemove?this.remove():this.open=!1}render(){return this.open?v`
|
|
3
3
|
<div role="dialog" class="cookies-consent" aria-modal="true" aria-label=${this.ariaLabel}>
|
|
4
4
|
<h2><slot name="title">${this.title}</slot></h2>
|
|
5
5
|
<div class="supporting-text">
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import{f as u,h as z,m as C,p as f,v as c,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{addLazyFocusRingListeners as Y}from"../shared/lazy-focus-ring.js";import{componentSizeToken as g}from"../shared/component-size-token.js";import{t as l}from"../../vendor/decorate.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{closeManualPopover as x,isManualPopoverOpen as S,openManualPopover as O}from"../shared/manual-popover.js";import"../scb-divider/scb-divider.js";(function(){try{var _=typeof globalThis<"u"?globalThis:window;if(!_.__scb_ce_guard_installed__){_.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,n){try{customElements.get(e)||t(e,i,n)}catch(d){var r=String(d||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var D,p=(D=class extends z{constructor(...t){super(...t),this._currentDate=new Date,this._selectedDate=null,this._showMonthDropdown=!1,this._showYearDropdown=!1,this.variant="date",this.lang="sv",this.selectedValue="",this.open=!0,this._selectedHour=0,this._selectedMinute=0,this._viewportMargin=8,this._popupOffset=4,this._onWindowReposition=()=>{this._positionPopupWithinViewport()},this._monthNames=[this.lang=="sv"?"Januari":"January",this.lang=="sv"?"Februari":"February",this.lang=="sv"?"Mars":"March",(this.lang=="sv","April"),this.lang=="sv"?"Maj":"May",this.lang=="sv"?"Juni":"June",this.lang=="sv"?"Juli":"July",this.lang=="sv"?"Augusti":"August",(this.lang=="sv","September"),this.lang=="sv"?"Oktober":"October",(this.lang=="sv","November"),(this.lang=="sv","December")],this._onPopupKeydown=e=>{e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),!this._closeOpenDropdowns()&&this._close())},this._outsideClickHandler=e=>{this.open&&(e.composedPath().includes(this)||this._close())},this._prevMonth=()=>{const e=this._currentDate.getFullYear(),i=this._currentDate.getMonth();i===0?this._currentDate=new Date(e-1,11,1):this._currentDate=new Date(e,i-1,1)},this._prevYear=()=>{const e=this._currentDate.getFullYear(),i=this._currentDate.getMonth();this._currentDate=new Date(e-1,i,1)},this._nextMonth=()=>{const e=this._currentDate.getFullYear(),i=this._currentDate.getMonth();i===11?this._currentDate=new Date(e+1,0,1):this._currentDate=new Date(e,i+1,1)},this._nextYear=()=>{const e=this._currentDate.getFullYear(),i=this._currentDate.getMonth();this._currentDate=new Date(e+1,i,1)},this._onTimeChange=e=>{const[i,n]=e.target.value.split(":"),r=parseInt(i,10),d=parseInt(n,10);this._selectedHour=isNaN(r)?0:Math.max(0,Math.min(23,r)),this._selectedMinute=isNaN(d)?0:Math.max(0,Math.min(59,d)),this._fireDateTimeChange()},this._close=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("datepicker-closed",{bubbles:!0,composed:!0}))}}_isRenderedInsideDialog(){const t=this.getRootNode(),e=t instanceof ShadowRoot?t.host:null;return e instanceof HTMLElement&&e.closest("scb-dialog")?!0:!!this.closest("scb-dialog")}_usesInPlaceLayout(){const t=getComputedStyle(this).position;return t==="relative"||t==="static"}connectedCallback(){super.connectedCallback(),this._removeLazyFocusRingListeners=Y(this,this.renderRoot)}_positionPopupWithinViewport(){if(!this.open)return;const t=this.renderRoot.querySelector(".datepicker-popup");if(!t)return;if(this._usesInPlaceLayout()){x(t);return}const e=this.parentElement?.getBoundingClientRect();if(!e)return;const i=window.innerWidth,n=window.innerHeight,r=Math.max(220,i-this._viewportMargin*2);if(S(t)){const h=Math.min(this.getBoundingClientRect().width||t.offsetWidth||380,r),b=t.offsetHeight||420,w=Math.min(Math.max(e.left,this._viewportMargin),i-this._viewportMargin-h),m=n-e.bottom-this._viewportMargin,v=e.top-this._viewportMargin,y=m<b+this._popupOffset&&v>m;this._isRenderedInsideDialog()?(this.style.setProperty("--scb-datepicker-position","absolute"),this.style.setProperty("--scb-datepicker-left","0px"),this.style.setProperty("--scb-datepicker-top",`${e.height+this._popupOffset}px`)):(this.style.setProperty("--scb-datepicker-position","fixed"),this.style.setProperty("--scb-datepicker-left",`${w}px`),this.style.setProperty("--scb-datepicker-top",`${e.bottom+this._popupOffset}px`)),this.style.setProperty("--scb-datepicker-computed-width",`${h}px`),this.style.setProperty("--scb-datepicker-transform","none"),this.style.setProperty("--scb-datepicker-bottom","auto"),t.style.position="fixed",t.style.left=`${Math.round(w)}px`,t.style.width=`${Math.round(h)}px`,t.style.right="auto",t.style.bottom="auto",t.style.maxHeight=`${Math.max(0,(y?v:m)-this._popupOffset)}px`,t.style.top=y?`${Math.max(this._viewportMargin,e.top-b-this._popupOffset)}px`:`${e.bottom+this._popupOffset}px`;return}if(this._isRenderedInsideDialog()){const h=Math.min(t.offsetWidth||380,r),b=t.offsetHeight||420,w=Math.min(Math.max(e.left,this._viewportMargin),i-this._viewportMargin-h),m=n-e.bottom-this._viewportMargin,v=e.top-this._viewportMargin,y=m<b+this._popupOffset&&v>m;if(this.style.setProperty("--scb-datepicker-position","absolute"),this.style.setProperty("--scb-datepicker-computed-width",`${h}px`),this.style.setProperty("--scb-datepicker-left",`${w-e.left}px`),this.style.setProperty("--scb-datepicker-transform","none"),this.style.setProperty("--scb-datepicker-bottom","auto"),y){const M=Math.max(this._viewportMargin,e.top-b-this._popupOffset)-e.top;this.style.setProperty("--scb-datepicker-top",`${M}px`),this.style.setProperty("--scb-datepicker-max-height",`${Math.max(0,v-this._popupOffset)}px`)}else this.style.setProperty("--scb-datepicker-top",`${e.height+this._popupOffset}px`),this.style.setProperty("--scb-datepicker-max-height",`${Math.max(0,m-this._popupOffset)}px`);return}const d=Math.min(t.offsetWidth||380,r),s=t.offsetHeight||420,a=Math.min(Math.max(e.left,this._viewportMargin),i-this._viewportMargin-d),o=n-e.bottom-this._viewportMargin,k=e.top-this._viewportMargin,$=o<s+this._popupOffset&&k>o;this.style.setProperty("--scb-datepicker-position","fixed"),this.style.setProperty("--scb-datepicker-computed-width",`${d}px`),this.style.setProperty("--scb-datepicker-left",`${a}px`),this.style.setProperty("--scb-datepicker-transform","none"),$?(this.style.setProperty("--scb-datepicker-top",`${Math.max(this._viewportMargin,e.top-s-this._popupOffset)}px`),this.style.setProperty("--scb-datepicker-bottom","auto"),this.style.setProperty("--scb-datepicker-max-height",`${Math.max(0,k-this._popupOffset)}px`)):(this.style.setProperty("--scb-datepicker-top",`${e.bottom+this._popupOffset}px`),this.style.setProperty("--scb-datepicker-bottom","auto"),this.style.setProperty("--scb-datepicker-max-height",`${Math.max(0,o-this._popupOffset)}px`))}updated(t){if(super.updated(t),this.open?(window.addEventListener("mousedown",this._outsideClickHandler),window.addEventListener("resize",this._onWindowReposition,{passive:!0}),window.addEventListener("scroll",this._onWindowReposition,{passive:!0,capture:!0})):(window.removeEventListener("mousedown",this._outsideClickHandler),window.removeEventListener("resize",this._onWindowReposition),window.removeEventListener("scroll",this._onWindowReposition,!0)),t.has("selectedValue")&&this.selectedValue){const e=new Date(this.selectedValue);isNaN(e.getTime())||(this._selectedDate=e,this._currentDate=new Date(e.getFullYear(),e.getMonth(),1),this.variant==="datetime-local"&&(this._selectedHour=e.getHours(),this._selectedMinute=e.getMinutes()))}if(this.open){const e=this.renderRoot.querySelector(".datepicker-popup");this._usesInPlaceLayout()?x(e):O(e),this._positionPopupWithinViewport(),requestAnimationFrame(()=>this._positionPopupWithinViewport())}}disconnectedCallback(){this._removeLazyFocusRingListeners?.(),this._removeLazyFocusRingListeners=void 0,window.removeEventListener("mousedown",this._outsideClickHandler),window.removeEventListener("resize",this._onWindowReposition),window.removeEventListener("scroll",this._onWindowReposition,!0),x(this.renderRoot.querySelector(".datepicker-popup")),super.disconnectedCallback()}_locale(){return this.lang==="sv"?"sv-SE":"en-GB"}_formatDateLabel(t){return new Intl.DateTimeFormat(this._locale(),{day:"numeric",month:"long",year:"numeric"}).format(t)}_closeOpenDropdowns(){return!this._showMonthDropdown&&!this._showYearDropdown?!1:(this._showMonthDropdown=!1,this._showYearDropdown=!1,!0)}render(){if(!this.open)return c``;const t=this._currentDate.getFullYear(),e=this._currentDate.getMonth(),i=new Date,n=this._getMonthDays(t,e),r=Array.from({length:101},(s,a)=>i.getFullYear()-50+a),d=this.variant==="datetime-local"&&!this._showMonthDropdown&&!this._showYearDropdown;return c`
|
|
2
|
+
<div class="datepicker-popup popup" @keydown=${this._onPopupKeydown}>
|
|
3
|
+
<div class="header">
|
|
4
|
+
<div class="month-selector ${this._showMonthDropdown?"open":""} ${this._showYearDropdown?"disable":""}">
|
|
5
|
+
<scb-icon-button size=${g(this,"--scb-datepicker-design-navigation-icon-button-size-medium",["tiny","extra-small","small","medium","large"],"medium")} icon="chevron_left" @click=${this._prevMonth} aria-label=${this.lang=="sv"?"Föregående månad":"Previous month"}></scb-icon-button>
|
|
6
|
+
<div class="custom-dropdown month-dropdown">
|
|
7
|
+
<div
|
|
8
|
+
tabindex=${this._showYearDropdown?-1:0}
|
|
9
|
+
class="dropdown-selected"
|
|
10
|
+
role="button"
|
|
11
|
+
aria-haspopup="listbox"
|
|
12
|
+
aria-expanded=${String(this._showMonthDropdown)}
|
|
13
|
+
aria-label=${this.lang=="sv"?"Välj månad":"Choose month"}
|
|
14
|
+
@click=${()=>this._toggleMonthDropdown()}
|
|
15
|
+
@keydown=${s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),this._toggleMonthDropdown())}}
|
|
16
|
+
>
|
|
17
|
+
${this._monthNames[e].slice(0,3)}
|
|
18
|
+
<md-icon aria-hidden="true">arrow_drop_down</md-icon>
|
|
19
|
+
<md-focus-ring></md-focus-ring>
|
|
20
|
+
<md-ripple></md-ripple>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
<scb-icon-button size=${g(this,"--scb-datepicker-design-navigation-icon-button-size-medium",["tiny","extra-small","small","medium","large"],"medium")} icon="chevron_right" @click=${this._nextMonth} aria-label=${this.lang=="sv"?"Nästa månad":"Next month"}></scb-icon-button>
|
|
24
|
+
</div>
|
|
25
|
+
<div class="year-selector ${this._showMonthDropdown?"disable":""} ${this._showYearDropdown?"open":""}">
|
|
26
|
+
<scb-icon-button size=${g(this,"--scb-datepicker-design-navigation-icon-button-size-medium",["tiny","extra-small","small","medium","large"],"medium")} icon="chevron_left" @click=${this._prevYear} aria-label=${this.lang=="sv"?"Föregående år":"Previous year"}></scb-icon-button>
|
|
27
|
+
<div class="custom-dropdown year-dropdown">
|
|
28
|
+
<div
|
|
29
|
+
tabindex=${this._showMonthDropdown?-1:0}
|
|
30
|
+
class="dropdown-selected"
|
|
31
|
+
role="button"
|
|
32
|
+
aria-haspopup="listbox"
|
|
33
|
+
aria-expanded=${String(this._showYearDropdown)}
|
|
34
|
+
aria-label=${this.lang=="sv"?"Välj år":"Choose year"}
|
|
35
|
+
@click=${()=>this._toggleYearDropdown()}
|
|
36
|
+
@keydown=${s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),this._toggleYearDropdown())}}
|
|
37
|
+
>
|
|
38
|
+
${t}
|
|
39
|
+
<md-icon aria-hidden="true">arrow_drop_down</md-icon>
|
|
40
|
+
<md-focus-ring></md-focus-ring>
|
|
41
|
+
<md-ripple></md-ripple>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
<scb-icon-button size=${g(this,"--scb-datepicker-design-navigation-icon-button-size-medium",["tiny","extra-small","small","medium","large"],"medium")} icon="chevron_right" @click=${this._nextYear} aria-label=${this.lang=="sv"?"Nästa år":"Next year"}></scb-icon-button>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
${this._showMonthDropdown||this._showYearDropdown?c`<scb-divider></scb-divider>`:""}
|
|
48
|
+
<div class="datepicker-content" style="position:relative;">
|
|
49
|
+
${this._showMonthDropdown?c`
|
|
50
|
+
<div class="dropdown-list" role="listbox" aria-label=${this.lang=="sv"?"Månader":"Months"}>
|
|
51
|
+
${this._monthNames.map((s,a)=>c`
|
|
52
|
+
<div
|
|
53
|
+
@keydown=${o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this._onMonthChangeCustom(a))}}
|
|
54
|
+
tabindex="0"
|
|
55
|
+
role="option"
|
|
56
|
+
aria-selected=${a===e?"true":"false"}
|
|
57
|
+
class="dropdown-item${a===e?" selected":""}"
|
|
58
|
+
@click=${()=>this._onMonthChangeCustom(a)}
|
|
59
|
+
id=${a===e?"selected-month":""}
|
|
60
|
+
>
|
|
61
|
+
${a===e?c`<md-icon aria-hidden="true">check</md-icon>`:""}
|
|
62
|
+
${s}
|
|
63
|
+
<md-ripple></md-ripple><md-focus-ring inward></md-focus-ring>
|
|
64
|
+
</div>
|
|
65
|
+
`)}
|
|
66
|
+
</div>
|
|
67
|
+
`:""}
|
|
68
|
+
${this._showYearDropdown?c`
|
|
69
|
+
<div class="dropdown-list" role="listbox" aria-label=${this.lang=="sv"?"År":"Years"}>
|
|
70
|
+
${r.map(s=>c`
|
|
71
|
+
<div
|
|
72
|
+
@keydown=${a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),this._onYearChangeCustom(s))}}
|
|
73
|
+
tabindex="0"
|
|
74
|
+
role="option"
|
|
75
|
+
aria-selected=${s===t?"true":"false"}
|
|
76
|
+
class="dropdown-item${s===t?" selected":""}"
|
|
77
|
+
@click=${()=>this._onYearChangeCustom(s)}
|
|
78
|
+
id=${s===t?"selected-year":""}
|
|
79
|
+
>
|
|
80
|
+
${s===t?c`<md-icon aria-hidden="true">check</md-icon>`:""}
|
|
81
|
+
${s}
|
|
82
|
+
<md-ripple></md-ripple><md-focus-ring inward></md-focus-ring>
|
|
83
|
+
</div>
|
|
84
|
+
`)}
|
|
85
|
+
</div>
|
|
86
|
+
`:""}
|
|
87
|
+
${!this._showMonthDropdown&&!this._showYearDropdown?c`
|
|
88
|
+
<div class="datepicker-calendar">
|
|
89
|
+
<table>
|
|
90
|
+
<thead>
|
|
91
|
+
<tr>
|
|
92
|
+
<th>${this.lang=="sv"?"Må":"Mo"}</th><th>${this.lang=="sv"?"Ti":"Tu"}</th><th>${this.lang=="sv"?"On":"We"}</th><th>${this.lang=="sv"?"To":"Th"}</th><th>${this.lang=="sv","Fr"}</th><th>${this.lang=="sv"?"Lö":"Sa"}</th><th>${this.lang=="sv"?"Sö":"Su"}</th>
|
|
93
|
+
</tr>
|
|
94
|
+
</thead>
|
|
95
|
+
<tbody>
|
|
96
|
+
${n.map(s=>c`
|
|
97
|
+
<tr>
|
|
98
|
+
${s.map(a=>a?c`
|
|
99
|
+
<td>
|
|
100
|
+
<div
|
|
101
|
+
@keydown=${o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this._selectDate(a))}}
|
|
102
|
+
role="button"
|
|
103
|
+
aria-label=${this._formatDateLabel(a)}
|
|
104
|
+
aria-pressed=${this._isSelected(a)?"true":"false"}
|
|
105
|
+
tabindex="0"
|
|
106
|
+
class="day${this._isToday(a,i)?" today":""}${this._isSelected(a)?" selected":""}"
|
|
107
|
+
@click=${()=>this._selectDate(a)}
|
|
108
|
+
>${a.getDate()}<md-ripple></md-ripple><md-focus-ring></md-focus-ring></div>
|
|
109
|
+
</td>
|
|
110
|
+
`:c`<td></td>`)}
|
|
111
|
+
</tr>
|
|
112
|
+
`)}
|
|
113
|
+
</tbody>
|
|
114
|
+
</table>
|
|
115
|
+
</div>
|
|
116
|
+
`:""}
|
|
117
|
+
</div>
|
|
118
|
+
${d?c`
|
|
119
|
+
<div class="time-field">
|
|
120
|
+
<label class="time-label">
|
|
121
|
+
<span>${this.lang=="sv"?"Tid:":"Time:"}</span>
|
|
122
|
+
<scb-textfield
|
|
123
|
+
type="time"
|
|
124
|
+
size=${g(this,"--scb-datepicker-design-time-field-component-size-medium",["extra-small","small","medium","large"],"medium")}
|
|
125
|
+
.value=${`${String(this._selectedHour).padStart(2,"0")}:${String(this._selectedMinute).padStart(2,"0")}`}
|
|
126
|
+
@blur=${this._onTimeChange}
|
|
127
|
+
aria-label="${this.lang=="sv"?"Tid":"Time"}"
|
|
128
|
+
></scb-textfield>
|
|
129
|
+
</label>
|
|
130
|
+
</div>
|
|
131
|
+
`:""}
|
|
132
|
+
<div class="datepicker-footer">
|
|
133
|
+
${!this._showMonthDropdown&&!this._showYearDropdown?c`
|
|
134
|
+
<scb-button
|
|
135
|
+
variant="text"
|
|
136
|
+
size=${g(this,"--scb-datepicker-design-actions-button-size-medium",["small","medium","large"],"medium")}
|
|
137
|
+
label=${this.lang=="sv"?"Stäng":"Close"}
|
|
138
|
+
@click=${this._close}
|
|
139
|
+
></scb-button>
|
|
140
|
+
`:""}
|
|
141
|
+
</div>
|
|
142
|
+
</div>
|
|
143
|
+
`}_getMonthDays(t,e){const i=new Date(Date.UTC(t,e,1)),n=new Date(Date.UTC(t,e+1,0)),r=[];let d=[],s=i.getUTCDay(),a=s===0?6:s-1;for(let o=0;o<a;o++)d.push(null);for(let o=1;o<=n.getUTCDate();o++){const k=new Date(Date.UTC(t,e,o));d.push(k),d.length===7&&(r.push(d),d=[])}if(d.length){for(;d.length<7;)d.push(null);r.push(d)}return r}_toggleMonthDropdown(){this._showMonthDropdown=!this._showMonthDropdown,this._showMonthDropdown&&(this._showYearDropdown=!1,setTimeout(()=>{this._centerOptionInContent("#selected-month")},0))}_toggleYearDropdown(){this._showYearDropdown=!this._showYearDropdown,this._showYearDropdown&&(this._showMonthDropdown=!1,setTimeout(()=>{this._centerOptionInContent("#selected-year")},0))}_centerOptionInContent(t){const e=this.renderRoot.querySelector(".datepicker-content"),i=this.renderRoot.querySelector(t);if(!e||!i)return;const n=e.getBoundingClientRect(),r=i.getBoundingClientRect();e.scrollTop+=r.top-n.top-(e.clientHeight-r.height)/2}_onMonthChangeCustom(t){const e=this._currentDate.getFullYear();this._currentDate=new Date(e,t,1),this._showMonthDropdown=!1}_onYearChangeCustom(t){const e=this._currentDate.getMonth();this._currentDate=new Date(t,e,1),this._showYearDropdown=!1}_isToday(t,e){return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}_isSelected(t){return this._selectedDate&&t.getDate()===this._selectedDate.getDate()&&t.getMonth()===this._selectedDate.getMonth()&&t.getFullYear()===this._selectedDate.getFullYear()}_selectDate(t){if(this._selectedDate=t,this.variant==="datetime-local"){const e=new Date(t);e.setHours(this._selectedHour??0,this._selectedMinute??0,0,0),this._selectedHour=e.getHours(),this._selectedMinute=e.getMinutes();const i=r=>r.toString().padStart(2,"0"),n=`${e.getFullYear()}-${i(e.getMonth()+1)}-${i(e.getDate())} ${i(e.getHours())}:${i(e.getMinutes())}`;this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:n},bubbles:!0,composed:!0}))}else{const e=t.toISOString().slice(0,10);this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:e},bubbles:!0,composed:!0}))}}_fireDateTimeChange(){if(this.variant==="datetime-local"&&this._selectedDate){const t=new Date(this._selectedDate);t.setHours(this._selectedHour??0,this._selectedMinute??0,0,0);const e=n=>n.toString().padStart(2,"0"),i=`${t.getFullYear()}-${e(t.getMonth()+1)}-${e(t.getDate())} ${e(t.getHours())}:${e(t.getMinutes())}`;this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:i},bubbles:!0,composed:!0}))}}},D.styles=[P`:host{--scb-datepicker-z-index:var(--scb-layer-popover, 1100);--scb-datepicker-viewport-margin:8px;--scb-datepicker-offset:var(--spacing-2, 4px);max-width:var(--scb-datepicker-computed-width, min(var(--scb-datepicker-width, 380px), calc(100vw - (var(--scb-datepicker-viewport-margin) * 2))));font-family:var(--brand-font);color:var(--scb-datepicker-panel-content-color, var(--md-sys-color-on-surface));display:block;position:var(--scb-datepicker-position, fixed);top:var(--scb-datepicker-top, calc(100% + var(--scb-datepicker-offset)));bottom:var(--scb-datepicker-bottom, auto);left:var(--scb-datepicker-left, 0);width:var(--scb-datepicker-computed-width, min(var(--scb-datepicker-width, 380px), calc(100vw - (var(--scb-datepicker-viewport-margin) * 2))));transform:var(--scb-datepicker-transform, translateX(0px));z-index:var(--scb-datepicker-z-index)}.dropdown-selected,.month-selector,.year-selector{display:flex;align-items:center}.dropdown-selected md-icon{inline-size:var(--scb-datepicker-design-dropdown-icon-medium);block-size:var(--scb-datepicker-design-dropdown-icon-medium);font-size:var(--scb-datepicker-design-dropdown-icon-medium)}.dropdown-item md-icon{inline-size:var(--scb-datepicker-design-selected-icon-medium);block-size:var(--scb-datepicker-design-selected-icon-medium);font-size:var(--scb-datepicker-design-selected-icon-medium)}.dropdown-selected{position:relative;border-radius:var(--scb-datepicker-design-dropdown-selected-radius-medium);font-family:var(--scb-datepicker-design-dropdown-selected-text-medium-font);font-size:var(--scb-datepicker-design-dropdown-selected-text-medium-size);line-height:var(--scb-datepicker-design-dropdown-selected-text-medium-line-height);font-weight:var(--scb-datepicker-design-dropdown-selected-text-medium-weight);letter-spacing:var(--scb-datepicker-design-dropdown-selected-text-medium-tracking);cursor:pointer;text-align:left;gap:var(--scb-datepicker-design-dropdown-selected-gap-medium);padding-block:var(--scb-datepicker-design-dropdown-selected-padding-block-medium);padding-inline:var(--scb-datepicker-design-dropdown-selected-padding-inline-medium)}.dropdown-selected:focus{outline:0}.dropdown-selected md-focus-ring{border-radius:var(--scb-datepicker-design-dropdown-selected-radius-medium)}.dropdown-list{position:relative;background:var(--scb-datepicker-panel-surface-color, var(--md-sys-color-surface));padding-block:var(--scb-datepicker-design-dropdown-list-padding-block-medium)}.dropdown-item{display:flex;position:relative;cursor:pointer;padding-block:var(--scb-datepicker-design-option-padding-block-medium);padding-inline:var(--scb-datepicker-design-option-padding-inline-medium);min-height:var(--scb-datepicker-design-option-height-medium);align-items:center}.dropdown-item:focus-within{outline:0}.dropdown-item md-focus-ring{border-radius:var(--md-sys-shape-corner-small)}.dropdown-item.selected{background:var(--scb-datepicker-selected-container-color, var(--md-sys-color-secondary-container, var(--p-95)));color:var(--scb-datepicker-selected-content-color, var(--md-sys-color-on-surface));font-weight:var(--scb-datepicker-design-dropdown-selected-text-medium-weight);padding-inline-start:var(--scb-datepicker-design-option-selected-padding-inline-start-medium);gap:var(--scb-datepicker-design-option-selected-gap-medium)}.datepicker-popup{background:var(--scb-datepicker-panel-surface-color, var(--md-sys-color-surface));border-radius:var(--scb-datepicker-design-surface-radius-medium);box-shadow:var(--scb-datepicker-popover-shadow, var(--scb-shadow-menu));max-width:100%;width:100%;max-height:var(--scb-datepicker-max-height, 80vh);overflow:auto;overflow-x:hidden;font-family:var(--brand-font)}.datepicker-popup[popover]{box-sizing:border-box;margin:0;border:0;padding:0;inset:auto}.datepicker-content{overflow-y:auto;max-height:var(--scb-datepicker-content-max-height, 290px)}.datepicker-content::-webkit-scrollbar{width:var(--scb-datepicker-design-scrollbar-width-medium);background:var(--scb-datepicker-panel-surface-color, var(--md-sys-color-surface));border-radius:var(--md-sys-shape-corner-small)}.datepicker-content::-webkit-scrollbar-thumb{background:var(--scb-datepicker-outline-color, var(--md-sys-color-outline));border-radius:var(--md-sys-shape-corner-small);border:var(--scb-datepicker-design-scrollbar-thumb-border-width-medium) solid var(--scb-datepicker-panel-surface-color, var(--md-sys-color-surface))}.datepicker-content::-webkit-scrollbar-track{background:var(--scb-datepicker-panel-surface-color, var(--md-sys-color-surface));border-radius:var(--md-sys-shape-corner-small)}.popup{position:absolute;top:0;left:0;z-index:1}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--scb-datepicker-design-datepicker-header-gap-medium);padding-block-start:var(--scb-datepicker-design-header-padding-block-start-medium);padding-block-end:var(--scb-datepicker-design-datepicker-header-padding-block-end-medium);padding-inline:var(--scb-datepicker-design-header-padding-inline-medium);flex-wrap:wrap}.datepicker-footer{padding-block-start:var(--scb-datepicker-design-footer-padding-block-start-medium);padding-block-end:var(--scb-datepicker-design-footer-padding-block-end-medium);padding-inline:var(--scb-datepicker-design-footer-padding-inline-medium)}.datepicker-calendar{padding-inline:var(--scb-datepicker-design-calendar-padding-inline-medium)}table{width:100%;border-collapse:collapse;margin-bottom:var(--scb-datepicker-design-table-margin-block-end-medium)}th{color:var(--scb-datepicker-secondary-content-color, var(--md-sys-color-on-surface-variant, var(--n-50)));font-family:var(--scb-datepicker-design-datepicker-weekday-text-medium-font);font-size:var(--scb-datepicker-design-datepicker-weekday-text-medium-size);line-height:var(--scb-datepicker-design-datepicker-weekday-text-medium-line-height);font-weight:var(--scb-datepicker-design-datepicker-weekday-text-medium-weight);letter-spacing:var(--scb-datepicker-design-datepicker-weekday-text-medium-tracking);padding-bottom:var(--scb-datepicker-design-weekday-padding-block-end-medium)}td{text-align:center}.day:focus-within{outline:0}.day{position:relative;width:var(--scb-datepicker-design-day-cell-size-medium);height:var(--scb-datepicker-design-day-cell-size-medium);border-radius:var(--scb-datepicker-design-day-cell-radius-medium);border:0;background:0 0;font-family:var(--scb-datepicker-design-day-text-medium-font);font-size:var(--scb-datepicker-design-day-text-medium-size);line-height:var(--scb-datepicker-design-day-text-medium-line-height);font-weight:var(--scb-datepicker-design-day-text-medium-weight);letter-spacing:var(--scb-datepicker-design-day-text-medium-tracking);cursor:pointer;align-content:center}.day.selected{background:var(--scb-datepicker-selected-container-color, var(--md-sys-color-secondary-container));color:var(--scb-datepicker-selected-content-color, var(--md-sys-color-on-surface))}.time-field{padding-inline:var(--scb-datepicker-design-time-padding-inline-medium)}.time-label{display:flex;align-items:center;gap:var(--scb-datepicker-design-time-gap-medium);font-family:var(--scb-datepicker-design-time-text-medium-font);font-size:var(--scb-datepicker-design-time-text-medium-size);line-height:var(--scb-datepicker-design-time-text-medium-line-height);font-weight:var(--scb-datepicker-design-time-text-medium-weight);letter-spacing:var(--scb-datepicker-design-time-text-medium-tracking)}:host{--scb-datepicker-design-scrollbar-width-medium:var(--scb-datepicker-scrollbar-width, var(--spacing-4, 12px));--scb-datepicker-design-scrollbar-thumb-border-width-medium:var(--scb-datepicker-scrollbar-thumb-border-width, var(--spacing-2, 4px));--scb-datepicker-design-dropdown-selected-text-medium-font:var(--scb-datepicker-dropdown-selected-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-datepicker-design-dropdown-selected-text-medium-size:var(--scb-datepicker-dropdown-selected-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-datepicker-design-dropdown-selected-text-medium-line-height:var(--scb-datepicker-dropdown-selected-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-datepicker-design-dropdown-selected-text-medium-tracking:var(--scb-datepicker-dropdown-selected-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-datepicker-design-dropdown-selected-text-medium-weight:var(--scb-datepicker-dropdown-selected-weight, var(--weight-medium, 500));--scb-datepicker-design-dropdown-selected-text-medium-letter-spacing:var(--scb-datepicker-dropdown-selected-letter-spacing, var(--scb-datepicker-dropdown-selected-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-datepicker-design-dropdown-selected-text-medium-font-weight:var(--scb-datepicker-dropdown-selected-font-weight, var(--scb-datepicker-dropdown-selected-weight, var(--weight-medium, 500)));--scb-datepicker-design-dropdown-selected-padding-block-medium:var(--scb-datepicker-dropdown-selected-padding-block, var(--spacing-2, 4px));--scb-datepicker-design-dropdown-selected-padding-inline-medium:var(--scb-datepicker-dropdown-selected-padding-inline, var(--spacing-3, 8px));--scb-datepicker-design-dropdown-selected-gap-medium:var(--scb-datepicker-dropdown-selected-gap, var(--spacing-3, 8px));--scb-datepicker-design-dropdown-selected-radius-medium:var(--scb-datepicker-dropdown-selected-radius, var(--radius-small, 8px));--scb-datepicker-design-navigation-icon-button-size-medium:var(--scb-datepicker-navigation-icon-button-size, medium);--scb-datepicker-design-dropdown-icon-medium:var(--scb-datepicker-dropdown-icon-size, var(--icon-size-medium, 24px));--scb-datepicker-design-selected-icon-medium:var(--scb-datepicker-selected-icon-size, var(--icon-size-medium, 24px));--scb-datepicker-design-dropdown-list-padding-block-medium:var(--scb-datepicker-dropdown-list-padding-block, var(--spacing-2, 4px));--scb-datepicker-design-option-height-medium:var(--scb-datepicker-dropdown-item-min-height, var(--scb-fields-option-height-medium, var(--scale-10, 40px)));--scb-datepicker-design-option-padding-block-medium:var(--scb-datepicker-dropdown-item-padding-block, var(--spacing-3, 8px));--scb-datepicker-design-option-padding-inline-medium:var(--scb-datepicker-dropdown-item-padding-inline, var(--scale-12, 56px));--scb-datepicker-design-option-selected-padding-inline-start-medium:var(--scb-datepicker-dropdown-item-selected-padding-inline-start, var(--spacing-5, 16px));--scb-datepicker-design-option-selected-gap-medium:var(--scb-datepicker-dropdown-item-selected-gap, var(--spacing-5, 16px));--scb-datepicker-design-datepicker-header-gap-medium:var(--scb-datepicker-header-gap, var(--spacing-7, 20px));--scb-datepicker-design-header-padding-block-start-medium:var(--scb-datepicker-header-padding-block-start, var(--spacing-7, 20px));--scb-datepicker-design-datepicker-header-padding-block-end-medium:var(--scb-datepicker-header-padding-block-end, var(--spacing-0, 0px));--scb-datepicker-design-header-padding-inline-medium:var(--scb-datepicker-header-padding-inline, var(--spacing-5, 16px));--scb-datepicker-design-footer-padding-block-start-medium:var(--scb-datepicker-footer-padding-block-start, var(--spacing-3, 8px));--scb-datepicker-design-footer-padding-inline-medium:var(--scb-datepicker-footer-padding-inline, var(--spacing-5, 16px));--scb-datepicker-design-footer-padding-block-end-medium:var(--scb-datepicker-footer-padding-block-end, var(--spacing-8, 24px));--scb-datepicker-design-calendar-padding-inline-medium:var(--scb-datepicker-calendar-padding-inline, var(--spacing-5, 16px));--scb-datepicker-design-table-margin-block-end-medium:var(--scb-datepicker-table-margin-block-end, var(--spacing-3, 8px));--scb-datepicker-design-weekday-padding-block-end-medium:var(--scb-datepicker-weekday-padding-block-end, var(--spacing-4, 12px));--scb-datepicker-design-day-cell-size-medium:var(--scb-datepicker-day-cell-size, var(--scale-10, 40px));--scb-datepicker-design-day-cell-radius-medium:var(--scb-datepicker-day-cell-radius, var(--radius-full, 1000px));--scb-datepicker-design-datepicker-weekday-text-medium-font:var(--scb-datepicker-weekday-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-datepicker-design-datepicker-weekday-text-medium-size:var(--scb-datepicker-weekday-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-datepicker-design-datepicker-weekday-text-medium-line-height:var(--scb-datepicker-weekday-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-datepicker-design-datepicker-weekday-text-medium-tracking:var(--scb-datepicker-weekday-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-datepicker-design-datepicker-weekday-text-medium-weight:var(--scb-datepicker-weekday-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-datepicker-design-datepicker-weekday-text-medium-letter-spacing:var(--scb-datepicker-weekday-letter-spacing, var(--scb-datepicker-weekday-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-datepicker-design-datepicker-weekday-text-medium-font-weight:var(--scb-datepicker-weekday-font-weight, var(--scb-datepicker-weekday-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-datepicker-design-day-text-medium-font:var(--scb-datepicker-day-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-datepicker-design-day-text-medium-size:var(--scb-datepicker-day-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-datepicker-design-day-text-medium-line-height:var(--scb-datepicker-day-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-datepicker-design-day-text-medium-tracking:var(--scb-datepicker-day-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-datepicker-design-day-text-medium-weight:var(--scb-datepicker-day-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-datepicker-design-day-text-medium-letter-spacing:var(--scb-datepicker-day-letter-spacing, var(--scb-datepicker-day-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-datepicker-design-day-text-medium-font-weight:var(--scb-datepicker-day-font-weight, var(--scb-datepicker-day-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-datepicker-design-time-text-medium-font:var(--scb-datepicker-time-label-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-datepicker-design-time-text-medium-size:var(--scb-datepicker-time-label-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-datepicker-design-time-text-medium-line-height:var(--scb-datepicker-time-label-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-datepicker-design-time-text-medium-tracking:var(--scb-datepicker-time-label-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-datepicker-design-time-text-medium-weight:var(--scb-datepicker-time-label-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-datepicker-design-time-text-medium-letter-spacing:var(--scb-datepicker-time-label-letter-spacing, var(--scb-datepicker-time-label-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-datepicker-design-time-text-medium-font-weight:var(--scb-datepicker-time-label-font-weight, var(--scb-datepicker-time-label-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-datepicker-design-time-padding-inline-medium:var(--scb-datepicker-time-padding-inline, var(--spacing-8, 24px));--scb-datepicker-design-time-gap-medium:var(--scb-datepicker-time-gap, var(--spacing-3, 8px));--scb-datepicker-design-time-field-component-size-medium:var(--scb-datepicker-time-field-component-size, medium);--scb-datepicker-design-actions-button-size-medium:var(--scb-datepicker-close-button-size, medium);--scb-datepicker-design-surface-radius-medium:var(--scb-datepicker-popup-radius, var(--radius-small, 8px))}`],D);l([u()],p.prototype,"_currentDate",void 0);l([u()],p.prototype,"_selectedDate",void 0);l([u()],p.prototype,"_showMonthDropdown",void 0);l([u()],p.prototype,"_showYearDropdown",void 0);l([f({type:String})],p.prototype,"variant",void 0);l([f({type:String})],p.prototype,"lang",void 0);l([f({type:String})],p.prototype,"selectedValue",void 0);l([f({type:Boolean})],p.prototype,"open",void 0);l([u()],p.prototype,"_selectedHour",void 0);l([u()],p.prototype,"_selectedMinute",void 0);p=l([C("scb-datepicker")],p);
|