scb-wc-test 0.1.112 → 0.1.114

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 (11) hide show
  1. package/all.js +2 -0
  2. package/index.d.ts +1 -0
  3. package/index.js +118 -116
  4. package/mvc/components/all.js +1 -0
  5. package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +51 -0
  6. package/mvc/scb-wc-test.css +1 -1
  7. package/package.json +6 -2
  8. package/scb-cookies-consent/scb-cookies-consent.d.ts +12 -0
  9. package/scb-cookies-consent/scb-cookies-consent.js +97 -0
  10. package/scb-wc-test.bundle.js +368 -318
  11. package/scb-wc-test.css +1 -1
package/all.js CHANGED
@@ -15,6 +15,7 @@ import './mvc/components/scb-card/scb-card.js';
15
15
  import './mvc/components/scb-checkbox/scb-checkbox-group.js';
16
16
  import './mvc/components/scb-checkbox/scb-checkbox.js';
17
17
  import './mvc/components/scb-chip/scb-chip.js';
18
+ import './mvc/components/scb-cookies-consent/scb-cookies-consent.js';
18
19
  import './mvc/components/scb-datepicker/scb-datepicker.js';
19
20
  import './mvc/components/scb-dialog/scb-dialog.js';
20
21
  import './mvc/components/scb-divider/scb-divider.js';
@@ -87,6 +88,7 @@ import './scb-card/scb-card.js';
87
88
  import './scb-checkbox/scb-checkbox-group.js';
88
89
  import './scb-checkbox/scb-checkbox.js';
89
90
  import './scb-chip/scb-chip.js';
91
+ import './scb-cookies-consent/scb-cookies-consent.js';
90
92
  import './scb-datepicker/scb-datepicker.js';
91
93
  import './scb-dialog/scb-dialog.js';
92
94
  import './scb-divider/scb-divider.js';
package/index.d.ts CHANGED
@@ -11,6 +11,7 @@ export * from './scb-card/scb-card';
11
11
  export * from './scb-checkbox/scb-checkbox-group';
12
12
  export * from './scb-checkbox/scb-checkbox';
13
13
  export * from './scb-chip/scb-chip';
14
+ export * from './scb-cookies-consent/scb-cookies-consent';
14
15
  export * from './scb-datepicker/scb-datepicker';
15
16
  export * from './scb-dialog/scb-dialog';
16
17
  export * from './scb-divider/scb-divider';
package/index.js CHANGED
@@ -4,133 +4,135 @@ import { ScbAppBar as p } from "./scb-app-bar/scb-app-bar.js";
4
4
  import { ScbAvatar as b } from "./scb-avatar/scb-avatar.js";
5
5
  import { ScbBadge as f } from "./scb-badge/scb-badge.js";
6
6
  import { SCBBreadcrumbItem as i } from "./scb-breadcrumb/scb-breadcrumb-item.js";
7
- import { SCBBreadcrumb as n } from "./scb-breadcrumb/scb-breadcrumb.js";
8
- import { ScbButton as l } from "./scb-button/scb-button.js";
9
- import { ScbCalendarCard as I } from "./scb-calendar-card/scb-calendar-card.js";
7
+ import { SCBBreadcrumb as d } from "./scb-breadcrumb/scb-breadcrumb.js";
8
+ import { ScbButton as C } from "./scb-button/scb-button.js";
9
+ import { ScbCalendarCard as s } from "./scb-calendar-card/scb-calendar-card.js";
10
10
  import { ScbCard as B } from "./scb-card/scb-card.js";
11
11
  import { ScbCheckboxGroup as D } from "./scb-checkbox/scb-checkbox-group.js";
12
- import { ScbCheckbox as k } from "./scb-checkbox/scb-checkbox.js";
12
+ import { ScbCheckbox as T } from "./scb-checkbox/scb-checkbox.js";
13
13
  import { ScbChip as F } from "./scb-chip/scb-chip.js";
