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.
Files changed (180) hide show
  1. package/README.md +41 -22
  2. package/all.js +0 -2
  3. package/index.js +88 -90
  4. package/mvc/components/all.js +0 -2
  5. package/mvc/components/scb-accordion/scb-accordion-item.js +3 -173
  6. package/mvc/components/scb-accordion/scb-accordion.js +4 -33
  7. package/mvc/components/scb-app-bar/scb-app-bar.js +2 -110
  8. package/mvc/components/scb-avatar/scb-avatar.js +2 -94
  9. package/mvc/components/scb-badge/scb-badge.js +2 -72
  10. package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +2 -12
  11. package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +4 -91
  12. package/mvc/components/scb-button/scb-button.js +47 -309
  13. package/mvc/components/scb-calendar/scb-calendar-event.js +2 -6
  14. package/mvc/components/scb-calendar/scb-calendar.js +6 -120
  15. package/mvc/components/scb-calendar-card/scb-calendar-card.js +21 -350
  16. package/mvc/components/scb-card/scb-card.js +54 -819
  17. package/mvc/components/scb-checkbox/scb-checkbox-group.js +3 -31
  18. package/mvc/components/scb-checkbox/scb-checkbox.js +5 -127
  19. package/mvc/components/scb-chip/scb-chip.js +2 -76
  20. package/mvc/components/scb-collapse/scb-collapse.js +2 -44
  21. package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +7 -73
  22. package/mvc/components/scb-dialog/scb-dialog.js +2 -213
  23. package/mvc/components/scb-divider/scb-divider.js +1 -69
  24. package/mvc/components/scb-drawer/scb-drawer.js +6 -102
  25. package/mvc/components/scb-drop-zone/scb-drop-zone.js +2 -410
  26. package/mvc/components/scb-dropdown/scb-dropdown.js +17 -222
  27. package/mvc/components/scb-fab/scb-fab.js +7 -95
  28. package/mvc/components/scb-fact-card/scb-fact-card-content.js +2 -69
  29. package/mvc/components/scb-fact-card/scb-fact-card.js +2 -214
  30. package/mvc/components/scb-footer/scb-footer-section.js +1 -3
  31. package/mvc/components/scb-footer/scb-footer.js +3 -172
  32. package/mvc/components/scb-gallery-grid/scb-gallery-grid.js +2 -112
  33. package/mvc/components/scb-grid/scb-grid-item.js +1 -32
  34. package/mvc/components/scb-grid/scb-grid.js +1 -99
  35. package/mvc/components/scb-grid/scb-stack.js +1 -33
  36. package/mvc/components/scb-header/scb-header-menu-item.js +1 -5
  37. package/mvc/components/scb-header/scb-header-tab.js +1 -5
  38. package/mvc/components/scb-header/scb-header.js +75 -888
  39. package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +43 -168
  40. package/mvc/components/scb-icon-button/scb-icon-button.js +59 -171
  41. package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +17 -218
  42. package/mvc/components/scb-link/scb-link.js +4 -55
  43. package/mvc/components/scb-list/scb-list-item.js +23 -126
  44. package/mvc/components/scb-list/scb-list.js +5 -26
  45. package/mvc/components/scb-menu/scb-menu-item.js +16 -190
  46. package/mvc/components/scb-menu/scb-menu-section.js +4 -36
  47. package/mvc/components/scb-menu/scb-menu.js +5 -69
  48. package/mvc/components/scb-menu/scb-sub-menu.js +2 -7
  49. package/mvc/components/scb-nav/scb-nav-item.js +1 -28
  50. package/mvc/components/scb-nav/scb-nav.js +5 -98
  51. package/mvc/components/scb-notification-card/scb-notification-card.js +7 -364
  52. package/mvc/components/scb-options-menu/scb-options-menu-item.js +3 -50
  53. package/mvc/components/scb-options-menu/scb-options-menu.js +2 -82
  54. package/mvc/components/scb-options-menu/scb-options-sub-menu.js +2 -31
  55. package/mvc/components/scb-overlay/scb-overlay.js +3 -43
  56. package/mvc/components/scb-pagination/scb-pagination.js +19 -221
  57. package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +2 -67
  58. package/mvc/components/scb-progress-stepper/scb-progress-step.js +4 -121
  59. package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +2 -56
  60. package/mvc/components/scb-radio-button/scb-radio-button.js +5 -116
  61. package/mvc/components/scb-radio-button/scb-radio-group.js +2 -32
  62. package/mvc/components/scb-scrollspy/scb-scrollspy.js +2 -61
  63. package/mvc/components/scb-search/scb-search.js +5 -249
  64. package/mvc/components/scb-segmented-button/scb-segmented-button.js +1 -32
  65. package/mvc/components/scb-segmented-button/scb-segmented-item.js +2 -70
  66. package/mvc/components/scb-select/scb-select-option.js +2 -54
  67. package/mvc/components/scb-select/scb-select.js +4 -244
  68. package/mvc/components/scb-skeleton/scb-skeleton.js +2 -35
  69. package/mvc/components/scb-slider/scb-slider.js +5 -9
  70. package/mvc/components/scb-snackbar/scb-snackbar.js +9 -84
  71. package/mvc/components/scb-status-pill/scb-status-pill.js +2 -43
  72. package/mvc/components/scb-stepper/scb-step.js +8 -186
  73. package/mvc/components/scb-stepper/scb-stepper.js +2 -130
  74. package/mvc/components/scb-switch/scb-switch.js +4 -49
  75. package/mvc/components/scb-table/scb-table.js +2 -48
  76. package/mvc/components/scb-table-advanced/scb-table-advanced.js +2 -53
  77. package/mvc/components/scb-tabs/scb-primary-tab.js +2 -7
  78. package/mvc/components/scb-tabs/scb-secondary-tab.js +2 -7
  79. package/mvc/components/scb-tabs/scb-tabs.js +4 -31
  80. package/mvc/components/scb-textfield/scb-textfield.js +142 -388
  81. package/mvc/components/scb-toc/scb-toc-item.js +3 -251
  82. package/mvc/components/scb-toc/scb-toc.js +2 -16
  83. package/mvc/components/scb-tooltip/scb-tooltip.js +8 -155
  84. package/mvc/components/scb-viz/scb-viz.js +4 -619
  85. package/mvc/scb-wc-core.css +1 -1
  86. package/mvc/scb-wc-selfhost.css +1 -1
  87. package/mvc/scb-wc.css +1 -1
  88. package/mvc/vendor/assist-chip.js +3 -3
  89. package/mvc/vendor/chip-set.js +1 -1
  90. package/mvc/vendor/chip.js +2 -2
  91. package/mvc/vendor/elevation.js +2 -2
  92. package/mvc/vendor/filter-chip.js +1 -1
  93. package/mvc/vendor/focusable.js +1 -1
  94. package/mvc/vendor/form-associated.js +1 -1
  95. package/mvc/vendor/icon.js +2 -2
  96. package/mvc/vendor/lazy-focus-ring.js +2 -0
  97. package/mvc/vendor/lazy-ripple.js +2 -0
  98. package/mvc/vendor/md-focus-ring.js +2 -2
  99. package/mvc/vendor/ripple.js +2 -2
  100. package/mvc/vendor/scb-card-variants.internal.js +284 -0
  101. package/mvc/vendor/scb-chevron.js +10 -0
  102. package/mvc/vendor/scb-header-drawer.internal.js +71 -0
  103. package/mvc/vendor/shared-styles.js +1 -1
  104. package/mvc/vendor/tab-styles.js +3 -3
  105. package/mvc/vendor/validator.js +1 -1
  106. package/mvc/vendor/vendor.js +3 -4
  107. package/package.json +2 -2
  108. package/scb-accordion/scb-accordion-item.js +33 -32
  109. package/scb-app-bar/scb-app-bar.js +1 -1
  110. package/scb-button/scb-button.js +287 -259
  111. package/scb-calendar/scb-calendar.js +49 -49
  112. package/scb-calendar-card/scb-calendar-card.js +105 -59
  113. package/scb-card/scb-card-variants.internal.js +230 -0
  114. package/scb-card/scb-card.js +387 -528
  115. package/scb-checkbox/scb-checkbox.js +0 -1
  116. package/scb-chevron/scb-chevron.js +0 -1
  117. package/scb-components/scb-button/scb-button.d.ts +14 -2
  118. package/scb-components/scb-calendar/scb-calendar.d.ts +1 -0
  119. package/scb-components/scb-calendar-card/scb-calendar-card.d.ts +16 -4
  120. package/scb-components/scb-card/scb-card-variants.internal.d.ts +15 -0
  121. package/scb-components/scb-card/scb-card.d.ts +26 -9
  122. package/scb-components/scb-cookies-consent/scb-cookies-consent.d.ts +3 -0
  123. package/scb-components/scb-header/scb-header-drawer.internal.d.ts +31 -0
  124. package/scb-components/scb-header/scb-header.d.ts +1 -2
  125. package/scb-components/scb-horizontal-scroller/scb-horizontal-scroller.d.ts +6 -1
  126. package/scb-components/scb-icon-button/scb-icon-button.d.ts +28 -29
  127. package/scb-components/scb-keyfigure-card/scb-keyfigure-card.d.ts +13 -4
  128. package/scb-components/scb-list/scb-list-item.d.ts +20 -2
  129. package/scb-components/scb-list/scb-list.d.ts +1 -2
  130. package/scb-components/scb-nav/scb-nav.d.ts +2 -0
  131. package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +1 -0
  132. package/scb-components/scb-select/scb-select-option.d.ts +2 -0
  133. package/scb-components/scb-toc/scb-toc-item.d.ts +1 -0
  134. package/scb-components/scb-tooltip/scb-tooltip.d.ts +2 -0
  135. package/scb-cookies-consent/scb-cookies-consent.js +43 -31
  136. package/scb-datepicker/scb-datepicker.js +27 -25
  137. package/scb-dialog/scb-dialog.js +1 -1
  138. package/scb-dropdown/scb-dropdown.js +29 -28
  139. package/scb-header/scb-header-drawer.internal.js +78 -0
  140. package/scb-header/scb-header.js +41 -89
  141. package/scb-horizontal-scroller/scb-horizontal-scroller.js +181 -88
  142. package/scb-icon-button/scb-icon-button.js +293 -205
  143. package/scb-keyfigure-card/scb-keyfigure-card.js +96 -43
  144. package/scb-list/scb-list-item.js +117 -52
  145. package/scb-list/scb-list.js +9 -9
  146. package/scb-nav/scb-nav.js +26 -23
  147. package/scb-notification-card/scb-notification-card.js +0 -2
  148. package/scb-options-menu/scb-options-menu-item.js +20 -20
  149. package/scb-pagination/scb-pagination.js +0 -1
  150. package/scb-progress-stepper/scb-progress-step.js +19 -17
  151. package/scb-radio-button/scb-radio-button.js +0 -1
  152. package/scb-search/scb-search.js +29 -28
  153. package/scb-segmented-button/scb-segmented-item.js +22 -19
  154. package/scb-select/scb-select-option.js +20 -14
  155. package/scb-select/scb-select.js +26 -26
  156. package/scb-stepper/scb-step.js +34 -31
  157. package/scb-textfield/scb-textfield.js +39 -39
  158. package/scb-toc/scb-toc-item.js +26 -26
  159. package/scb-tooltip/scb-tooltip.js +5 -4
  160. package/scb-viz/scb-viz.js +1 -1
  161. package/scb-wc-core.css +1 -1
  162. package/scb-wc-public-entry/index.d.ts +97 -0
  163. package/scb-wc-selfhost.css +1 -1
  164. package/scb-wc.bundle.js +1873 -1476
  165. package/scb-wc.css +1 -1
  166. package/scb-wc.d.ts +194 -198
  167. package/mvc/components/scb-chevron/scb-chevron.js +0 -41
  168. package/mvc/components/scb-datepicker/scb-datepicker.js +0 -296
  169. package/mvc/vendor/element-internals.js +0 -1
  170. package/mvc/vendor/filled-icon-button.js +0 -2
  171. package/mvc/vendor/filled-tonal-icon-button.js +0 -2
  172. package/mvc/vendor/form-label-activation.js +0 -1
  173. package/mvc/vendor/form-submitter.js +0 -1
  174. package/mvc/vendor/icon-button.js +0 -2
  175. package/mvc/vendor/list.js +0 -8
  176. package/mvc/vendor/outlined-icon-button.js +0 -2
  177. package/mvc/vendor/shared-styles2.js +0 -30
  178. package/scb-components/index.d.ts +0 -99
  179. package/scb-components/scb-chevron/scb-chevron.d.ts +0 -11
  180. 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};
@@ -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
- }