scb-wc 0.1.78 → 0.1.80
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 +41 -22
- package/all.js +0 -2
- package/index.js +88 -90
- package/mvc/components/all.js +0 -2
- package/mvc/components/scb-accordion/scb-accordion-item.js +3 -173
- package/mvc/components/scb-accordion/scb-accordion.js +4 -33
- package/mvc/components/scb-app-bar/scb-app-bar.js +2 -110
- package/mvc/components/scb-avatar/scb-avatar.js +2 -94
- package/mvc/components/scb-badge/scb-badge.js +2 -72
- package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +2 -12
- package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +4 -91
- package/mvc/components/scb-button/scb-button.js +47 -309
- package/mvc/components/scb-calendar/scb-calendar-event.js +2 -6
- package/mvc/components/scb-calendar/scb-calendar.js +6 -120
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +21 -350
- package/mvc/components/scb-card/scb-card.js +54 -819
- package/mvc/components/scb-checkbox/scb-checkbox-group.js +3 -31
- package/mvc/components/scb-checkbox/scb-checkbox.js +5 -127
- package/mvc/components/scb-chip/scb-chip.js +2 -76
- package/mvc/components/scb-collapse/scb-collapse.js +2 -44
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +7 -73
- package/mvc/components/scb-dialog/scb-dialog.js +2 -213
- package/mvc/components/scb-divider/scb-divider.js +1 -69
- package/mvc/components/scb-drawer/scb-drawer.js +6 -102
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +2 -410
- package/mvc/components/scb-dropdown/scb-dropdown.js +17 -222
- package/mvc/components/scb-fab/scb-fab.js +7 -95
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +2 -69
- package/mvc/components/scb-fact-card/scb-fact-card.js +2 -214
- package/mvc/components/scb-footer/scb-footer-section.js +1 -3
- package/mvc/components/scb-footer/scb-footer.js +3 -172
- package/mvc/components/scb-gallery-grid/scb-gallery-grid.js +2 -112
- package/mvc/components/scb-grid/scb-grid-item.js +1 -32
- package/mvc/components/scb-grid/scb-grid.js +1 -99
- package/mvc/components/scb-grid/scb-stack.js +1 -33
- package/mvc/components/scb-header/scb-header-menu-item.js +1 -5
- package/mvc/components/scb-header/scb-header-tab.js +1 -5
- package/mvc/components/scb-header/scb-header.js +75 -888
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +43 -168
- package/mvc/components/scb-icon-button/scb-icon-button.js +59 -171
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +17 -218
- package/mvc/components/scb-link/scb-link.js +4 -55
- package/mvc/components/scb-list/scb-list-item.js +23 -126
- package/mvc/components/scb-list/scb-list.js +5 -26
- package/mvc/components/scb-menu/scb-menu-item.js +16 -190
- package/mvc/components/scb-menu/scb-menu-section.js +4 -36
- package/mvc/components/scb-menu/scb-menu.js +5 -69
- package/mvc/components/scb-menu/scb-sub-menu.js +2 -7
- package/mvc/components/scb-nav/scb-nav-item.js +1 -28
- package/mvc/components/scb-nav/scb-nav.js +5 -98
- package/mvc/components/scb-notification-card/scb-notification-card.js +7 -364
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +3 -50
- package/mvc/components/scb-options-menu/scb-options-menu.js +2 -82
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +2 -31
- package/mvc/components/scb-overlay/scb-overlay.js +3 -43
- package/mvc/components/scb-pagination/scb-pagination.js +19 -221
- package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +2 -67
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +4 -121
- package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +2 -56
- package/mvc/components/scb-radio-button/scb-radio-button.js +5 -116
- package/mvc/components/scb-radio-button/scb-radio-group.js +2 -32
- package/mvc/components/scb-scrollspy/scb-scrollspy.js +2 -61
- package/mvc/components/scb-search/scb-search.js +5 -249
- package/mvc/components/scb-segmented-button/scb-segmented-button.js +1 -32
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +2 -70
- package/mvc/components/scb-select/scb-select-option.js +2 -54
- package/mvc/components/scb-select/scb-select.js +4 -244
- package/mvc/components/scb-skeleton/scb-skeleton.js +2 -35
- package/mvc/components/scb-slider/scb-slider.js +5 -9
- package/mvc/components/scb-snackbar/scb-snackbar.js +9 -84
- package/mvc/components/scb-status-pill/scb-status-pill.js +2 -43
- package/mvc/components/scb-stepper/scb-step.js +8 -186
- package/mvc/components/scb-stepper/scb-stepper.js +2 -130
- package/mvc/components/scb-switch/scb-switch.js +4 -49
- package/mvc/components/scb-table/scb-table.js +2 -48
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +2 -53
- package/mvc/components/scb-tabs/scb-primary-tab.js +2 -7
- package/mvc/components/scb-tabs/scb-secondary-tab.js +2 -7
- package/mvc/components/scb-tabs/scb-tabs.js +4 -31
- package/mvc/components/scb-textfield/scb-textfield.js +142 -388
- package/mvc/components/scb-toc/scb-toc-item.js +3 -251
- package/mvc/components/scb-toc/scb-toc.js +2 -16
- package/mvc/components/scb-tooltip/scb-tooltip.js +8 -155
- package/mvc/components/scb-viz/scb-viz.js +4 -619
- package/mvc/scb-wc-core.css +1 -1
- package/mvc/scb-wc-selfhost.css +1 -1
- package/mvc/scb-wc.css +1 -1
- package/mvc/vendor/assist-chip.js +3 -3
- package/mvc/vendor/chip-set.js +1 -1
- package/mvc/vendor/chip.js +2 -2
- package/mvc/vendor/elevation.js +2 -2
- package/mvc/vendor/filter-chip.js +1 -1
- package/mvc/vendor/focusable.js +1 -1
- package/mvc/vendor/form-associated.js +1 -1
- package/mvc/vendor/icon.js +2 -2
- package/mvc/vendor/lazy-focus-ring.js +2 -0
- package/mvc/vendor/lazy-ripple.js +2 -0
- package/mvc/vendor/md-focus-ring.js +2 -2
- package/mvc/vendor/ripple.js +2 -2
- package/mvc/vendor/scb-card-variants.internal.js +284 -0
- package/mvc/vendor/scb-chevron.js +10 -0
- package/mvc/vendor/scb-header-drawer.internal.js +71 -0
- package/mvc/vendor/shared-styles.js +1 -1
- package/mvc/vendor/tab-styles.js +3 -3
- package/mvc/vendor/validator.js +1 -1
- package/mvc/vendor/vendor.js +3 -4
- package/package.json +2 -2
- package/scb-accordion/scb-accordion-item.js +33 -32
- package/scb-app-bar/scb-app-bar.js +1 -1
- package/scb-button/scb-button.js +287 -259
- package/scb-calendar/scb-calendar.js +49 -49
- package/scb-calendar-card/scb-calendar-card.js +105 -59
- package/scb-card/scb-card-variants.internal.js +230 -0
- package/scb-card/scb-card.js +387 -528
- package/scb-checkbox/scb-checkbox.js +0 -1
- package/scb-chevron/scb-chevron.js +0 -1
- package/scb-components/scb-button/scb-button.d.ts +14 -2
- package/scb-components/scb-calendar/scb-calendar.d.ts +1 -0
- package/scb-components/scb-calendar-card/scb-calendar-card.d.ts +16 -4
- package/scb-components/scb-card/scb-card-variants.internal.d.ts +15 -0
- package/scb-components/scb-card/scb-card.d.ts +26 -9
- package/scb-components/scb-cookies-consent/scb-cookies-consent.d.ts +3 -0
- package/scb-components/scb-header/scb-header-drawer.internal.d.ts +31 -0
- package/scb-components/scb-header/scb-header.d.ts +1 -2
- package/scb-components/scb-horizontal-scroller/scb-horizontal-scroller.d.ts +6 -1
- package/scb-components/scb-icon-button/scb-icon-button.d.ts +28 -29
- package/scb-components/scb-keyfigure-card/scb-keyfigure-card.d.ts +13 -4
- package/scb-components/scb-list/scb-list-item.d.ts +20 -2
- package/scb-components/scb-list/scb-list.d.ts +1 -2
- package/scb-components/scb-nav/scb-nav.d.ts +2 -0
- package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +1 -0
- package/scb-components/scb-select/scb-select-option.d.ts +2 -0
- package/scb-components/scb-toc/scb-toc-item.d.ts +1 -0
- package/scb-components/scb-tooltip/scb-tooltip.d.ts +2 -0
- package/scb-cookies-consent/scb-cookies-consent.js +43 -31
- package/scb-datepicker/scb-datepicker.js +27 -25
- package/scb-dialog/scb-dialog.js +1 -1
- package/scb-dropdown/scb-dropdown.js +29 -28
- package/scb-header/scb-header-drawer.internal.js +78 -0
- package/scb-header/scb-header.js +41 -89
- package/scb-horizontal-scroller/scb-horizontal-scroller.js +181 -88
- package/scb-icon-button/scb-icon-button.js +293 -205
- package/scb-keyfigure-card/scb-keyfigure-card.js +96 -43
- package/scb-list/scb-list-item.js +117 -52
- package/scb-list/scb-list.js +9 -9
- package/scb-nav/scb-nav.js +26 -23
- package/scb-notification-card/scb-notification-card.js +0 -2
- package/scb-options-menu/scb-options-menu-item.js +20 -20
- package/scb-pagination/scb-pagination.js +0 -1
- package/scb-progress-stepper/scb-progress-step.js +19 -17
- package/scb-radio-button/scb-radio-button.js +0 -1
- package/scb-search/scb-search.js +29 -28
- package/scb-segmented-button/scb-segmented-item.js +22 -19
- package/scb-select/scb-select-option.js +20 -14
- package/scb-select/scb-select.js +26 -26
- package/scb-stepper/scb-step.js +34 -31
- package/scb-textfield/scb-textfield.js +39 -39
- package/scb-toc/scb-toc-item.js +26 -26
- package/scb-tooltip/scb-tooltip.js +5 -4
- package/scb-viz/scb-viz.js +1 -1
- package/scb-wc-core.css +1 -1
- package/scb-wc-public-entry/index.d.ts +97 -0
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +1873 -1476
- package/scb-wc.css +1 -1
- package/scb-wc.d.ts +194 -198
- package/mvc/components/scb-chevron/scb-chevron.js +0 -41
- package/mvc/components/scb-datepicker/scb-datepicker.js +0 -296
- package/mvc/vendor/element-internals.js +0 -1
- package/mvc/vendor/filled-icon-button.js +0 -2
- package/mvc/vendor/filled-tonal-icon-button.js +0 -2
- package/mvc/vendor/form-label-activation.js +0 -1
- package/mvc/vendor/form-submitter.js +0 -1
- package/mvc/vendor/icon-button.js +0 -2
- package/mvc/vendor/list.js +0 -8
- package/mvc/vendor/outlined-icon-button.js +0 -2
- package/mvc/vendor/shared-styles2.js +0 -30
- package/scb-components/index.d.ts +0 -99
- package/scb-components/scb-chevron/scb-chevron.d.ts +0 -11
- package/scb-components/scb-datepicker/scb-datepicker.d.ts +0 -39
|
@@ -1,296 +0,0 @@
|
|
|
1
|
-
import{_ as x,b as $,g as M,h as m,m as h,y as c}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as l}from"../../vendor/decorate.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-divider/scb-divider.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,o,d){try{customElements.get(t)||e(t,o,d)}catch(r){var a=String(r||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var w,p=(w=class extends x{constructor(...e){super(...e),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._outsideClickHandler=t=>{this.open&&(t.composedPath().includes(this)||this._close())},this._prevMonth=()=>{const t=this._currentDate.getFullYear(),o=this._currentDate.getMonth();o===0?this._currentDate=new Date(t-1,11,1):this._currentDate=new Date(t,o-1,1)},this._prevYear=()=>{const t=this._currentDate.getFullYear(),o=this._currentDate.getMonth();this._currentDate=new Date(t-1,o,1)},this._nextMonth=()=>{const t=this._currentDate.getFullYear(),o=this._currentDate.getMonth();o===11?this._currentDate=new Date(t+1,0,1):this._currentDate=new Date(t,o+1,1)},this._nextYear=()=>{const t=this._currentDate.getFullYear(),o=this._currentDate.getMonth();this._currentDate=new Date(t+1,o,1)},this._onTimeChange=t=>{const[o,d]=t.target.value.split(":"),a=parseInt(o,10),r=parseInt(d,10);this._selectedHour=isNaN(a)?0:Math.max(0,Math.min(23,a)),this._selectedMinute=isNaN(r)?0:Math.max(0,Math.min(59,r)),this._fireDateTimeChange()},this._close=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("datepicker-closed",{bubbles:!0,composed:!0}))}}_isRenderedInsideDialog(){const e=this.getRootNode(),t=e instanceof ShadowRoot?e.host:null;return t instanceof HTMLElement&&t.closest("scb-dialog")?!0:!!this.closest("scb-dialog")}_positionPopupWithinViewport(){if(!this.open)return;const e=this.renderRoot.querySelector(".datepicker-popup");if(!e)return;const t=this.parentElement?.getBoundingClientRect();if(!t)return;const o=window.innerWidth,d=window.innerHeight,a=Math.max(220,o-this._viewportMargin*2);if(this._isRenderedInsideDialog()){const v=Math.min(e.offsetWidth||380,a),_=e.offsetHeight||420,f=(o-v)/2,y=(d-_)/2,D=f-t.left,k=y-t.top;this.style.setProperty("--scb-datepicker-position","absolute"),this.style.setProperty("--scb-datepicker-top",`${k}px`),this.style.setProperty("--scb-datepicker-bottom","auto"),this.style.setProperty("--scb-datepicker-left",`${D}px`),this.style.setProperty("--scb-datepicker-transform","none"),this.style.setProperty("--scb-datepicker-computed-width",`${v}px`),this.style.setProperty("--scb-datepicker-max-height",`${Math.max(220,d-this._viewportMargin*2)}px`);return}const r=Math.min(e.offsetWidth||380,a),s=e.offsetHeight||420,i=Math.min(Math.max(t.left,this._viewportMargin),o-this._viewportMargin-r)-t.left,n=d-t.bottom-this._viewportMargin,u=t.top-this._viewportMargin,b=n<s+this._popupOffset&&u>n;this.style.setProperty("--scb-datepicker-position","absolute"),this.style.setProperty("--scb-datepicker-computed-width",`${r}px`),this.style.setProperty("--scb-datepicker-left","0"),this.style.setProperty("--scb-datepicker-transform",`translateX(${i}px)`),b?(this.style.setProperty("--scb-datepicker-top","auto"),this.style.setProperty("--scb-datepicker-bottom",`calc(100% + ${this._popupOffset}px)`),this.style.setProperty("--scb-datepicker-max-height",`${Math.max(0,u-this._popupOffset)}px`)):(this.style.setProperty("--scb-datepicker-top",`calc(100% + ${this._popupOffset}px)`),this.style.setProperty("--scb-datepicker-bottom","auto"),this.style.setProperty("--scb-datepicker-max-height",`${Math.max(0,n-this._popupOffset)}px`))}updated(e){if(super.updated(e),this.open?(window.addEventListener("mousedown",this._outsideClickHandler),window.addEventListener("resize",this._onWindowReposition,{passive:!0}),window.addEventListener("scroll",this._onWindowReposition,{passive:!0,capture:!0}),requestAnimationFrame(()=>this._positionPopupWithinViewport())):(window.removeEventListener("mousedown",this._outsideClickHandler),window.removeEventListener("resize",this._onWindowReposition),window.removeEventListener("scroll",this._onWindowReposition,!0)),e.has("selectedValue")&&this.selectedValue){const t=new Date(this.selectedValue);isNaN(t.getTime())||(this._selectedDate=t,this._currentDate=new Date(t.getFullYear(),t.getMonth(),1),this.variant==="datetime-local"&&(this._selectedHour=t.getHours(),this._selectedMinute=t.getMinutes()))}this.open&&requestAnimationFrame(()=>this._positionPopupWithinViewport())}disconnectedCallback(){window.removeEventListener("mousedown",this._outsideClickHandler),window.removeEventListener("resize",this._onWindowReposition),window.removeEventListener("scroll",this._onWindowReposition,!0),super.disconnectedCallback()}render(){if(!this.open)return c``;const e=this._currentDate.getFullYear(),t=this._currentDate.getMonth(),o=new Date,d=this._getMonthDays(e,t),a=Array.from({length:101},(s,i)=>o.getFullYear()-50+i),r=this.variant==="datetime-local"&&!this._showMonthDropdown&&!this._showYearDropdown;return c`
|
|
2
|
-
<div class="datepicker-popup popup">
|
|
3
|
-
<div class="header">
|
|
4
|
-
<div class="month-selector ${this._showMonthDropdown?"open":""} ${this._showYearDropdown?"disable":""}">
|
|
5
|
-
<scb-icon-button 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
|
-
@click=${()=>this._toggleMonthDropdown()}
|
|
11
|
-
@keydown=${s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),this._toggleMonthDropdown())}}
|
|
12
|
-
>
|
|
13
|
-
${this._monthNames[t].slice(0,3)}
|
|
14
|
-
<md-icon>arrow_drop_down</md-icon>
|
|
15
|
-
<md-focus-ring></md-focus-ring>
|
|
16
|
-
<md-ripple></md-ripple>
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
<scb-icon-button icon="chevron_right" @click=${this._nextMonth} aria-label=${this.lang=="sv"?"Nästa månad":"Next month"}></scb-icon-button>
|
|
20
|
-
</div>
|
|
21
|
-
<div class="year-selector ${this._showMonthDropdown?"disable":""} ${this._showYearDropdown?"open":""}">
|
|
22
|
-
<scb-icon-button icon="chevron_left" @click=${this._prevYear} aria-label=${this.lang=="sv"?"Föregående år":"Previous year"}></scb-icon-button>
|
|
23
|
-
<div class="custom-dropdown year-dropdown">
|
|
24
|
-
<div
|
|
25
|
-
tabindex=${this._showMonthDropdown?-1:0}
|
|
26
|
-
class="dropdown-selected"
|
|
27
|
-
@click=${()=>this._toggleYearDropdown()}
|
|
28
|
-
@keydown=${s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),this._toggleYearDropdown())}}
|
|
29
|
-
>
|
|
30
|
-
${e}
|
|
31
|
-
<md-icon>arrow_drop_down</md-icon>
|
|
32
|
-
<md-focus-ring></md-focus-ring>
|
|
33
|
-
<md-ripple></md-ripple>
|
|
34
|
-
</div>
|
|
35
|
-
</div>
|
|
36
|
-
<scb-icon-button icon="chevron_right" @click=${this._nextYear} aria-label=${this.lang=="sv"?"Nästa år":"Next year"}></scb-icon-button>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
${this._showMonthDropdown||this._showYearDropdown?c`<scb-divider></scb-divider>`:""}
|
|
40
|
-
<div class="datepicker-content" style="position:relative;">
|
|
41
|
-
${this._showMonthDropdown?c`
|
|
42
|
-
<div class="dropdown-list">
|
|
43
|
-
${this._monthNames.map((s,i)=>c`
|
|
44
|
-
<div
|
|
45
|
-
@keydown=${n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this._onMonthChangeCustom(i))}}
|
|
46
|
-
tabindex="0"
|
|
47
|
-
class="dropdown-item${i===t?" selected":""}"
|
|
48
|
-
@click=${()=>this._onMonthChangeCustom(i)}
|
|
49
|
-
id=${i===t?"selected-month":""}
|
|
50
|
-
>
|
|
51
|
-
${i===t?c`<md-icon>check</md-icon>`:""}
|
|
52
|
-
${s}
|
|
53
|
-
<md-ripple></md-ripple><md-focus-ring inward></md-focus-ring>
|
|
54
|
-
</div>
|
|
55
|
-
`)}
|
|
56
|
-
</div>
|
|
57
|
-
`:""}
|
|
58
|
-
${this._showYearDropdown?c`
|
|
59
|
-
<div class="dropdown-list">
|
|
60
|
-
${a.map(s=>c`
|
|
61
|
-
<div
|
|
62
|
-
@keydown=${i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this._onYearChangeCustom(s))}}
|
|
63
|
-
tabindex="0"
|
|
64
|
-
class="dropdown-item${s===e?" selected":""}"
|
|
65
|
-
@click=${()=>this._onYearChangeCustom(s)}
|
|
66
|
-
id=${s===e?"selected-year":""}
|
|
67
|
-
>
|
|
68
|
-
${s===e?c`<md-icon>check</md-icon>`:""}
|
|
69
|
-
${s}
|
|
70
|
-
<md-ripple></md-ripple><md-focus-ring inward></md-focus-ring>
|
|
71
|
-
</div>
|
|
72
|
-
`)}
|
|
73
|
-
</div>
|
|
74
|
-
`:""}
|
|
75
|
-
${!this._showMonthDropdown&&!this._showYearDropdown?c`
|
|
76
|
-
<div class="datepicker-calendar">
|
|
77
|
-
<table>
|
|
78
|
-
<thead>
|
|
79
|
-
<tr>
|
|
80
|
-
<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>
|
|
81
|
-
</tr>
|
|
82
|
-
</thead>
|
|
83
|
-
<tbody>
|
|
84
|
-
${d.map(s=>c`
|
|
85
|
-
<tr>
|
|
86
|
-
${s.map(i=>i?c`
|
|
87
|
-
<td>
|
|
88
|
-
<div
|
|
89
|
-
@keydown=${n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this._selectDate(i))}}
|
|
90
|
-
role="button"
|
|
91
|
-
tabindex="0"
|
|
92
|
-
class="day${this._isToday(i,o)?" today":""}${this._isSelected(i)?" selected":""}"
|
|
93
|
-
@click=${()=>this._selectDate(i)}
|
|
94
|
-
>${i.getDate()}<md-ripple></md-ripple><md-focus-ring></md-focus-ring></div>
|
|
95
|
-
</td>
|
|
96
|
-
`:c`<td></td>`)}
|
|
97
|
-
</tr>
|
|
98
|
-
`)}
|
|
99
|
-
</tbody>
|
|
100
|
-
</table>
|
|
101
|
-
</div>
|
|
102
|
-
`:""}
|
|
103
|
-
</div>
|
|
104
|
-
${r?c`
|
|
105
|
-
<div style="padding: 0 24px;">
|
|
106
|
-
<label style="display:flex;align-items:center;gap:8px;">
|
|
107
|
-
<span>${this.lang=="sv"?"Tid:":"Time:"}</span>
|
|
108
|
-
<scb-textfield type="time" .value=${`${String(this._selectedHour).padStart(2,"0")}:${String(this._selectedMinute).padStart(2,"0")}`} @blur=${this._onTimeChange} aria-label="${this.lang=="sv"?"Tid":"Time"}"></scb-textfield>
|
|
109
|
-
</label>
|
|
110
|
-
</div>
|
|
111
|
-
`:""}
|
|
112
|
-
<div class="datepicker-footer">
|
|
113
|
-
${!this._showMonthDropdown&&!this._showYearDropdown?c`
|
|
114
|
-
<scb-button variant="text" label=${this.lang=="sv"?"Stäng":"Close"} @click=${this._close}></scb-button>
|
|
115
|
-
`:""}
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
`}_getMonthDays(e,t){const o=new Date(Date.UTC(e,t,1)),d=new Date(Date.UTC(e,t+1,0)),a=[];let r=[],s=o.getUTCDay(),i=s===0?6:s-1;for(let n=0;n<i;n++)r.push(null);for(let n=1;n<=d.getUTCDate();n++){const u=new Date(Date.UTC(e,t,n));r.push(u),r.length===7&&(a.push(r),r=[])}if(r.length){for(;r.length<7;)r.push(null);a.push(r)}return a}_toggleMonthDropdown(){this._showMonthDropdown=!this._showMonthDropdown,this._showMonthDropdown&&(this._showYearDropdown=!1,setTimeout(()=>{const e=this.renderRoot.querySelector("#selected-month");e&&e.scrollIntoView({block:"center"})},0))}_toggleYearDropdown(){this._showYearDropdown=!this._showYearDropdown,this._showYearDropdown&&(this._showMonthDropdown=!1,setTimeout(()=>{const e=this.renderRoot.querySelector("#selected-year");e&&e.scrollIntoView({block:"center"})},0))}_onMonthChangeCustom(e){const t=this._currentDate.getFullYear();this._currentDate=new Date(t,e,1),this._showMonthDropdown=!1}_onYearChangeCustom(e){const t=this._currentDate.getMonth();this._currentDate=new Date(e,t,1),this._showYearDropdown=!1}_isToday(e,t){return e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()}_isSelected(e){return this._selectedDate&&e.getDate()===this._selectedDate.getDate()&&e.getMonth()===this._selectedDate.getMonth()&&e.getFullYear()===this._selectedDate.getFullYear()}_selectDate(e){if(this._selectedDate=e,this.variant==="datetime-local"){const t=new Date(e);t.setHours(this._selectedHour??0,this._selectedMinute??0,0,0),this._selectedHour=t.getHours(),this._selectedMinute=t.getMinutes();const o=a=>a.toString().padStart(2,"0"),d=`${t.getFullYear()}-${o(t.getMonth()+1)}-${o(t.getDate())} ${o(t.getHours())}:${o(t.getMinutes())}`;this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:d},bubbles:!0,composed:!0}))}else{const t=e.toISOString().slice(0,10);this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:t},bubbles:!0,composed:!0}))}}_fireDateTimeChange(){if(this.variant==="datetime-local"&&this._selectedDate){const e=new Date(this._selectedDate);e.setHours(this._selectedHour??0,this._selectedMinute??0,0,0);const t=d=>d.toString().padStart(2,"0"),o=`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())} ${t(e.getHours())}:${t(e.getMinutes())}`;this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:o},bubbles:!0,composed:!0}))}}},w.styles=[$`
|
|
119
|
-
:host {
|
|
120
|
-
--scb-datepicker-width: 380px;
|
|
121
|
-
--scb-datepicker-z-index: 1100;
|
|
122
|
-
--scb-datepicker-viewport-margin: 8px;
|
|
123
|
-
--scb-datepicker-offset: var(--spacing-2, 4px);
|
|
124
|
-
max-width: var(--scb-datepicker-computed-width, min(var(--scb-datepicker-width), calc(100vw - (var(--scb-datepicker-viewport-margin) * 2))));
|
|
125
|
-
font-family: var(--brand-font);
|
|
126
|
-
color: var(--md-sys-color-on-surface);
|
|
127
|
-
display: block;
|
|
128
|
-
position: var(--scb-datepicker-position, absolute);
|
|
129
|
-
top: var(--scb-datepicker-top, calc(100% + var(--scb-datepicker-offset)));
|
|
130
|
-
bottom: var(--scb-datepicker-bottom, auto);
|
|
131
|
-
left: var(--scb-datepicker-left, 0);
|
|
132
|
-
width: var(--scb-datepicker-computed-width, min(var(--scb-datepicker-width), calc(100vw - (var(--scb-datepicker-viewport-margin) * 2))));
|
|
133
|
-
transform: var(--scb-datepicker-transform, translateX(0px));
|
|
134
|
-
z-index: var(--scb-datepicker-z-index);
|
|
135
|
-
}
|
|
136
|
-
.month-selector, .year-selector {
|
|
137
|
-
display: flex;
|
|
138
|
-
align-items: center;
|
|
139
|
-
&.disable{
|
|
140
|
-
pointer-events: none;
|
|
141
|
-
opacity: 0.3;
|
|
142
|
-
scb-icon-button{
|
|
143
|
-
visibility: hidden;
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
&.open{
|
|
147
|
-
scb-icon-button{
|
|
148
|
-
visibility: hidden;
|
|
149
|
-
}
|
|
150
|
-
.dropdown-selected{
|
|
151
|
-
background: var(--md-sys-color-secondary-container);
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
.dropdown-selected {
|
|
156
|
-
position: relative;
|
|
157
|
-
border-radius: 8px;
|
|
158
|
-
font-size: 16px;
|
|
159
|
-
cursor: pointer;
|
|
160
|
-
text-align: left;
|
|
161
|
-
display: flex;
|
|
162
|
-
gap: 8px;
|
|
163
|
-
align-items: center;
|
|
164
|
-
padding: 4px 8px;
|
|
165
|
-
}
|
|
166
|
-
.dropdown-selected:focus {
|
|
167
|
-
outline: none;
|
|
168
|
-
}
|
|
169
|
-
.dropdown-selected md-focus-ring {
|
|
170
|
-
border-radius: 8px;
|
|
171
|
-
}
|
|
172
|
-
.dropdown-list {
|
|
173
|
-
position: relative;
|
|
174
|
-
background: var(--md-sys-color-surface);
|
|
175
|
-
padding: 4px 0;
|
|
176
|
-
}
|
|
177
|
-
.dropdown-item {
|
|
178
|
-
display: flex;
|
|
179
|
-
position: relative;
|
|
180
|
-
cursor: pointer;
|
|
181
|
-
padding: var(--spacing-3) 56px;
|
|
182
|
-
min-height: 40px;
|
|
183
|
-
align-items: center;
|
|
184
|
-
}
|
|
185
|
-
.dropdown-item:focus-within {
|
|
186
|
-
outline: none;
|
|
187
|
-
}
|
|
188
|
-
.dropdown-item md-focus-ring {
|
|
189
|
-
border-radius: var(--md-sys-shape-corner-small);
|
|
190
|
-
}
|
|
191
|
-
.dropdown-item.selected {
|
|
192
|
-
background: var(--md-sys-color-secondary-container, #e3f2fd);
|
|
193
|
-
font-weight: 500;
|
|
194
|
-
padding-left: 16px;
|
|
195
|
-
gap: 16px;
|
|
196
|
-
}
|
|
197
|
-
.datepicker-popup {
|
|
198
|
-
background: var(--md-sys-color-surface);
|
|
199
|
-
border-radius: var(--md-sys-shape-corner-small);
|
|
200
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
|
|
201
|
-
max-width: 100%;
|
|
202
|
-
width: 100%;
|
|
203
|
-
max-height: var(--scb-datepicker-max-height, 80vh);
|
|
204
|
-
overflow: auto;
|
|
205
|
-
font-family: var(--brand-font);
|
|
206
|
-
}
|
|
207
|
-
.datepicker-content{
|
|
208
|
-
overflow-y: auto;
|
|
209
|
-
max-height: 290px;
|
|
210
|
-
}
|
|
211
|
-
.datepicker-content::-webkit-scrollbar {
|
|
212
|
-
width: 12px;
|
|
213
|
-
background: var(--md-sys-color-surface);
|
|
214
|
-
border-radius: var(--md-sys-shape-corner-small);
|
|
215
|
-
}
|
|
216
|
-
.datepicker-content::-webkit-scrollbar-thumb {
|
|
217
|
-
background: var(--md-sys-color-outline);
|
|
218
|
-
border-radius: var(--md-sys-shape-corner-small);
|
|
219
|
-
border: 4px solid var(--md-sys-color-surface);
|
|
220
|
-
|
|
221
|
-
}
|
|
222
|
-
.datepicker-content::-webkit-scrollbar-track {
|
|
223
|
-
background: var(--md-sys-color-surface);
|
|
224
|
-
border-radius: var(--md-sys-shape-corner-small);
|
|
225
|
-
}
|
|
226
|
-
.popup {
|
|
227
|
-
position:absolute;
|
|
228
|
-
top:0;
|
|
229
|
-
left:0;
|
|
230
|
-
z-index:1;
|
|
231
|
-
}
|
|
232
|
-
.header {
|
|
233
|
-
display: flex;
|
|
234
|
-
align-items: center;
|
|
235
|
-
justify-content: space-between;
|
|
236
|
-
margin-bottom: 30px;
|
|
237
|
-
padding: 20px 16px 0px 16px;
|
|
238
|
-
flex-wrap: wrap;
|
|
239
|
-
}
|
|
240
|
-
.datepicker-footer{
|
|
241
|
-
padding: 8px 16px 24px 16px;
|
|
242
|
-
}
|
|
243
|
-
.month-label {
|
|
244
|
-
font-size: 18px;
|
|
245
|
-
font-weight: 500;
|
|
246
|
-
}
|
|
247
|
-
.datepicker-calendar{
|
|
248
|
-
padding: 0 16px;
|
|
249
|
-
}
|
|
250
|
-
table {
|
|
251
|
-
width: 100%;
|
|
252
|
-
border-collapse: collapse;
|
|
253
|
-
margin-bottom: 8px;
|
|
254
|
-
}
|
|
255
|
-
th {
|
|
256
|
-
color: var(--md-sys-color-on-surface-variant, #757575);
|
|
257
|
-
font-size: 16px;
|
|
258
|
-
font-weight: 600;
|
|
259
|
-
padding-bottom: 20px;
|
|
260
|
-
}
|
|
261
|
-
td {
|
|
262
|
-
text-align: center;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
.day:focus-within{
|
|
266
|
-
outline: none;
|
|
267
|
-
}
|
|
268
|
-
.day {
|
|
269
|
-
position: relative;
|
|
270
|
-
width: 40px;
|
|
271
|
-
height: 40px;
|
|
272
|
-
border-radius: 50%;
|
|
273
|
-
border: none;
|
|
274
|
-
background: none;
|
|
275
|
-
font-size: 16px;
|
|
276
|
-
cursor: pointer;
|
|
277
|
-
font-family: 'Inter';
|
|
278
|
-
align-content: center;
|
|
279
|
-
}
|
|
280
|
-
.day.selected {
|
|
281
|
-
background: var(--md-sys-color-secondary-container);
|
|
282
|
-
}
|
|
283
|
-
.close-datepicker {
|
|
284
|
-
margin-top: 8px;
|
|
285
|
-
background: none;
|
|
286
|
-
border-color: none;
|
|
287
|
-
color: var(--md-sys-color-primary, #0057b8);
|
|
288
|
-
font-size: 16px;
|
|
289
|
-
cursor: pointer;
|
|
290
|
-
padding: 4px 12px;
|
|
291
|
-
border-radius: 8px;
|
|
292
|
-
}
|
|
293
|
-
.close-datepicker:hover {
|
|
294
|
-
background: var(--md-sys-color-primary-container, #e3f2fd);
|
|
295
|
-
}
|
|
296
|
-
`],w);l([h()],p.prototype,"_currentDate",void 0);l([h()],p.prototype,"_selectedDate",void 0);l([h()],p.prototype,"_showMonthDropdown",void 0);l([h()],p.prototype,"_showYearDropdown",void 0);l([m({type:String})],p.prototype,"variant",void 0);l([m({type:String})],p.prototype,"lang",void 0);l([m({type:String})],p.prototype,"selectedValue",void 0);l([m({type:Boolean})],p.prototype,"open",void 0);l([h()],p.prototype,"_selectedHour",void 0);l([h()],p.prototype,"_selectedMinute",void 0);p=l([M("scb-datepicker")],p);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(t,a,l){try{customElements.get(t)||n(t,a,l)}catch(s){var i=String(s||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var o=Symbol("internals"),r=Symbol("privateInternals");function c(e){class n extends e{get[o](){return this[r]||(this[r]=this.attachInternals()),this[r]}}return n}export{c as n,o as t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{b as i,g as d,l as s}from"./vendor.js";import"./vendor-lit.js";import{n as v,t as f}from"./shared-styles2.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(e,a,n){try{customElements.get(e)||c(e,a,n)}catch(t){var l=String(t||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var p=i`:host{--_container-color: var(--md-filled-icon-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-height: var(--md-filled-icon-button-container-height, 40px);--_container-width: var(--md-filled-icon-button-container-width, 40px);--_disabled-container-color: var(--md-filled-icon-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-icon-button-disabled-container-opacity, 0.12);--_disabled-icon-color: var(--md-filled-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-icon-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-icon-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-icon-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-icon-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-filled-icon-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-icon-button-icon-size, 24px);--_pressed-icon-color: var(--md-filled-icon-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-icon-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-filled-icon-button-selected-container-color, var(--md-sys-color-primary, #6750a4));--_toggle-selected-focus-icon-color: var(--md-filled-icon-button-toggle-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-hover-icon-color: var(--md-filled-icon-button-toggle-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-hover-state-layer-color: var(--md-filled-icon-button-toggle-selected-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-icon-color: var(--md-filled-icon-button-toggle-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-pressed-icon-color: var(--md-filled-icon-button-toggle-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-pressed-state-layer-color: var(--md-filled-icon-button-toggle-selected-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_unselected-container-color: var(--md-filled-icon-button-unselected-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_toggle-focus-icon-color: var(--md-filled-icon-button-toggle-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-hover-icon-color: var(--md-filled-icon-button-toggle-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-hover-state-layer-color: var(--md-filled-icon-button-toggle-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_toggle-icon-color: var(--md-filled-icon-button-toggle-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-pressed-icon-color: var(--md-filled-icon-button-toggle-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-pressed-state-layer-color: var(--md-filled-icon-button-toggle-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-filled-icon-button-container-shape-start-start, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-icon-button-container-shape-start-end, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-icon-button-container-shape-end-end, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-icon-button-container-shape-end-start, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.icon-button{color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.icon-button:hover{color:var(--_hover-icon-color)}.icon-button:focus{color:var(--_focus-icon-color)}.icon-button:active{color:var(--_pressed-icon-color)}.icon-button:disabled{color:var(--_disabled-icon-color)}.icon-button::before{background-color:var(--_container-color);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.icon-button:disabled::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.icon-button:disabled .icon{opacity:var(--_disabled-icon-opacity)}.toggle-filled{--md-ripple-hover-color: var(--_toggle-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-pressed-state-layer-color)}.toggle-filled:not(:disabled){color:var(--_toggle-icon-color)}.toggle-filled:not(:disabled):hover{color:var(--_toggle-hover-icon-color)}.toggle-filled:not(:disabled):focus{color:var(--_toggle-focus-icon-color)}.toggle-filled:not(:disabled):active{color:var(--_toggle-pressed-icon-color)}.toggle-filled:not(:disabled)::before{background-color:var(--_unselected-container-color)}.selected{--md-ripple-hover-color: var(--_toggle-selected-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-selected-pressed-state-layer-color)}.selected:not(:disabled){color:var(--_toggle-selected-icon-color)}.selected:not(:disabled):hover{color:var(--_toggle-selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_toggle-selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_toggle-selected-pressed-icon-color)}.selected:not(:disabled)::before{background-color:var(--_selected-container-color)}
|
|
2
|
-
`,r=class extends v{getRenderClasses(){return{...super.getRenderClasses(),filled:!0,"toggle-filled":this.toggle}}};r.styles=[f,p];r=s([d("md-filled-icon-button")],r);export{r as MdFilledIconButton};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{b as d,g as s,l as i}from"./vendor.js";import"./vendor-lit.js";import{n as v,t as b}from"./shared-styles2.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(e,a,c){try{customElements.get(e)||n(e,a,c)}catch(t){var l=String(t||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var g=d`:host{--_container-color: var(--md-filled-tonal-icon-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-height: var(--md-filled-tonal-icon-button-container-height, 40px);--_container-width: var(--md-filled-tonal-icon-button-container-width, 40px);--_disabled-container-color: var(--md-filled-tonal-icon-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-tonal-icon-button-disabled-container-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-icon-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-icon-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-icon-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-icon-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-filled-tonal-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-icon-button-icon-size, 24px);--_pressed-icon-color: var(--md-filled-tonal-icon-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-icon-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-filled-tonal-icon-button-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_toggle-selected-focus-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-hover-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-hover-state-layer-color: var(--md-filled-tonal-icon-button-toggle-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-pressed-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-pressed-state-layer-color: var(--md-filled-tonal-icon-button-toggle-selected-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_unselected-container-color: var(--md-filled-tonal-icon-button-unselected-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_toggle-focus-icon-color: var(--md-filled-tonal-icon-button-toggle-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-hover-icon-color: var(--md-filled-tonal-icon-button-toggle-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-hover-state-layer-color: var(--md-filled-tonal-icon-button-toggle-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-icon-color: var(--md-filled-tonal-icon-button-toggle-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-pressed-icon-color: var(--md-filled-tonal-icon-button-toggle-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-pressed-state-layer-color: var(--md-filled-tonal-icon-button-toggle-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filled-tonal-icon-button-container-shape-start-start, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-icon-button-container-shape-start-end, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-icon-button-container-shape-end-end, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-icon-button-container-shape-end-start, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.icon-button{color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.icon-button:hover{color:var(--_hover-icon-color)}.icon-button:focus{color:var(--_focus-icon-color)}.icon-button:active{color:var(--_pressed-icon-color)}.icon-button:disabled{color:var(--_disabled-icon-color)}.icon-button::before{background-color:var(--_container-color);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.icon-button:disabled::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.icon-button:disabled .icon{opacity:var(--_disabled-icon-opacity)}.toggle-filled-tonal{--md-ripple-hover-color: var(--_toggle-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-pressed-state-layer-color)}.toggle-filled-tonal:not(:disabled){color:var(--_toggle-icon-color)}.toggle-filled-tonal:not(:disabled):hover{color:var(--_toggle-hover-icon-color)}.toggle-filled-tonal:not(:disabled):focus{color:var(--_toggle-focus-icon-color)}.toggle-filled-tonal:not(:disabled):active{color:var(--_toggle-pressed-icon-color)}.toggle-filled-tonal:not(:disabled)::before{background-color:var(--_unselected-container-color)}.selected{--md-ripple-hover-color: var(--_toggle-selected-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-selected-pressed-state-layer-color)}.selected:not(:disabled){color:var(--_toggle-selected-icon-color)}.selected:not(:disabled):hover{color:var(--_toggle-selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_toggle-selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_toggle-selected-pressed-icon-color)}.selected:not(:disabled)::before{background-color:var(--_selected-container-color)}
|
|
2
|
-
`,r=class extends v{getRenderClasses(){return{...super.getRenderClasses(),"filled-tonal":!0,"toggle-filled-tonal":this.toggle}}};r.styles=[b,g];r=i([s("md-filled-tonal-icon-button")],r);export{r as MdFilledTonalIconButton};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(n,a,c){try{customElements.get(n)||e(n,a,c)}catch(s){var r=String(s||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();function l(t){const e=new MouseEvent("click",{bubbles:!0});return t.dispatchEvent(e),e}function f(t){return t.currentTarget!==t.target||t.composedPath()[0]!==t.target||t.target.disabled?!1:!u(t)}function u(t){const e=i;return e&&(t.preventDefault(),t.stopImmediatePropagation()),o(),e}var i=!1;async function o(){i=!0,await null,i=!1}export{f as n,l as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./vendor-lit.js";import{t as a}from"./element-internals.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var u=customElements.define.bind(customElements);customElements.define=function(e,s,i){try{customElements.get(e)||u(e,s,i)}catch(t){var r=String(t||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();function l(n){n.addInitializer(u=>{const e=u;e.addEventListener("click",async s=>{const{type:i,[a]:r}=e,{form:t}=r;if(!(!t||i==="button")&&(await new Promise(o=>{setTimeout(o)}),!s.defaultPrevented)){if(i==="reset"){t.reset();return}t.addEventListener("submit",o=>{Object.defineProperty(o,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),t.requestSubmit()}})})}export{l as t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{b as l,g as n,l as i}from"./vendor.js";import"./vendor-lit.js";import{n as p,t as v}from"./shared-styles2.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(o,c,d){try{customElements.get(o)||s(o,c,d)}catch(t){var a=String(t||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var y=l`:host{--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-icon-button-disabled-icon-opacity, 0.38);--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-height: var(--md-icon-button-state-layer-height, 40px);--_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-width: var(--md-icon-button-state-layer-width, 40px);--_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);--_container-shape-start-start: 0;--_container-shape-start-end: 0;--_container-shape-end-end: 0;--_container-shape-end-start: 0;--_container-height: 0;--_container-width: 0;height:var(--_state-layer-height);width:var(--_state-layer-width)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_state-layer-height))/2) max(0px,(48px - var(--_state-layer-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_state-layer-shape);--md-focus-ring-shape-start-end: var(--_state-layer-shape);--md-focus-ring-shape-end-end: var(--_state-layer-shape);--md-focus-ring-shape-end-start: var(--_state-layer-shape)}.standard{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.standard:hover{color:var(--_hover-icon-color)}.standard:focus{color:var(--_focus-icon-color)}.standard:active{color:var(--_pressed-icon-color)}.standard:disabled{color:var(--_disabled-icon-color)}md-ripple{border-radius:var(--_state-layer-shape)}.standard:disabled .icon{opacity:var(--_disabled-icon-opacity)}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}.selected:not(:disabled){color:var(--_selected-icon-color)}.selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}
|
|
2
|
-
`,r=class extends p{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};r.styles=[v,y];r=i([n("md-icon-button")],r);export{r as MdIconButton};
|
package/mvc/vendor/list.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import{_ as P,b as R,d as C,g as k,l as A,y as D}from"./vendor.js";import"./vendor-lit.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,s,n){try{customElements.get(i)||e(i,s,n)}catch(o){var a=String(o||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();function w(t,e=h){const i=p(t,e);return i&&(i.tabIndex=0,i.focus()),i}function x(t,e=h){const i=K(t,e);return i&&(i.tabIndex=0,i.focus()),i}function v(t,e=h){for(let i=0;i<t.length;i++){const s=t[i];if(s.tabIndex===0&&e(s))return{item:s,index:i}}return null}function p(t,e=h){for(const i of t)if(e(i))return i;return null}function K(t,e=h){for(let i=t.length-1;i>=0;i--){const s=t[i];if(e(s))return s}return null}function S(t,e,i=h,s=!0){for(let n=1;n<t.length;n++){const a=(n+e)%t.length;if(a<e&&!s)return null;const o=t[a];if(i(o))return o}return t[e]?t[e]:null}function O(t,e,i=h,s=!0){for(let n=1;n<t.length;n++){const a=(e-n+t.length)%t.length;if(a>e&&!s)return null;const o=t[a];if(i(o))return o}return t[e]?t[e]:null}function b(t,e,i=h,s=!0){if(e){const n=S(t,e.index,i,s);return n&&(n.tabIndex=0,n.focus()),n}else return w(t,i)}function g(t,e,i=h,s=!0){if(e){const n=O(t,e.index,i,s);return n&&(n.tabIndex=0,n.focus()),n}else return x(t,i)}function h(t){return!t.disabled}var f={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",Home:"Home",End:"End"},$=class{constructor(t){this.handleKeydown=l=>{const r=l.key;if(l.defaultPrevented||!this.isNavigableKey(r))return;const u=this.items;if(!u.length)return;const c=v(u,this.isActivatable);l.preventDefault();const I=this.isRtl(),E=I?f.ArrowRight:f.ArrowLeft,L=I?f.ArrowLeft:f.ArrowRight;let m=null;switch(r){case f.ArrowDown:case L:m=b(u,c,this.isActivatable,this.wrapNavigation());break;case f.ArrowUp:case E:m=g(u,c,this.isActivatable,this.wrapNavigation());break;case f.Home:m=w(u,this.isActivatable);break;case f.End:m=x(u,this.isActivatable);break;default:break}m&&c&&c.item!==m&&(c.item.tabIndex=-1)},this.onDeactivateItems=()=>{const l=this.items;for(const r of l)this.deactivateItem(r)},this.onRequestActivation=l=>{this.onDeactivateItems();const r=l.target;this.activateItem(r),r.focus()},this.onSlotchange=()=>{const l=this.items;let r=!1;for(const c of l){if(!c.disabled&&c.tabIndex>-1&&!r){r=!0,c.tabIndex=0;continue}c.tabIndex=-1}if(r)return;const u=p(l,this.isActivatable);u&&(u.tabIndex=0)};const{isItem:e,getPossibleItems:i,isRtl:s,deactivateItem:n,activateItem:a,isNavigableKey:o,isActivatable:N,wrapNavigation:_}=t;this.isItem=e,this.getPossibleItems=i,this.isRtl=s,this.deactivateItem=n,this.activateItem=a,this.isNavigableKey=o,this.isActivatable=N,this.wrapNavigation=_??(()=>!0)}get items(){const t=this.getPossibleItems(),e=[];for(const i of t){if(this.isItem(i)){e.push(i);continue}const s=i.item;s&&this.isItem(s)&&e.push(s)}return e}activateNextItem(){const t=this.items,e=v(t,this.isActivatable);return e&&(e.item.tabIndex=-1),b(t,e,this.isActivatable,this.wrapNavigation())}activatePreviousItem(){const t=this.items,e=v(t,this.isActivatable);return e&&(e.item.tabIndex=-1),g(t,e,this.isActivatable,this.wrapNavigation())}},q=new Set(Object.values(f)),y=class extends P{get items(){return this.listController.items}constructor(){super(),this.listController=new $({isItem:t=>t.hasAttribute("md-list-item"),getPossibleItems:()=>this.slotItems,isRtl:()=>getComputedStyle(this).direction==="rtl",deactivateItem:t=>{t.tabIndex=-1},activateItem:t=>{t.tabIndex=0},isNavigableKey:t=>q.has(t),isActivatable:t=>!t.disabled&&t.type!=="text"}),this.internals=this.attachInternals(),this.internals.role="list",this.addEventListener("keydown",this.listController.handleKeydown)}render(){return D`
|
|
2
|
-
<slot
|
|
3
|
-
@deactivate-items=${this.listController.onDeactivateItems}
|
|
4
|
-
@request-activation=${this.listController.onRequestActivation}
|
|
5
|
-
@slotchange=${this.listController.onSlotchange}>
|
|
6
|
-
</slot>
|
|
7
|
-
`}activateNextItem(){return this.listController.activateNextItem()}activatePreviousItem(){return this.listController.activatePreviousItem()}};A([C({flatten:!0})],y.prototype,"slotItems",void 0);var H=R`:host{background:var(--md-list-container-color, var(--md-sys-color-surface, #fef7ff));color:unset;display:flex;flex-direction:column;outline:none;padding:8px 0;position:relative}
|
|
8
|
-
`,d=class extends y{};d.styles=[H];d=A([k("md-list")],d);export{d as MdList};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{b as i,g as l,l as s}from"./vendor.js";import"./vendor-lit.js";import{n as u,t as v}from"./shared-styles2.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(e,d,a){try{customElements.get(e)||c(e,d,a)}catch(n){var t=String(n||"");if(t.indexOf("already been used")===-1&&t.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var b=i`:host{--_container-height: var(--md-outlined-icon-button-container-height, 40px);--_container-width: var(--md-outlined-icon-button-container-width, 40px);--_disabled-icon-color: var(--md-outlined-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-icon-button-disabled-icon-opacity, 0.38);--_disabled-selected-container-color: var(--md-outlined-icon-button-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-outlined-icon-button-disabled-selected-container-opacity, 0.12);--_hover-state-layer-opacity: var(--md-outlined-icon-button-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-outlined-icon-button-icon-size, 24px);--_pressed-state-layer-opacity: var(--md-outlined-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface, #322f35));--_selected-focus-icon-color: var(--md-outlined-icon-button-selected-focus-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-hover-icon-color: var(--md-outlined-icon-button-selected-hover-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-hover-state-layer-color: var(--md-outlined-icon-button-selected-hover-state-layer-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-icon-color: var(--md-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-pressed-icon-color: var(--md-outlined-icon-button-selected-pressed-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-pressed-state-layer-color: var(--md-outlined-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_disabled-outline-color: var(--md-outlined-icon-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-icon-button-disabled-outline-opacity, 0.12);--_focus-icon-color: var(--md-outlined-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-outlined-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-outlined-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_icon-color: var(--md-outlined-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-outlined-icon-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-icon-button-outline-width, 1px);--_pressed-icon-color: var(--md-outlined-icon-button-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-outlined-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-outlined-icon-button-container-shape-start-start, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-icon-button-container-shape-start-end, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-icon-button-container-shape-end-end, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-icon-button-container-shape-end-start, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.outlined{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.outlined::before{border-color:var(--_outline-color);border-width:var(--_outline-width)}.outlined:hover{color:var(--_hover-icon-color)}.outlined:focus{color:var(--_focus-icon-color)}.outlined:active{color:var(--_pressed-icon-color)}.outlined:disabled{color:var(--_disabled-icon-color)}.outlined:disabled::before{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}.outlined:disabled .icon{opacity:var(--_disabled-icon-opacity)}.outlined::before{block-size:100%;border-style:solid;border-radius:inherit;box-sizing:border-box;content:"";inline-size:100%;inset:0;pointer-events:none;position:absolute;z-index:-1}.outlined.selected::before{border-width:0}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.selected:not(:disabled){color:var(--_selected-icon-color)}.selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}.selected:not(:disabled)::before{background-color:var(--_selected-container-color)}.selected:disabled::before{background-color:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}@media(forced-colors: active){:host([disabled]){--_disabled-outline-opacity: 1}.selected::before{border-color:CanvasText;border-width:var(--_outline-width)}.selected:disabled::before{border-color:GrayText;opacity:1}}
|
|
2
|
-
`,r=class extends u{getRenderClasses(){return{...super.getRenderClasses(),outlined:!0}}};r.styles=[v,b];r=s([l("md-outlined-icon-button")],r);export{r as MdOutlinedIconButton};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import{_ as b,b as g,c as m,h as s,l as i,m as v,n as _,t as p,v as r,y as n}from"./vendor.js";import"./vendor-lit.js";import"./md-focus-ring.js";import"./ripple.js";import{t as y}from"./delegate.js";import{n as x,t as u}from"./element-internals.js";import{t as $}from"./form-submitter.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(o,c,h){try{customElements.get(o)||a(o,c,h)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();function f(t,a=!0){return a&&getComputedStyle(t).getPropertyValue("direction").trim()==="rtl"}var I=x(b),e=class extends I{constructor(){super(...arguments),this.disabled=!1,this.flipIconInRtl=!1,this.href="",this.target="",this.ariaLabelSelected="",this.toggle=!1,this.selected=!1,this.type="submit",this.value="",this.flipIcon=f(this,this.flipIconInRtl)}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get form(){return this[u].form}get labels(){return this[u].labels}willUpdate(){this.href&&(this.disabled=!1)}render(){const t=this.href?p`div`:p`button`,{ariaLabel:a,ariaHasPopup:o,ariaExpanded:c}=this,h=a&&this.ariaLabelSelected,l=this.toggle?this.selected:r;let d=r;return this.href||(d=h&&this.selected?this.ariaLabelSelected:a),_`<${t}
|
|
2
|
-
class="icon-button ${m(this.getRenderClasses())}"
|
|
3
|
-
id="button"
|
|
4
|
-
aria-label="${d||r}"
|
|
5
|
-
aria-haspopup="${!this.href&&o||r}"
|
|
6
|
-
aria-expanded="${!this.href&&c||r}"
|
|
7
|
-
aria-pressed="${l}"
|
|
8
|
-
?disabled="${!this.href&&this.disabled}"
|
|
9
|
-
@click="${this.handleClick}">
|
|
10
|
-
${this.renderFocusRing()}
|
|
11
|
-
${this.renderRipple()}
|
|
12
|
-
${this.selected?r:this.renderIcon()}
|
|
13
|
-
${this.selected?this.renderSelectedIcon():r}
|
|
14
|
-
${this.renderTouchTarget()}
|
|
15
|
-
${this.href&&this.renderLink()}
|
|
16
|
-
</${t}>`}renderLink(){const{ariaLabel:t}=this;return n`
|
|
17
|
-
<a
|
|
18
|
-
class="link"
|
|
19
|
-
id="link"
|
|
20
|
-
href="${this.href}"
|
|
21
|
-
target="${this.target||r}"
|
|
22
|
-
aria-label="${t||r}"></a>
|
|
23
|
-
`}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return n`<span class="icon"><slot></slot></span>`}renderSelectedIcon(){return n`<span class="icon icon--selected"
|
|
24
|
-
><slot name="selected"><slot></slot></slot
|
|
25
|
-
></span>`}renderTouchTarget(){return n`<span class="touch"></span>`}renderFocusRing(){return n`<md-focus-ring
|
|
26
|
-
part="focus-ring"
|
|
27
|
-
for=${this.href?"link":"button"}></md-focus-ring>`}renderRipple(){return n`<md-ripple
|
|
28
|
-
for=${this.href?"link":r}
|
|
29
|
-
?disabled="${!this.href&&this.disabled}"></md-ripple>`}connectedCallback(){this.flipIcon=f(this,this.flipIconInRtl),super.connectedCallback()}async handleClick(t){await 0,!(!this.toggle||this.disabled||t.defaultPrevented)&&(this.selected=!this.selected,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))}};y(e),$(e);e.formAssociated=!0;e.shadowRootOptions={mode:"open",delegatesFocus:!0};i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);i([s({type:Boolean,attribute:"flip-icon-in-rtl"})],e.prototype,"flipIconInRtl",void 0);i([s()],e.prototype,"href",void 0);i([s()],e.prototype,"target",void 0);i([s({attribute:"aria-label-selected"})],e.prototype,"ariaLabelSelected",void 0);i([s({type:Boolean})],e.prototype,"toggle",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"selected",void 0);i([s()],e.prototype,"type",void 0);i([s({reflect:!0})],e.prototype,"value",void 0);i([v()],e.prototype,"flipIcon",void 0);var z=g`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--_container-height);width:var(--_container-width);justify-content:center}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) max(0px,(48px - var(--_container-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){pointer-events:none}.icon-button{place-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:flex;place-content:center;outline:none;padding:0;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.icon ::slotted(*){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size);font-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.flip-icon .icon{transform:scaleX(-1)}.icon{display:inline-flex}.link{height:100%;outline:none;position:absolute;width:100%}.touch{position:absolute;height:max(48px,100%);width:max(48px,100%)}:host([touch-target=none]) .touch{display:none}@media(forced-colors: active){:host([disabled]){--_disabled-icon-opacity: 1}}
|
|
30
|
-
`;export{e as n,z as t};
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
export * from './scb-accordion/scb-accordion-item';
|
|
2
|
-
export * from './scb-accordion/scb-accordion';
|
|
3
|
-
export * from './scb-action-card/scb-action-card';
|
|
4
|
-
export * from './scb-app-bar/scb-app-bar';
|
|
5
|
-
export * from './scb-avatar/scb-avatar';
|
|
6
|
-
export * from './scb-badge/scb-badge';
|
|
7
|
-
export * from './scb-breadcrumb/scb-breadcrumb-item';
|
|
8
|
-
export * from './scb-breadcrumb/scb-breadcrumb';
|
|
9
|
-
export * from './scb-button/scb-button';
|
|
10
|
-
export * from './scb-calendar/scb-calendar-event';
|
|
11
|
-
export * from './scb-calendar/scb-calendar';
|
|
12
|
-
export * from './scb-calendar-card/scb-calendar-card';
|
|
13
|
-
export * from './scb-card/scb-action-card';
|
|
14
|
-
export * from './scb-card/scb-card';
|
|
15
|
-
export * from './scb-card/scb-container-card';
|
|
16
|
-
export * from './scb-card/scb-link-card';
|
|
17
|
-
export * from './scb-card/scb-list-card';
|
|
18
|
-
export * from './scb-card/scb-social-card';
|
|
19
|
-
export * from './scb-checkbox/scb-checkbox-group';
|
|
20
|
-
export * from './scb-checkbox/scb-checkbox';
|
|
21
|
-
export * from './scb-chevron/scb-chevron';
|
|
22
|
-
export * from './scb-chip/scb-chip';
|
|
23
|
-
export * from './scb-collapse/scb-collapse';
|
|
24
|
-
export * from './scb-container-card/scb-container-card';
|
|
25
|
-
export * from './scb-cookies-consent/scb-cookies-consent';
|
|
26
|
-
export * from './scb-datepicker/scb-datepicker';
|
|
27
|
-
export * from './scb-dialog/scb-dialog';
|
|
28
|
-
export * from './scb-divider/scb-divider';
|
|
29
|
-
export * from './scb-drawer/scb-drawer';
|
|
30
|
-
export * from './scb-drop-zone/scb-drop-zone';
|
|
31
|
-
export * from './scb-dropdown/scb-dropdown';
|
|
32
|
-
export * from './scb-fab/scb-fab';
|
|
33
|
-
export * from './scb-fact-card/scb-fact-card-content';
|
|
34
|
-
export * from './scb-fact-card/scb-fact-card';
|
|
35
|
-
export * from './scb-footer/scb-footer-section';
|
|
36
|
-
export * from './scb-footer/scb-footer';
|
|
37
|
-
export * from './scb-gallery-grid/scb-gallery-grid';
|
|
38
|
-
export * from './scb-grid/scb-grid-item';
|
|
39
|
-
export * from './scb-grid/scb-grid';
|
|
40
|
-
export * from './scb-grid/scb-stack';
|
|
41
|
-
export * from './scb-header/scb-header-menu-group';
|
|
42
|
-
export * from './scb-header/scb-header-menu-item';
|
|
43
|
-
export * from './scb-header/scb-header-tab';
|
|
44
|
-
export * from './scb-header/scb-header-utility';
|
|
45
|
-
export * from './scb-header/scb-header';
|
|
46
|
-
export * from './scb-horizontal-scroller/scb-horizontal-scroller';
|
|
47
|
-
export * from './scb-icon-button/scb-icon-button';
|
|
48
|
-
export * from './scb-keyfigure-card/scb-keyfigure-card';
|
|
49
|
-
export * from './scb-link/scb-link';
|
|
50
|
-
export * from './scb-link-card/scb-link-card';
|
|
51
|
-
export * from './scb-list/scb-list-item';
|
|
52
|
-
export * from './scb-list/scb-list';
|
|
53
|
-
export * from './scb-list-card/scb-list-card';
|
|
54
|
-
export * from './scb-menu/scb-menu-item';
|
|
55
|
-
export * from './scb-menu/scb-menu-section';
|
|
56
|
-
export * from './scb-menu/scb-menu';
|
|
57
|
-
export * from './scb-menu/scb-sub-menu';
|
|
58
|
-
export * from './scb-nav/scb-nav-item';
|
|
59
|
-
export * from './scb-nav/scb-nav';
|
|
60
|
-
export * from './scb-notification-card/scb-notification-card';
|
|
61
|
-
export * from './scb-options-menu/scb-options-menu-item';
|
|
62
|
-
export * from './scb-options-menu/scb-options-menu';
|
|
63
|
-
export * from './scb-options-menu/scb-options-sub-menu';
|
|
64
|
-
export * from './scb-overlay/scb-overlay';
|
|
65
|
-
export * from './scb-pagination/scb-pagination';
|
|
66
|
-
export * from './scb-progress-indicator/scb-progress-indicator';
|
|
67
|
-
export * from './scb-progress-stepper/scb-progress-step';
|
|
68
|
-
export * from './scb-progress-stepper/scb-progress-stepper';
|
|
69
|
-
export * from './scb-radio-button/scb-radio-button';
|
|
70
|
-
export * from './scb-radio-button/scb-radio-group';
|
|
71
|
-
export * from './scb-scrollspy/scb-scrollspy';
|
|
72
|
-
export * from './scb-search/scb-search';
|
|
73
|
-
export * from './scb-segmented-button/scb-segmented-button';
|
|
74
|
-
export * from './scb-segmented-button/scb-segmented-item';
|
|
75
|
-
export * from './scb-select/scb-select-option';
|
|
76
|
-
export * from './scb-select/scb-select';
|
|
77
|
-
export * from './scb-skeleton/scb-skeleton';
|
|
78
|
-
export * from './scb-slider/scb-slider';
|
|
79
|
-
export * from './scb-snackbar/scb-snackbar';
|
|
80
|
-
export * from './scb-social-card/scb-social-card';
|
|
81
|
-
export * from './scb-status-pill/scb-status-pill';
|
|
82
|
-
export * from './scb-stepper/scb-step';
|
|
83
|
-
export * from './scb-stepper/scb-stepper';
|
|
84
|
-
export * from './scb-switch/scb-switch';
|
|
85
|
-
export * from './scb-table/scb-table';
|
|
86
|
-
export * from './scb-table-advanced/scb-table-advanced';
|
|
87
|
-
export * from './scb-tabs/scb-primary-tab';
|
|
88
|
-
export * from './scb-tabs/scb-secondary-tab';
|
|
89
|
-
export * from './scb-tabs/scb-tabs';
|
|
90
|
-
export * from './scb-textfield/scb-textfield';
|
|
91
|
-
export * from './scb-toc/scb-toc-item';
|
|
92
|
-
export * from './scb-toc/scb-toc';
|
|
93
|
-
export * from './scb-tooltip/scb-tooltip';
|
|
94
|
-
export * from './scb-viz/scb-viz-actions-runtime';
|
|
95
|
-
export * from './scb-viz/scb-viz-print-runtime';
|
|
96
|
-
export * from './scb-viz/scb-viz-series-differentiation-registry';
|
|
97
|
-
export * from './scb-viz/scb-viz-series-differentiation-runtime';
|
|
98
|
-
export * from './scb-viz/scb-viz-table-runtime';
|
|
99
|
-
export * from './scb-viz/scb-viz';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
export declare class ScbChevron extends LitElement {
|
|
3
|
-
open: boolean;
|
|
4
|
-
static styles: import('lit').CSSResult;
|
|
5
|
-
render(): import('lit-html').TemplateResult<1>;
|
|
6
|
-
}
|
|
7
|
-
declare global {
|
|
8
|
-
interface HTMLElementTagNameMap {
|
|
9
|
-
'scb-chevron': ScbChevron;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { LitElement, PropertyValues, TemplateResult } from 'lit';
|
|
2
|
-
export declare class ScbDatepicker extends LitElement {
|
|
3
|
-
private _currentDate;
|
|
4
|
-
private _selectedDate;
|
|
5
|
-
private _showMonthDropdown;
|
|
6
|
-
private _showYearDropdown;
|
|
7
|
-
variant: 'datetime-local' | 'date';
|
|
8
|
-
lang: 'sv' | 'en';
|
|
9
|
-
selectedValue: string;
|
|
10
|
-
open: boolean;
|
|
11
|
-
private _selectedHour;
|
|
12
|
-
private _selectedMinute;
|
|
13
|
-
private readonly _viewportMargin;
|
|
14
|
-
private readonly _popupOffset;
|
|
15
|
-
private _onWindowReposition;
|
|
16
|
-
private _isRenderedInsideDialog;
|
|
17
|
-
private _positionPopupWithinViewport;
|
|
18
|
-
static styles: import('lit').CSSResult[];
|
|
19
|
-
updated(changed: PropertyValues): void;
|
|
20
|
-
disconnectedCallback(): void;
|
|
21
|
-
private _monthNames;
|
|
22
|
-
render(): TemplateResult;
|
|
23
|
-
private _getMonthDays;
|
|
24
|
-
private _outsideClickHandler;
|
|
25
|
-
private _toggleMonthDropdown;
|
|
26
|
-
private _toggleYearDropdown;
|
|
27
|
-
private _onMonthChangeCustom;
|
|
28
|
-
private _onYearChangeCustom;
|
|
29
|
-
private _prevMonth;
|
|
30
|
-
private _prevYear;
|
|
31
|
-
private _nextMonth;
|
|
32
|
-
private _nextYear;
|
|
33
|
-
private _isToday;
|
|
34
|
-
private _isSelected;
|
|
35
|
-
private _selectDate;
|
|
36
|
-
private _fireDateTimeChange;
|
|
37
|
-
private _onTimeChange;
|
|
38
|
-
private _close;
|
|
39
|
-
}
|