14
- import { ScbDatepicker as P } from "./scb-datepicker/scb-datepicker.js";
15
- import { ScbDialog as G } from "./scb-dialog/scb-dialog.js";
16
- import { ScbDivider as A } from "./scb-divider/scb-divider.js";
17
- import { ScbDrawerItem as M } from "./scb-drawer/scb-drawer-item.js";
18
- import { ScbDrawerSection as z } from "./scb-drawer/scb-drawer-section.js";
19
- import { ScbDrawer as K } from "./scb-drawer/scb-drawer.js";
20
- import { ScbSubDrawer as O } from "./scb-drawer/scb-sub-drawer.js";
21
- import { ScbFactCardContent as V } from "./scb-fact-card/scb-fact-card-content.js";
22
- import { ScbFactCard as q } from "./scb-fact-card/scb-fact-card.js";
23
- import { ScbFooterSection as J } from "./scb-footer/scb-footer-section.js";
24
- import { ScbFooter as W } from "./scb-footer/scb-footer.js";
25
- import { ScbGridItem as Y } from "./scb-grid/scb-grid-item.js";
26
- import { ScbGrid as _ } from "./scb-grid/scb-grid.js";
27
- import { ScbStack as rr } from "./scb-grid/scb-stack.js";
28
- import { ScbHeaderDrawerGroup as er } from "./scb-header/scb-header-drawer-group.js";
29
- import { ScbHeaderDrawerItem as cr } from "./scb-header/scb-header-drawer-item.js";
30
- import { ScbHeaderTab as pr } from "./scb-header/scb-header-tab.js";
31
- import { ScbHeaderUtility as br } from "./scb-header/scb-header-utility.js";
32
- import { ScbHeader as fr } from "./scb-header/scb-header.js";
33
- import { ScbHorizontalScroller as ir } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
34
- import { ScbIconButton as nr } from "./scb-icon-button/scb-icon-button.js";
35
- import { ScbKeyFigureCard as lr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
36
- import { ScbLink as Ir } from "./scb-link/scb-link.js";
37
- import { ScbListItem as Br } from "./scb-list/scb-list-item.js";
38
- import { ScbList as Dr } from "./scb-list/scb-list.js";
39
- import { ScbMenuItem as kr } from "./scb-menu/scb-menu-item.js";
40
- import { ScbMenu as Fr } from "./scb-menu/scb-menu.js";
41
- import { ScbSubMenu as Pr } from "./scb-menu/scb-sub-menu.js";
42
- import { ScbNotificationCard as Gr } from "./scb-notification-card/scb-notification-card.js";
43
- import { ScbPagination as Ar } from "./scb-pagination/scb-pagination.js";
44
- import { ScbProgressIndicator as Mr } from "./scb-progress-indicator/scb-progress-indicator.js";
45
- import { ScbProgressStep as zr } from "./scb-progress-stepper/scb-progress-step.js";
46
- import { ScbProgressStepper as Kr } from "./scb-progress-stepper/scb-progress-stepper.js";
47
- import { ScbRadioButton as Or } from "./scb-radio-button/scb-radio-button.js";
48
- import { ScbRadioGroup as Vr } from "./scb-radio-button/scb-radio-group.js";
49
- import { ScbSearch as qr } from "./scb-search/scb-search.js";
50
- import { ScbSegmentedButton as Jr } from "./scb-segmented-button/scb-segmented-button.js";
51
- import { ScbSegmentedItem as Wr } from "./scb-segmented-button/scb-segmented-item.js";
52
- import { ScbSelectOption as Yr } from "./scb-select/scb-select-option.js";
53
- import { ScbSelect as _r } from "./scb-select/scb-select.js";
54
- import { ScbSkeleton as ro } from "./scb-skeleton/scb-skeleton.js";
55
- import { ScbSnackbar as eo } from "./scb-snackbar/scb-snackbar.js";
56
- import { ScbStatusPill as co } from "./scb-status-pill/scb-status-pill.js";
57
- import { ScbStep as po } from "./scb-stepper/scb-step.js";
58
- import { ScbStepper as bo } from "./scb-stepper/scb-stepper.js";
59
- import { ScbSwitch as fo } from "./scb-switch/scb-switch.js";
60
- import { ScbPrimaryTab as io } from "./scb-tabs/scb-primary-tab.js";
61
- import { ScbSecondaryTab as uo } from "./scb-tabs/scb-secondary-tab.js";
62
- import { ScbTabs as Co } from "./scb-tabs/scb-tabs.js";
63
- import { ScbTextField as so } from "./scb-textfield/scb-textfield.js";
64
- import { ScbTocItem as go } from "./scb-toc/scb-toc-item.js";
65
- import { ScbToc as To } from "./scb-toc/scb-toc.js";
66
- import { ScbTooltip as wo } from "./scb-tooltip/scb-tooltip.js";
67
- import { ScbViz as Ho } from "./scb-viz/scb-viz.js";
14
+ import { ScbCookiesConsent as P } from "./scb-cookies-consent/scb-cookies-consent.js";
15
+ import { ScbDatepicker as G } from "./scb-datepicker/scb-datepicker.js";
16
+ import { ScbDialog as A } from "./scb-dialog/scb-dialog.js";
17
+ import { ScbDivider as M } from "./scb-divider/scb-divider.js";
18
+ import { ScbDrawerItem as z } from "./scb-drawer/scb-drawer-item.js";
19
+ import { ScbDrawerSection as K } from "./scb-drawer/scb-drawer-section.js";
20
+ import { ScbDrawer as O } from "./scb-drawer/scb-drawer.js";
21
+ import { ScbSubDrawer as V } from "./scb-drawer/scb-sub-drawer.js";
22
+ import { ScbFactCardContent as q } from "./scb-fact-card/scb-fact-card-content.js";
23
+ import { ScbFactCard as J } from "./scb-fact-card/scb-fact-card.js";
24
+ import { ScbFooterSection as W } from "./scb-footer/scb-footer-section.js";
25
+ import { ScbFooter as Y } from "./scb-footer/scb-footer.js";
26
+ import { ScbGridItem as _ } from "./scb-grid/scb-grid-item.js";
27
+ import { ScbGrid as rr } from "./scb-grid/scb-grid.js";
28
+ import { ScbStack as er } from "./scb-grid/scb-stack.js";
29
+ import { ScbHeaderDrawerGroup as cr } from "./scb-header/scb-header-drawer-group.js";
30
+ import { ScbHeaderDrawerItem as pr } from "./scb-header/scb-header-drawer-item.js";
31
+ import { ScbHeaderTab as br } from "./scb-header/scb-header-tab.js";
32
+ import { ScbHeaderUtility as fr } from "./scb-header/scb-header-utility.js";
33
+ import { ScbHeader as ir } from "./scb-header/scb-header.js";
34
+ import { ScbHorizontalScroller as dr } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
35
+ import { ScbIconButton as Cr } from "./scb-icon-button/scb-icon-button.js";
36
+ import { ScbKeyFigureCard as sr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
37
+ import { ScbLink as Br } from "./scb-link/scb-link.js";
38
+ import { ScbListItem as Dr } from "./scb-list/scb-list-item.js";
39
+ import { ScbList as Tr } from "./scb-list/scb-list.js";
40
+ import { ScbMenuItem as Fr } from "./scb-menu/scb-menu-item.js";
41
+ import { ScbMenu as Pr } from "./scb-menu/scb-menu.js";
42
+ import { ScbSubMenu as Gr } from "./scb-menu/scb-sub-menu.js";
43
+ import { ScbNotificationCard as Ar } from "./scb-notification-card/scb-notification-card.js";
44
+ import { ScbPagination as Mr } from "./scb-pagination/scb-pagination.js";
45
+ import { ScbProgressIndicator as zr } from "./scb-progress-indicator/scb-progress-indicator.js";
46
+ import { ScbProgressStep as Kr } from "./scb-progress-stepper/scb-progress-step.js";
47
+ import { ScbProgressStepper as Or } from "./scb-progress-stepper/scb-progress-stepper.js";
48
+ import { ScbRadioButton as Vr } from "./scb-radio-button/scb-radio-button.js";
49
+ import { ScbRadioGroup as qr } from "./scb-radio-button/scb-radio-group.js";
50
+ import { ScbSearch as Jr } from "./scb-search/scb-search.js";
51
+ import { ScbSegmentedButton as Wr } from "./scb-segmented-button/scb-segmented-button.js";
52
+ import { ScbSegmentedItem as Yr } from "./scb-segmented-button/scb-segmented-item.js";
53
+ import { ScbSelectOption as _r } from "./scb-select/scb-select-option.js";
54
+ import { ScbSelect as ro } from "./scb-select/scb-select.js";
55
+ import { ScbSkeleton as eo } from "./scb-skeleton/scb-skeleton.js";
56
+ import { ScbSnackbar as co } from "./scb-snackbar/scb-snackbar.js";
57
+ import { ScbStatusPill as po } from "./scb-status-pill/scb-status-pill.js";
58
+ import { ScbStep as bo } from "./scb-stepper/scb-step.js";
59
+ import { ScbStepper as fo } from "./scb-stepper/scb-stepper.js";
60
+ import { ScbSwitch as io } from "./scb-switch/scb-switch.js";
61
+ import { ScbPrimaryTab as uo } from "./scb-tabs/scb-primary-tab.js";
62
+ import { ScbSecondaryTab as lo } from "./scb-tabs/scb-secondary-tab.js";
63
+ import { ScbTabs as Io } from "./scb-tabs/scb-tabs.js";
64
+ import { ScbTextField as go } from "./scb-textfield/scb-textfield.js";
65
+ import { ScbTocItem as ko } from "./scb-toc/scb-toc-item.js";
66
+ import { ScbToc as wo } from "./scb-toc/scb-toc.js";
67
+ import { ScbTooltip as Ho } from "./scb-tooltip/scb-tooltip.js";
68
+ import { ScbViz as ho } from "./scb-viz/scb-viz.js";
68
69
  export {
69
- n as SCBBreadcrumb,
70
+ d as SCBBreadcrumb,
70
71
  i as SCBBreadcrumbItem,
71
72
  c as ScbAccordion,
72
73
  e as ScbAccordionItem,
73
74
  p as ScbAppBar,
74
75
  b as ScbAvatar,
75
76
  f as ScbBadge,
76
- l as ScbButton,
77
- I as ScbCalendarCard,
77
+ C as ScbButton,
78
+ s as ScbCalendarCard,
78
79
  B as ScbCard,
79
- k as ScbCheckbox,
80
+ T as ScbCheckbox,
80
81
  D as ScbCheckboxGroup,
81
82
  F as ScbChip,
82
- P as ScbDatepicker,
83
- G as ScbDialog,
84
- A as ScbDivider,
85
- K as ScbDrawer,
86
- M as ScbDrawerItem,
87
- z as ScbDrawerSection,
88
- q as ScbFactCard,
89
- V as ScbFactCardContent,
90
- W as ScbFooter,
91
- J as ScbFooterSection,
92
- _ as ScbGrid,
93
- Y as ScbGridItem,
94
- fr as ScbHeader,
95
- er as ScbHeaderDrawerGroup,
96
- cr as ScbHeaderDrawerItem,
97
- pr as ScbHeaderTab,
98
- br as ScbHeaderUtility,
99
- ir as ScbHorizontalScroller,
100
- nr as ScbIconButton,
101
- lr as ScbKeyFigureCard,
102
- Ir as ScbLink,
103
- Dr as ScbList,
104
- Br as ScbListItem,
105
- Fr as ScbMenu,
106
- kr as ScbMenuItem,
107
- Gr as ScbNotificationCard,
108
- Ar as ScbPagination,
109
- io as ScbPrimaryTab,
110
- Mr as ScbProgressIndicator,
111
- zr as ScbProgressStep,
112
- Kr as ScbProgressStepper,
113
- Or as ScbRadioButton,
114
- Vr as ScbRadioGroup,
115
- qr as ScbSearch,
116
- uo as ScbSecondaryTab,
117
- Jr as ScbSegmentedButton,
118
- Wr as ScbSegmentedItem,
119
- _r as ScbSelect,
120
- Yr as ScbSelectOption,
121
- ro as ScbSkeleton,
122
- eo as ScbSnackbar,
123
- rr as ScbStack,
124
- co as ScbStatusPill,
125
- po as ScbStep,
126
- bo as ScbStepper,
127
- O as ScbSubDrawer,
128
- Pr as ScbSubMenu,
129
- fo as ScbSwitch,
130
- Co as ScbTabs,
131
- so as ScbTextField,
132
- To as ScbToc,
133
- go as ScbTocItem,
134
- wo as ScbTooltip,
135
- Ho as ScbViz
83
+ P as ScbCookiesConsent,
84
+ G as ScbDatepicker,
85
+ A as ScbDialog,
86
+ M as ScbDivider,
87
+ O as ScbDrawer,
88
+ z as ScbDrawerItem,
89
+ K as ScbDrawerSection,
90
+ J as ScbFactCard,
91
+ q as ScbFactCardContent,
92
+ Y as ScbFooter,
93
+ W as ScbFooterSection,
94
+ rr as ScbGrid,
95
+ _ as ScbGridItem,
96
+ ir as ScbHeader,
97
+ cr as ScbHeaderDrawerGroup,
98
+ pr as ScbHeaderDrawerItem,
99
+ br as ScbHeaderTab,
100
+ fr as ScbHeaderUtility,
101
+ dr as ScbHorizontalScroller,
102
+ Cr as ScbIconButton,
103
+ sr as ScbKeyFigureCard,
104
+ Br as ScbLink,
105
+ Tr as ScbList,
106
+ Dr as ScbListItem,
107
+ Pr as ScbMenu,
108
+ Fr as ScbMenuItem,
109
+ Ar as ScbNotificationCard,
110
+ Mr as ScbPagination,
111
+ uo as ScbPrimaryTab,
112
+ zr as ScbProgressIndicator,
113
+ Kr as ScbProgressStep,
114
+ Or as ScbProgressStepper,
115
+ Vr as ScbRadioButton,
116
+ qr as ScbRadioGroup,
117
+ Jr as ScbSearch,
118
+ lo as ScbSecondaryTab,
119
+ Wr as ScbSegmentedButton,
120
+ Yr as ScbSegmentedItem,
121
+ ro as ScbSelect,
122
+ _r as ScbSelectOption,
123
+ eo as ScbSkeleton,
124
+ co as ScbSnackbar,
125
+ er as ScbStack,
126
+ po as ScbStatusPill,
127
+ bo as ScbStep,
128
+ fo as ScbStepper,
129
+ V as ScbSubDrawer,
130
+ Gr as ScbSubMenu,
131
+ io as ScbSwitch,
132
+ Io as ScbTabs,
133
+ go as ScbTextField,
134
+ wo as ScbToc,
135
+ ko as ScbTocItem,
136
+ Ho as ScbTooltip,
137
+ ho as ScbViz
136
138
  };
package/mvc/components/all.js CHANGED
@@ -11,6 +11,7 @@ import './scb-card/scb-card.js';
11
11
  import './scb-checkbox/scb-checkbox.js';
12
12
  import './scb-checkbox/scb-checkbox-group.js';
13
13
  import './scb-chip/scb-chip.js';
14
+ import './scb-cookies-consent/scb-cookies-consent.js';
14
15
  import './scb-datepicker/scb-datepicker.js';
15
16
  import './scb-dialog/scb-dialog.js';
16
17
  import './scb-divider/scb-divider.js';
package/mvc/components/scb-cookies-consent/scb-cookies-consent.js ADDED
@@ -0,0 +1,51 @@
1
+ import{a as p,n as c,i as d,x as f,t as u}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.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(o,s,i){try{customElements.get(o)||e(o,s,i)}catch(a){var r=String(a||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var x=Object.defineProperty,h=Object.getOwnPropertyDescriptor,l=(t,e,o,s)=>{for(var i=s>1?void 0:s?h(e,o):e,r=t.length-1,a;r>=0;r--)(a=t[r])&&(i=(s?a(e,o,i):a(i))||i);return s&&i&&x(e,o,i),i};let n=class extends d{constructor(){super(...arguments),this.open=!0,this.title="",this.supportingText="",this.ariaLabel="Cookie-inställningar"}firstUpdated(){this.addEventListener("click",t=>{const e=t.target;e.slot==="buttons"&&(e.id==="accept-btn"?this.closeAndRemove("cookies-accept"):e.id==="decline-btn"?this.closeAndRemove("cookies-decline"):e.id==="handle-btn"&&this.closeAndRemove("cookies-handle"))})}connectedCallback(){super.connectedCallback(),this.id||(this.id="cookie-consent")}closeAndRemove(t){this.dispatchEvent(new CustomEvent(t)),this.remove()}render(){return this.open?f`
2
+ <div role="dialog" class="cookies-consent" aria-modal="true" aria-label=${this.ariaLabel}>
3
+ <h2>${this.title}</h2>
4
+ <div>
5
+ ${this.supportingText}
6
+ </div>
7
+ <div class="button-container">
8
+ <slot name="buttons"></slot>
9
+ </div>
10
+ </div>
11
+ `:null}};n.styles=p`
12
+ :host {
13
+ position: fixed;
14
+ width: 650px;
15
+ display: flex;
16
+ flex-direction: column;
17
+ bottom: 32px;
18
+ left: 32px;
19
+ background: #fff;
20
+ color: #222;
21
+ box-shadow: 0 8px 10px -6px #0000001a, 0 20px 25px -5px #0000001a;
22
+ color: var(--md-sys-color-on-surface, #0f0865);
23
+ background: var(--md-sys-color-surface, #fff);
24
+ border-radius: 16px;
25
+ padding: 36px 0;
26
+ z-index: 1000;
27
+ gap: 16px;
28
+ font-family: 'Inter', sans-serif;
29
+ }
30
+ .cookies-consent {
31
+ display: flex;
32
+ flex-direction: column;
33
+ gap: 16px;
34
+ padding: 0 20px;
35
+ box-sizing: border-box;
36
+ margin: 0 auto;
37
+ max-width: 1440px;
38
+ position: relative;
39
+ width: 100%;
40
+ }
41
+ .cookies-consent h2 {
42
+ font-size: 16px;
43
+ line-height: 24px;
44
+ margin: 0;
45
+ }
46
+ .button-container {
47
+ display: flex;
48
+ gap: 8px;
49
+ justify-content: flex-start;
50
+ }
51
+ `;l([c({type:Boolean})],n.prototype,"open",2);l([c({type:String,reflect:!0})],n.prototype,"title",2);l([c({type:String,attribute:"supporting-text",reflect:!0})],n.prototype,"supportingText",2);l([c({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",2);n=l([u("scb-cookies-consent")],n);
package/mvc/scb-wc-test.css CHANGED
@@ -1,2 +1,2 @@
1
1
  @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap&icon_names=add,add_circle,apartment,arrow_back,arrow_back_ios,arrow_downward,arrow_drop_down,arrow_forward,arrow_forward_ios,arrow_outward,arrow_right,arrow_upward,article,assistant_direction,auto_stories,ballot,bar_chart,bid_landscape,book,book_2,border_color,breaking_news,bubble_chart,build,calendar_month,calendar_today,call_made,cancel,check,check_box,check_box_outline_blank,check_circle,check_small,checklist,chevron_left,chevron_right,close,code,code_blocks,colors,comment,compare_arrows,contact_support,content_copy,data_info_alert,data_table,database,database_search,deceased,delete,deployed_code,description,download,eco,edit,edit_square,error,event_note,expand_less,expand_more,explore,face,favorite,female,fiber_manual_record,filter_alt,filter_list,filter_vintage,folder,format_align_left,format_bold,format_color_text,format_list_bulleted,fullscreen,fullscreen_exit,grain,graph_7,grid_on,group,hearing,help,home,image,import_contacts,indeterminate_check_box,info,insert_chart,insert_chart_filled,inventory,keyboard_arrow_down,keyboard_arrow_up,label,language,laptop_windows,leaderboard,lightbulb,link,list,list_alt,location_on,location_searching,mail,male,manufacturing,menu,menu_book,mic,mobile,mobile_arrow_down,mode_comment,more_horiz,more_vert,mouse,nature,near_me,open_in_new,payment,percent,person,person_4,person_add,person_play,pin,play_arrow,preview,price_change,print,progress_activity,public,radio_button_checked,radio_button_unchecked,refresh,release_alert,remove,remove_circle,reorder,repeat,reply,restore,save,search,sell,settings,share,shopping_cart,shoppingmode,show_chart,sort,spa,space_bar,ssid_chart,straighten,style,subject,support,swap_horiz,table_chart,tablet,texture,thumb_up,toggle_off,toggle_on,touch_app,tune,unfold_less,unfold_more,upload,verified,view_list,view_module,visibility,visibility_off,volume_up,warning,work');
2
- @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);:root{color-scheme:light dark;--p-100:#FFFFFF;--p-99:#FAFDFF;--p-95:#EBF8FF;--p-90:#D6F1FF;--p-80:#B8E7FF;--p-70:#99D1FF;--p-60:#75AFFF;--p-50:#477EFF;--p-40:#1F44FF;--p-30:#1E00BE;--p-20:#0F0865;--p-10:#0B0544;--p-0:#000000;--s-100:#FFFFFF;--s-99:#FFFAFF;--s-95:#FFEBFF;--s-90:#FFDBFF;--s-80:#FFC2FF;--s-70:#FA9EFA;--s-60:#EC75F0;--s-50:#D850E2;--s-40:#B633C1;--s-30:#91219C;--s-20:#6A1471;--s-10:#430449;--s-0:#000000;--t-100:#FFFFFF;--t-99:#FAFFFA;--t-95:#E7FEE9;--t-90:#C1FAC9;--t-80:#91EDAD;--t-70:#50E294;--t-60:#00CC7B;--t-50:#00A865;--t-40:#008A53;--t-30:#007041;--t-20:#004D2D;--t-10:#00331E;--t-0:#000000;--e-100:#FFFFFF;--e-99:#FFFBFA;--e-95:#FFFEEB;--e-90:#FFD7C7;--e-80:#FFB699;--e-70:#FA9269;--e-60:#ED7140;--e-50:#DB490F;--e-40:#BF3600;--e-30:#942500;--e-20:#631900;--e-10:#3D0C00;--e-0:#000000;--w-100:#FFFFFF;--w-99:#FFFCEB;--w-95:#FFF7D1;--w-90:#FEEEA0;--w-80:#FCE369;--w-70:#F3D53F;--w-60:#E6C10A;--w-50:#D1A400;--w-40:#B28C00;--w-30:#8F7200;--w-20:#6B5600;--w-10:#473800;--w-0:#000000;--n-100:#FFFFFF;--n-99:#FAFAFA;--n-95:#F0F0F0;--n-90:#DBDBDB;--n-80:#CCCCCC;--n-70:#B3B3B3;--n-60:#999999;--n-50:#808080;--n-40:#666666;--n-30:#4D4D4D;--n-20:#333333;--n-10:#1A1A1A;--n-0:#000000;--nv-100:#FFFFFF;--nv-99:#FDFCF7;--nv-95:#F9F8EF;--nv-90:#EAE7D7;--nv-80:#D7D4BC;--nv-70:#BEB39D;--nv-60:#A69D8C;--nv-50:#726F65;--nv-40:#504F49;--nv-30:#3B3A35;--nv-20:#2B2A27;--nv-10:#1B1A18;--nv-0:#000000;--brand-font:"Inter", sans-serif;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--scale-01:12px;--scale-02:14px;--scale-03:16px;--scale-04:18px;--scale-05:20px;--scale-06:24px;--scale-07:28px;--scale-08:32px;--scale-09:36px;--scale-10:40px;--scale-11:48px;--scale-12:64px;--scale-13:80px;--spacing-neg-4:-12px;--spacing-neg-3:-8px;--spacing-neg-2:-4px;--spacing-neg-1:-2px;--spacing-0:0px;--spacing-1:2px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--spacing-11:64px;--spacing-12:80px;--spacing-13:96px;--spacing-14:120px;--line-height-01:18px;--line-height-02:20px;--line-height-03:24px;--line-height-04:26px;--line-height-05:28px;--line-height-06:32px;--line-height-07:34px;--line-height-08:38px;--line-height-09:42px;--line-height-10:56px;--line-height-11:76px;--tracking-01:0px;--tracking-02:-0.1px;--tracking-03:-0.15px;--tracking-04:-0.3px;--tracking-05:-0.4px;--tracking-06:-0.6px;--tracking-07:-0.7px;--md-sys-typescale-display-large-font:var(--brand-font);--md-sys-typescale-display-large-size:40px;--md-sys-typescale-display-large-line-height:46px;--md-sys-typescale-display-large-weight:var(--weight-bold);--md-sys-typescale-display-large-tracking:-0.7px;--md-sys-typescale-display-medium-font:var(--brand-font);--md-sys-typescale-display-medium-size:36px;--md-sys-typescale-display-medium-line-height:42px;--md-sys-typescale-display-medium-weight:var(--weight-bold);--md-sys-typescale-display-medium-tracking:-0.6px;--md-sys-typescale-display-small-font:var(--brand-font);--md-sys-typescale-display-small-size:32px;--md-sys-typescale-display-small-line-height:38px;--md-sys-typescale-display-small-weight:var(--weight-bold);--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-font:var(--brand-font);--md-sys-typescale-headline-large-size:28px;--md-sys-typescale-headline-large-line-height:34px;--md-sys-typescale-headline-large-weight:var(--weight-bold);--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-font:var(--brand-font);--md-sys-typescale-headline-medium-size:24px;--md-sys-typescale-headline-medium-line-height:30px;--md-sys-typescale-headline-medium-weight:var(--weight-bold);--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-font:var(--brand-font);--md-sys-typescale-headline-small-size:22px;--md-sys-typescale-headline-small-line-height:28px;--md-sys-typescale-headline-small-weight:var(--weight-bold);--md-sys-typescale-headline-small-tracking:-0.5px;--md-sys-typescale-title-large-font:var(--brand-font);--md-sys-typescale-title-large-size:20px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:var(--weight-semibold);--md-sys-typescale-title-large-tracking:-0.4px;--md-sys-typescale-title-medium-font:var(--brand-font);--md-sys-typescale-title-medium-size:18px;--md-sys-typescale-title-medium-line-height:26px;--md-sys-typescale-title-medium-weight:var(--weight-semibold);--md-sys-typescale-title-medium-tracking:-0.3px;--md-sys-typescale-title-small-font:var(--brand-font);--md-sys-typescale-title-small-size:16px;--md-sys-typescale-title-small-line-height:24px;--md-sys-typescale-title-small-weight:var(--weight-semibold);--md-sys-typescale-title-small-tracking:-0.15px;--md-sys-typescale-label-large-font:var(--brand-font);--md-sys-typescale-label-large-size:18px;--md-sys-typescale-label-large-line-height:26px;--md-sys-typescale-label-large-weight:var(--weight-semibold);--md-sys-typescale-label-large-tracking:-0.3px;--md-sys-typescale-label-medium-font:var(--brand-font);--md-sys-typescale-label-medium-size:16px;--md-sys-typescale-label-medium-line-height:24px;--md-sys-typescale-label-medium-weight:var(--weight-semibold);--md-sys-typescale-label-medium-tracking:-0.15px;--md-sys-typescale-label-small-font:var(--brand-font);--md-sys-typescale-label-small-size:14px;--md-sys-typescale-label-small-line-height:20px;--md-sys-typescale-label-small-weight:var(--weight-semibold);--md-sys-typescale-label-small-tracking:0.1px;--md-sys-typescale-body-large-font:var(--brand-font);--md-sys-typescale-body-large-size:18px;--md-sys-typescale-body-large-line-height:26px;--md-sys-typescale-body-large-weight:var(--weight-regular);--md-sys-typescale-body-large-tracking:-0.3px;--md-sys-typescale-body-medium-font:var(--brand-font);--md-sys-typescale-body-medium-size:16px;--md-sys-typescale-body-medium-line-height:24px;--md-sys-typescale-body-medium-weight:var(--weight-regular);--md-sys-typescale-body-medium-tracking:-0.15px;--md-sys-typescale-body-small-font:var(--brand-font);--md-sys-typescale-body-small-size:14px;--md-sys-typescale-body-small-line-height:20px;--md-sys-typescale-body-small-weight:var(--weight-regular);--md-sys-typescale-body-small-tracking:-0.1px;--md-sys-color-primary:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-primary:light-dark(var(--p-100), var(--p-20));--md-sys-color-primary-container:light-dark(var(--p-80), var(--p-30));--md-sys-color-on-primary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-primary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-primary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-primary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-primary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-secondary:light-dark(var(--p-20), var(--p-80));--md-sys-color-on-secondary:light-dark(var(--p-100), var(--p-20));--md-sys-color-secondary-container:light-dark(var(--p-90), var(--p-30));--md-sys-color-on-secondary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-secondary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-secondary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-secondary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-secondary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-tertiary:light-dark(var(--s-40), var(--s-80));--md-sys-color-on-tertiary:light-dark(var(--t-100), var(--s-20));--md-sys-color-tertiary-container:light-dark(var(--s-90), var(--s-10));--md-sys-color-on-tertiary-container:light-dark(var(--s-20), var(--s-100));--md-sys-color-tertiary-fixed:light-dark(var(--s-90), var(--s-90));--md-sys-color-tertiary-fixed-dim:light-dark(var(--s-80), var(--s-80));--md-sys-color-on-tertiary-fixed:light-dark(var(--s-10), var(--s-10));--md-sys-color-on-tertiary-fixed-variant:light-dark(var(--s-30), var(--s-30));--md-sys-color-background:light-dark(var(--p-100), var(--p-0));--md-sys-color-on-background:light-dark(var(--p-20), var(--p-100));--md-sys-color-surface:light-dark(var(--nv-100), var(--nv-20));--md-sys-color-surface-variant:light-dark(var(--nv-99), var(--n-10));--md-sys-color-surface-bright:light-dark(var(--nv-99), var(--nv-20));--md-sys-color-surface-dim:light-dark(var(--nv-95), var(--nv-10));--md-sys-color-surface-container-lowest:light-dark(var(--p-100), var(--nv-0));--md-sys-color-surface-container-low:light-dark(var(--p-99), var(--nv-10));--md-sys-color-surface-container:light-dark(var(--p-95), var(--nv-20));--md-sys-color-surface-container-high:light-dark(var(--p-90), var(--nv-20));--md-sys-color-surface-container-highest:light-dark(var(--p-80), var(--nv-20));--md-sys-color-surface-tint:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-surface:light-dark(var(--p-20), var(--p-100));--md-sys-color-on-surface-variant:light-dark(var(--p-20), var(--p-100));--md-sys-color-inverse-surface:light-dark(var(--p-20), var(--p-90));--md-sys-color-inverse-on-surface:light-dark(var(--p-95), var(--p-20));--md-sys-color-inverse-primary:light-dark(var(--p-80), var(--p-40));--md-sys-color-outline:light-dark(var(--n-50), var(--n-30));--md-sys-color-outline-variant:light-dark(var(--n-80), var(--n-30));--md-sys-color-scrim:light-dark(var(--n-0), var(--n-0));--md-sys-color-shadow:light-dark(var(--n-0), var(--n-0));--md-sys-color-error:light-dark(var(--e-40), var(--e-80));--md-sys-color-on-error:light-dark(var(--e-100), var(--e-20));--md-sys-color-error-container:light-dark(var(--e-90), var(--e-20));--md-sys-color-on-error-container:light-dark(var(--e-30), var(--e-95));--md-sys-color-warning:light-dark(var(--w-40), var(--w-80));--md-sys-color-on-warning:light-dark(var(--w-100), var(--w-20));--md-sys-color-warning-container:light-dark(var(--w-90), var(--w-20));--md-sys-color-on-warning-container:light-dark(var(--w-20), var(--w-95));--md-sys-color-info:light-dark(var(--p-40), var(--p-80));--md-sys-color-on-info:light-dark(var(--p-100), var(--p-20));--md-sys-color-info-container:light-dark(var(--p-90), var(--p-20));--md-sys-color-on-info-container:light-dark(var(--p-30), var(--p-95));--md-sys-color-success:light-dark(var(--t-40), var(--t-80));--md-sys-color-on-success:light-dark(var(--t-100), var(--t-20));--md-sys-color-success-container:light-dark(var(--t-95), var(--t-20));--md-sys-color-on-success-container:light-dark(var(--t-30), var(--t-95));--radius-none:0px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-full:1000px;--md-sys-shape-corner-none:var(--radius-none);--md-sys-shape-corner-extra-small:var(--radius-xs);--md-sys-shape-corner-small:var(--radius-s);--md-sys-shape-corner-medium:var(--radius-m);--md-sys-shape-corner-large:var(--radius-l);--md-sys-shape-corner-extra-large:var(--radius-xl);--md-sys-shape-corner-full:var(--radius-full);--stroke-border:1px;--stroke-focus-ring:3px;--md-focus-ring-color:light-dark(var(--p-40), var(--p-80));--md-focus-ring-width:var(--stroke-focus-ring);--md-outlined-button-outline-width:var(--stroke-border);--md-outlined-field-outline-width:var(--stroke-border);--icon-size-small:24px;--icon-size-medium:32px;--icon-size-large:40px;--icon-size-number:0px}:root[data-density="-2"],[data-density="-2"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:2px;--spacing-3:6px;--spacing-4:10px;--spacing-5:14px;--spacing-6:18px;--spacing-7:20px;--spacing-8:28px;--spacing-9:36px;--spacing-10:42px;--spacing-11:56px;--spacing-12:72px;--spacing-13:88px;--spacing-14:112px}:root[data-density="-4"],[data-density="-4"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:0px;--spacing-3:4px;--spacing-4:8px;--spacing-5:12px;--spacing-6:16px;--spacing-7:16px;--spacing-8:24px;--spacing-9:36px;--spacing-10:36px;--spacing-11:50px;--spacing-12:64px;--spacing-13:80px;--spacing-14:104px}@media (min-width:600px){:root{--md-sys-typescale-display-large-size:64px;--md-sys-typescale-display-large-line-height:70px;--md-sys-typescale-display-large-tracking:-0.9px;--md-sys-typescale-display-medium-size:48px;--md-sys-typescale-display-medium-line-height:54px;--md-sys-typescale-display-medium-tracking:-0.7px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:42px;--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:38px;--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:34px;--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:30px;--md-sys-typescale-headline-small-tracking:-0.6px}}label{color:light-dark(var(--p-10),var(--p-100))}fieldset.scb-fieldset{border:0;padding:0;margin:0}fieldset.scb-fieldset+fieldset.scb-fieldset{margin-block-start:var(--spacing-8, 32px)}legend.scb-legend{display:block;margin:0 0 var(--spacing-6, 20px)0;font-family:var(--brand-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--weight-semibold);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface)}fieldset.scb-fieldset[disabled]{opacity:.7}
2
+ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);:root{color-scheme:light dark;--p-100:#FFFFFF;--p-99:#FAFDFF;--p-95:#EBF8FF;--p-90:#D6F1FF;--p-80:#B8E7FF;--p-70:#99D1FF;--p-60:#75AFFF;--p-50:#477EFF;--p-40:#1F44FF;--p-30:#1E00BE;--p-20:#0F0865;--p-10:#0B0544;--p-0:#000000;--s-100:#FFFFFF;--s-99:#FFFAFF;--s-95:#FFEBFF;--s-90:#FFDBFF;--s-80:#FFC2FF;--s-70:#FA9EFA;--s-60:#EC75F0;--s-50:#D850E2;--s-40:#B633C1;--s-30:#91219C;--s-20:#6A1471;--s-10:#430449;--s-0:#000000;--t-100:#FFFFFF;--t-99:#FAFFFA;--t-95:#E7FEE9;--t-90:#C1FAC9;--t-80:#91EDAD;--t-70:#50E294;--t-60:#00CC7B;--t-50:#00A865;--t-40:#008A53;--t-30:#007041;--t-20:#004D2D;--t-10:#00331E;--t-0:#000000;--e-100:#FFFFFF;--e-99:#FFFBFA;--e-95:#FFFEEB;--e-90:#FFD7C7;--e-80:#FFB699;--e-70:#FA9269;--e-60:#ED7140;--e-50:#DB490F;--e-40:#BF3600;--e-30:#942500;--e-20:#631900;--e-10:#3D0C00;--e-0:#000000;--w-100:#FFFFFF;--w-99:#FFFCEB;--w-95:#FFF7D1;--w-90:#FEEEA0;--w-80:#FCE369;--w-70:#F3D53F;--w-60:#E6C10A;--w-50:#D1A400;--w-40:#B28C00;--w-30:#8F7200;--w-20:#6B5600;--w-10:#473800;--w-0:#000000;--n-100:#FFFFFF;--n-99:#FAFAFA;--n-95:#F0F0F0;--n-90:#DBDBDB;--n-80:#CCCCCC;--n-70:#B3B3B3;--n-60:#999999;--n-50:#808080;--n-40:#666666;--n-30:#4D4D4D;--n-20:#333333;--n-10:#1A1A1A;--n-0:#000000;--nv-100:#FFFFFF;--nv-99:#FDFCF7;--nv-95:#F9F8EF;--nv-90:#EAE7D7;--nv-80:#D7D4BC;--nv-70:#BEB39D;--nv-60:#A69D8C;--nv-50:#726F65;--nv-40:#504F49;--nv-30:#3B3A35;--nv-20:#2B2A27;--nv-10:#1B1A18;--nv-0:#000000;--brand-font:"Inter", sans-serif;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--scale-01:12px;--scale-02:14px;--scale-03:16px;--scale-04:18px;--scale-05:20px;--scale-06:24px;--scale-07:28px;--scale-08:32px;--scale-09:36px;--scale-10:40px;--scale-11:48px;--scale-12:64px;--scale-13:80px;--spacing-neg-4:-12px;--spacing-neg-3:-8px;--spacing-neg-2:-4px;--spacing-neg-1:-2px;--spacing-0:0px;--spacing-1:2px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:20px;--spacing-7:24px;--spacing-8:32px;--spacing-9:40px;--spacing-10:48px;--spacing-11:64px;--spacing-12:80px;--spacing-13:96px;--spacing-14:120px;--line-height-01:18px;--line-height-02:20px;--line-height-03:24px;--line-height-04:26px;--line-height-05:28px;--line-height-06:32px;--line-height-07:34px;--line-height-08:38px;--line-height-09:42px;--line-height-10:56px;--line-height-11:76px;--tracking-01:0px;--tracking-02:-0.1px;--tracking-03:-0.15px;--tracking-04:-0.3px;--tracking-05:-0.4px;--tracking-06:-0.6px;--tracking-07:-0.7px;--md-sys-typescale-display-large-font:var(--brand-font);--md-sys-typescale-display-large-size:40px;--md-sys-typescale-display-large-line-height:46px;--md-sys-typescale-display-large-weight:var(--weight-bold);--md-sys-typescale-display-large-tracking:-0.7px;--md-sys-typescale-display-medium-font:var(--brand-font);--md-sys-typescale-display-medium-size:36px;--md-sys-typescale-display-medium-line-height:42px;--md-sys-typescale-display-medium-weight:var(--weight-bold);--md-sys-typescale-display-medium-tracking:-0.6px;--md-sys-typescale-display-small-font:var(--brand-font);--md-sys-typescale-display-small-size:32px;--md-sys-typescale-display-small-line-height:38px;--md-sys-typescale-display-small-weight:var(--weight-bold);--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-font:var(--brand-font);--md-sys-typescale-headline-large-size:28px;--md-sys-typescale-headline-large-line-height:34px;--md-sys-typescale-headline-large-weight:var(--weight-bold);--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-font:var(--brand-font);--md-sys-typescale-headline-medium-size:24px;--md-sys-typescale-headline-medium-line-height:30px;--md-sys-typescale-headline-medium-weight:var(--weight-bold);--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-font:var(--brand-font);--md-sys-typescale-headline-small-size:22px;--md-sys-typescale-headline-small-line-height:28px;--md-sys-typescale-headline-small-weight:var(--weight-bold);--md-sys-typescale-headline-small-tracking:-0.5px;--md-sys-typescale-title-large-font:var(--brand-font);--md-sys-typescale-title-large-size:20px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-weight:var(--weight-semibold);--md-sys-typescale-title-large-tracking:-0.4px;--md-sys-typescale-title-medium-font:var(--brand-font);--md-sys-typescale-title-medium-size:18px;--md-sys-typescale-title-medium-line-height:26px;--md-sys-typescale-title-medium-weight:var(--weight-semibold);--md-sys-typescale-title-medium-tracking:-0.3px;--md-sys-typescale-title-small-font:var(--brand-font);--md-sys-typescale-title-small-size:16px;--md-sys-typescale-title-small-line-height:24px;--md-sys-typescale-title-small-weight:var(--weight-semibold);--md-sys-typescale-title-small-tracking:-0.15px;--md-sys-typescale-label-large-font:var(--brand-font);--md-sys-typescale-label-large-size:18px;--md-sys-typescale-label-large-line-height:26px;--md-sys-typescale-label-large-weight:var(--weight-semibold);--md-sys-typescale-label-large-tracking:-0.3px;--md-sys-typescale-label-medium-font:var(--brand-font);--md-sys-typescale-label-medium-size:16px;--md-sys-typescale-label-medium-line-height:24px;--md-sys-typescale-label-medium-weight:var(--weight-semibold);--md-sys-typescale-label-medium-tracking:-0.15px;--md-sys-typescale-label-small-font:var(--brand-font);--md-sys-typescale-label-small-size:14px;--md-sys-typescale-label-small-line-height:20px;--md-sys-typescale-label-small-weight:var(--weight-semibold);--md-sys-typescale-label-small-tracking:0.1px;--md-sys-typescale-body-large-font:var(--brand-font);--md-sys-typescale-body-large-size:18px;--md-sys-typescale-body-large-line-height:26px;--md-sys-typescale-body-large-weight:var(--weight-regular);--md-sys-typescale-body-large-tracking:-0.3px;--md-sys-typescale-body-medium-font:var(--brand-font);--md-sys-typescale-body-medium-size:16px;--md-sys-typescale-body-medium-line-height:24px;--md-sys-typescale-body-medium-weight:var(--weight-regular);--md-sys-typescale-body-medium-tracking:-0.15px;--md-sys-typescale-body-small-font:var(--brand-font);--md-sys-typescale-body-small-size:14px;--md-sys-typescale-body-small-line-height:20px;--md-sys-typescale-body-small-weight:var(--weight-regular);--md-sys-typescale-body-small-tracking:-0.1px;--md-sys-color-primary:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-primary:light-dark(var(--p-100), var(--p-20));--md-sys-color-primary-container:light-dark(var(--p-80), var(--p-30));--md-sys-color-on-primary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-primary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-primary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-primary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-primary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-secondary:light-dark(var(--p-20), var(--p-80));--md-sys-color-on-secondary:light-dark(var(--p-100), var(--p-20));--md-sys-color-secondary-container:light-dark(var(--p-90), var(--p-30));--md-sys-color-on-secondary-container:light-dark(var(--p-30), var(--p-100));--md-sys-color-secondary-fixed:light-dark(var(--p-90), var(--p-90));--md-sys-color-secondary-fixed-dim:light-dark(var(--p-80), var(--p-80));--md-sys-color-on-secondary-fixed:light-dark(var(--p-20), var(--p-20));--md-sys-color-on-secondary-fixed-variant:light-dark(var(--p-30), var(--p-30));--md-sys-color-tertiary:light-dark(var(--s-40), var(--s-80));--md-sys-color-on-tertiary:light-dark(var(--t-100), var(--s-20));--md-sys-color-tertiary-container:light-dark(var(--s-90), var(--s-10));--md-sys-color-on-tertiary-container:light-dark(var(--s-20), var(--s-100));--md-sys-color-tertiary-fixed:light-dark(var(--s-90), var(--s-90));--md-sys-color-tertiary-fixed-dim:light-dark(var(--s-80), var(--s-80));--md-sys-color-on-tertiary-fixed:light-dark(var(--s-10), var(--s-10));--md-sys-color-on-tertiary-fixed-variant:light-dark(var(--s-30), var(--s-30));--md-sys-color-background:light-dark(var(--p-100), var(--p-0));--md-sys-color-on-background:light-dark(var(--p-20), var(--p-100));--md-sys-color-surface:light-dark(var(--nv-100), var(--nv-20));--md-sys-color-surface-variant:light-dark(var(--nv-99), var(--n-10));--md-sys-color-surface-bright:light-dark(var(--nv-99), var(--nv-20));--md-sys-color-surface-dim:light-dark(var(--nv-95), var(--nv-10));--md-sys-color-surface-container-lowest:light-dark(var(--p-100), var(--nv-0));--md-sys-color-surface-container-low:light-dark(var(--p-99), var(--nv-10));--md-sys-color-surface-container:light-dark(var(--p-95), var(--nv-20));--md-sys-color-surface-container-high:light-dark(var(--p-90), var(--nv-20));--md-sys-color-surface-container-highest:light-dark(var(--p-80), var(--nv-20));--md-sys-color-surface-tint:light-dark(var(--p-40), var(--p-70));--md-sys-color-on-surface:light-dark(var(--p-20), var(--p-100));--md-sys-color-on-surface-variant:light-dark(var(--p-20), var(--p-100));--md-sys-color-inverse-surface:light-dark(var(--p-20), var(--p-90));--md-sys-color-inverse-on-surface:light-dark(var(--p-95), var(--p-20));--md-sys-color-inverse-primary:light-dark(var(--p-80), var(--p-40));--md-sys-color-outline:light-dark(var(--n-50), var(--n-30));--md-sys-color-outline-variant:light-dark(var(--n-80), var(--n-30));--md-sys-color-scrim:light-dark(var(--n-0), var(--n-0));--md-sys-color-shadow:light-dark(var(--n-0), var(--n-0));--md-sys-color-error:light-dark(var(--e-40), var(--e-80));--md-sys-color-on-error:light-dark(var(--e-100), var(--e-20));--md-sys-color-error-container:light-dark(var(--e-90), var(--e-20));--md-sys-color-on-error-container:light-dark(var(--e-30), var(--e-95));--md-sys-color-warning:light-dark(var(--w-40), var(--w-80));--md-sys-color-on-warning:light-dark(var(--w-100), var(--w-20));--md-sys-color-warning-container:light-dark(var(--w-90), var(--w-20));--md-sys-color-on-warning-container:light-dark(var(--w-20), var(--w-95));--md-sys-color-info:light-dark(var(--p-40), var(--p-80));--md-sys-color-on-info:light-dark(var(--p-100), var(--p-20));--md-sys-color-info-container:light-dark(var(--p-90), var(--p-20));--md-sys-color-on-info-container:light-dark(var(--p-30), var(--p-95));--md-sys-color-success:light-dark(var(--t-40), var(--t-80));--md-sys-color-on-success:light-dark(var(--t-100), var(--t-20));--md-sys-color-success-container:light-dark(var(--t-95), var(--t-20));--md-sys-color-on-success-container:light-dark(var(--t-30), var(--t-95));--radius-none:0px;--radius-xs:4px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-full:1000px;--md-sys-shape-corner-none:var(--radius-none);--md-sys-shape-corner-extra-small:var(--radius-xs);--md-sys-shape-corner-small:var(--radius-s);--md-sys-shape-corner-medium:var(--radius-m);--md-sys-shape-corner-large:var(--radius-l);--md-sys-shape-corner-extra-large:var(--radius-xl);--md-sys-shape-corner-full:var(--radius-full);--stroke-border:1px;--stroke-focus-ring:3px;--md-focus-ring-color:light-dark(var(--p-40), var(--p-80));--md-focus-ring-width:var(--stroke-focus-ring);--md-outlined-button-outline-width:var(--stroke-border);--md-outlined-field-outline-width:var(--stroke-border);--icon-size-small:24px;--icon-size-medium:32px;--icon-size-large:40px;--icon-size-number:0px}:root[data-density="-2"],[data-density="-2"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:2px;--spacing-3:6px;--spacing-4:10px;--spacing-5:14px;--spacing-6:18px;--spacing-7:20px;--spacing-8:28px;--spacing-9:36px;--spacing-10:42px;--spacing-11:56px;--spacing-12:72px;--spacing-13:88px;--spacing-14:112px}:root[data-density="-4"],[data-density="-4"]{--spacing-0:0px;--spacing-1:0px;--spacing-2:0px;--spacing-3:4px;--spacing-4:8px;--spacing-5:12px;--spacing-6:16px;--spacing-7:16px;--spacing-8:24px;--spacing-9:30px;--spacing-10:36px;--spacing-11:50px;--spacing-12:64px;--spacing-13:80px;--spacing-14:104px}@media (min-width:600px){:root{--md-sys-typescale-display-large-size:64px;--md-sys-typescale-display-large-line-height:70px;--md-sys-typescale-display-large-tracking:-0.9px;--md-sys-typescale-display-medium-size:48px;--md-sys-typescale-display-medium-line-height:54px;--md-sys-typescale-display-medium-tracking:-0.7px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:42px;--md-sys-typescale-display-small-tracking:-0.6px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:38px;--md-sys-typescale-headline-large-tracking:-0.6px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:34px;--md-sys-typescale-headline-medium-tracking:-0.6px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:30px;--md-sys-typescale-headline-small-tracking:-0.6px}}label{color:light-dark(var(--p-10),var(--p-100))}fieldset.scb-fieldset{border:0;padding:0;margin:0}fieldset.scb-fieldset+fieldset.scb-fieldset{margin-block-start:var(--spacing-8, 32px)}legend.scb-legend{display:block;margin:0 0 var(--spacing-6, 20px)0;font-family:var(--brand-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--weight-semibold);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface)}fieldset.scb-fieldset[disabled]{opacity:.7}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "scb-wc-test",
3
- "version": "0.1.112",
3
+ "version": "0.1.114",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
@@ -123,6 +123,10 @@
123
123
  "import": "./scb-chip/scb-chip.js",
124
124
  "require": "./scb-chip/scb-chip.js"
125
125
  },
126
+ "./scb-cookies-consent": {
127
+ "import": "./scb-cookies-consent/scb-cookies-consent.js",
128
+ "require": "./scb-cookies-consent/scb-cookies-consent.js"
129
+ },
126
130
  "./scb-datepicker": {
127
131
  "import": "./scb-datepicker/scb-datepicker.js",
128
132
  "require": "./scb-datepicker/scb-datepicker.js"
@@ -341,5 +345,5 @@
341
345
  },
342
346
  "./mvc/*": "./mvc/*"
343
347
  },
344
- "buildHash": "B10F313B2C3B27480883227E72110DB0EB6C38251188E14A847823D36B266345"
348
+ "buildHash": "77F0DFC1DE5C5110B40A8907E88EB641A97DB882DF2B3EE5A57C7D34BAE3766D"
345
349
  }
package/scb-cookies-consent/scb-cookies-consent.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class ScbCookiesConsent extends LitElement {
3
+ open: boolean;
4
+ title: string;
5
+ supportingText: string;
6
+ ariaLabel: string;
7
+ static styles: import('lit').CSSResult;
8
+ firstUpdated(): void;
9
+ connectedCallback(): void;
10
+ closeAndRemove(eventName: string): void;
11
+ render(): import('lit-html').TemplateResult<1> | null;
12
+ }
package/scb-cookies-consent/scb-cookies-consent.js ADDED
@@ -0,0 +1,97 @@
1
+ import { css as c, LitElement as d, html as f } from "lit";
2
+ import { property as r, customElement as x } from "lit/decorators.js";
3
+ import "../scb-button/scb-button.js";
4
+ var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, s = (i, e, a, n) => {
5
+ for (var t = n > 1 ? void 0 : n ? h(e, a) : e, l = i.length - 1, p; l >= 0; l--)
6
+ (p = i[l]) && (t = (n ? p(e, a, t) : p(t)) || t);
7
+ return n && t && u(e, a, t), t;
8
+ };
9
+ let o = class extends d {
10
+ constructor() {
11
+ super(...arguments), this.open = !0, this.title = "", this.supportingText = "", this.ariaLabel = "Cookie-inställningar";
12
+ }
13
+ firstUpdated() {
14
+ this.addEventListener("click", (i) => {
15
+ const e = i.target;
16
+ e.slot === "buttons" && (e.id === "accept-btn" ? this.closeAndRemove("cookies-accept") : e.id === "decline-btn" ? this.closeAndRemove("cookies-decline") : e.id === "handle-btn" && this.closeAndRemove("cookies-handle"));
17
+ });
18
+ }
19
+ connectedCallback() {
20
+ super.connectedCallback(), this.id || (this.id = "cookie-consent");
21
+ }
22
+ closeAndRemove(i) {
23
+ this.dispatchEvent(new CustomEvent(i)), this.remove();
24
+ }
25
+ render() {
26
+ return this.open ? f`
27
+ <div role="dialog" class="cookies-consent" aria-modal="true" aria-label=${this.ariaLabel}>
28
+ <h2>${this.title}</h2>
29
+ <div>
30
+ ${this.supportingText}
31
+ </div>
32
+ <div class="button-container">
33
+ <slot name="buttons"></slot>
34
+ </div>
35
+ </div>
36
+ ` : null;
37
+ }
38
+ };
39
+ o.styles = c`
40
+ :host {
41
+ position: fixed;
42
+ width: 650px;
43
+ display: flex;
44
+ flex-direction: column;
45
+ bottom: 32px;
46
+ left: 32px;
47
+ background: #fff;
48
+ color: #222;
49
+ box-shadow: 0 8px 10px -6px #0000001a, 0 20px 25px -5px #0000001a;
50
+ color: var(--md-sys-color-on-surface, #0f0865);
51
+ background: var(--md-sys-color-surface, #fff);
52
+ border-radius: 16px;
53
+ padding: 36px 0;
54
+ z-index: 1000;
55
+ gap: 16px;
56
+ font-family: 'Inter', sans-serif;
57
+ }
58
+ .cookies-consent {
59
+ display: flex;
60
+ flex-direction: column;
61
+ gap: 16px;
62
+ padding: 0 20px;
63
+ box-sizing: border-box;
64
+ margin: 0 auto;
65
+ max-width: 1440px;
66
+ position: relative;
67
+ width: 100%;
68
+ }
69
+ .cookies-consent h2 {
70
+ font-size: 16px;
71
+ line-height: 24px;
72
+ margin: 0;
73
+ }
74
+ .button-container {
75
+ display: flex;
76
+ gap: 8px;
77
+ justify-content: flex-start;
78
+ }
79
+ `;
80
+ s([
81
+ r({ type: Boolean })
82
+ ], o.prototype, "open", 2);
83
+ s([
84
+ r({ type: String, reflect: !0 })
85
+ ], o.prototype, "title", 2);
86
+ s([
87
+ r({ type: String, attribute: "supporting-text", reflect: !0 })
88
+ ], o.prototype, "supportingText", 2);
89
+ s([
90
+ r({ type: String, attribute: "aria-label", reflect: !0 })
91
+ ], o.prototype, "ariaLabel", 2);
92
+ o = s([
93
+ x("scb-cookies-consent")
94
+ ], o);
95
+ export {
96
+ o as ScbCookiesConsent
97
+ };