scb-wc 0.1.48 → 0.1.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -41
- package/all.js +2 -0
- package/icons.json +178 -178
- package/index.js +90 -88
- package/mvc/components/all.js +2 -0
- package/mvc/components/scb-accordion/scb-accordion-item.js +1 -1
- package/mvc/{vendor → components/scb-chevron}/scb-chevron.js +1 -1
- package/mvc/components/scb-datepicker/scb-datepicker.js +296 -0
- package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
- package/mvc/components/scb-header/scb-header.js +12 -2
- package/mvc/components/scb-menu/scb-menu-item.js +1 -1
- package/mvc/components/scb-select/scb-select.js +1 -1
- package/mvc/components/scb-textfield/scb-textfield.js +24 -319
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/scb-logo.svg +20 -20
- package/mvc/scb.svg +13 -13
- package/package.json +2 -2
- package/scb-chevron/scb-chevron.js +1 -0
- package/scb-components/index.d.ts +94 -0
- package/scb-components/scb-chevron/scb-chevron.d.ts +11 -0
- package/scb-components/scb-datepicker/scb-datepicker.d.ts +39 -0
- package/scb-datepicker/scb-datepicker.js +1 -0
- package/scb-header/scb-header.js +11 -1
- package/scb-wc.bundle.js +838 -828
- package/scb-wc.d.ts +188 -184
- package/scb-wc-public-entry/index.d.ts +0 -92
package/mvc/scb.svg
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
-
aria-hidden="true"
|
|
5
|
-
role="img"
|
|
6
|
-
width="48"
|
|
7
|
-
height="48"
|
|
8
|
-
preserveAspectRatio="xMidYMid meet"
|
|
9
|
-
viewBox="0 0 1300 1300"
|
|
10
|
-
>
|
|
11
|
-
<path d="M539.3,128.2c0-19.3-15.7-35-35-35c-19.3,0-35,15.6-35,35v882.1c0,19.4,15.7,35,35,35c19.3,0,35-15.7,35-35V692.4 c0-2.3,1.9-4.2,4.2-4.2h115c2.3,0,4.2,1.9,4.2,4.2v320.7c0,67.7-71,122.5-158.4,122.5c-87.5,0-158.5-54.9-158.5-122.5V122.9 c0-67.6,70.9-122.5,158.5-122.5c87.5,0,158.4,54.9,158.4,122.5v316.6c0,2.3-1.9,4.2-4.2,4.2h-115c-2.3,0-4.2-1.8-4.2-4.2V128.2z" />
|
|
12
|
-
<path d="M4.2,228.4c-7.4,51.5-4.8,135.9,6.3,183.3c12.2,51.7,82.3,156.1,113.9,204.6c31.6,48.5,73.8,99.1,73.2,166.6v161.7 c0,19.3-15.7,35-35,35c-19.3,0-34.9-15.7-34.9-35V696.7c0-2.3-1.9-4.2-4.3-4.2H8.4c-2.4,0-4.2,1.9-4.2,4.2v255.2 c0,67.7,70.9,122.5,158.4,122.5c87.5,0,158.5-54.9,158.5-122.5V782.8c-0.5-116-32.2-132.9-73.2-202.4 c-29.4-49.9-101.8-153-113.9-204.6c-11.1-47.4-10.6-102.3-6.3-152.1c0-19.3,15.7-35,34.9-35c19.3,0,35,15.7,35,35V444 c0,2.3,1.9,4.2,4.3,4.2h115c2.4,0,4.2-1.9,4.2-4.2V228.4c0-67.7-70.9-122.5-158.5-122.5C75.1,105.8,4.2,160.7,4.2,228.4" />
|
|
13
|
-
<path d="M814.9,600.4c-2.4,0-4.3,1.9-4.3,4.2v358.5c0,2.3,1.9,4.3,4.3,4.3h20.8c23.3,0,42.1-18.9,42.1-42.1V642.6 c0-23.3-18.8-42.1-42.1-42.1H814.9z M814.9,207.1c-2.4,0-4.3,1.9-4.3,4.2v292.1c0,2.4,1.9,4.3,4.3,4.3h17.4 c23.2,0,42.1-18.9,42.1-42.1V249.2c0-23.2-18.9-42.1-42.1-42.1H814.9z M691.5,115.3H868c72.9,0,132,59.1,132,132v185.1 c0,51.9-34,95.7-81,110.7v2.5c46.9,15,81,58.8,81,110.8v282.6c0,64.2-52.1,116.3-116.3,116.3l-192.2,0.1c-2.4,0-4.2-1.9-4.2-4.2 V119.4C687.2,117.2,689.1,115.3,691.5,115.3" />
|
|
1
|
+
<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
+
aria-hidden="true"
|
|
5
|
+
role="img"
|
|
6
|
+
width="48"
|
|
7
|
+
height="48"
|
|
8
|
+
preserveAspectRatio="xMidYMid meet"
|
|
9
|
+
viewBox="0 0 1300 1300"
|
|
10
|
+
>
|
|
11
|
+
<path d="M539.3,128.2c0-19.3-15.7-35-35-35c-19.3,0-35,15.6-35,35v882.1c0,19.4,15.7,35,35,35c19.3,0,35-15.7,35-35V692.4 c0-2.3,1.9-4.2,4.2-4.2h115c2.3,0,4.2,1.9,4.2,4.2v320.7c0,67.7-71,122.5-158.4,122.5c-87.5,0-158.5-54.9-158.5-122.5V122.9 c0-67.6,70.9-122.5,158.5-122.5c87.5,0,158.4,54.9,158.4,122.5v316.6c0,2.3-1.9,4.2-4.2,4.2h-115c-2.3,0-4.2-1.8-4.2-4.2V128.2z" />
|
|
12
|
+
<path d="M4.2,228.4c-7.4,51.5-4.8,135.9,6.3,183.3c12.2,51.7,82.3,156.1,113.9,204.6c31.6,48.5,73.8,99.1,73.2,166.6v161.7 c0,19.3-15.7,35-35,35c-19.3,0-34.9-15.7-34.9-35V696.7c0-2.3-1.9-4.2-4.3-4.2H8.4c-2.4,0-4.2,1.9-4.2,4.2v255.2 c0,67.7,70.9,122.5,158.4,122.5c87.5,0,158.5-54.9,158.5-122.5V782.8c-0.5-116-32.2-132.9-73.2-202.4 c-29.4-49.9-101.8-153-113.9-204.6c-11.1-47.4-10.6-102.3-6.3-152.1c0-19.3,15.7-35,34.9-35c19.3,0,35,15.7,35,35V444 c0,2.3,1.9,4.2,4.3,4.2h115c2.4,0,4.2-1.9,4.2-4.2V228.4c0-67.7-70.9-122.5-158.5-122.5C75.1,105.8,4.2,160.7,4.2,228.4" />
|
|
13
|
+
<path d="M814.9,600.4c-2.4,0-4.3,1.9-4.3,4.2v358.5c0,2.3,1.9,4.3,4.3,4.3h20.8c23.3,0,42.1-18.9,42.1-42.1V642.6 c0-23.3-18.8-42.1-42.1-42.1H814.9z M814.9,207.1c-2.4,0-4.3,1.9-4.3,4.2v292.1c0,2.4,1.9,4.3,4.3,4.3h17.4 c23.2,0,42.1-18.9,42.1-42.1V249.2c0-23.2-18.9-42.1-42.1-42.1H814.9z M691.5,115.3H868c72.9,0,132,59.1,132,132v185.1 c0,51.9-34,95.7-81,110.7v2.5c46.9,15,81,58.8,81,110.8v282.6c0,64.2-52.1,116.3-116.3,116.3l-192.2,0.1c-2.4,0-4.2-1.9-4.2-4.2 V119.4C687.2,117.2,689.1,115.3,691.5,115.3" />
|
|
14
14
|
</svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.49",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -440,5 +440,5 @@
|
|
|
440
440
|
},
|
|
441
441
|
"./mvc/*": "./mvc/*"
|
|
442
442
|
},
|
|
443
|
-
"buildHash": "
|
|
443
|
+
"buildHash": "C915798EAD2F8973101F6BA3107B6850E4ACBCBF8B782A32BE32B095062882BB"
|
|
444
444
|
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
export * from './scb-accordion/scb-accordion-item';
|
|
2
|
+
export * from './scb-accordion/scb-accordion';
|
|
3
|
+
export * from './scb-app-bar/scb-app-bar';
|
|
4
|
+
export * from './scb-avatar/scb-avatar';
|
|
5
|
+
export * from './scb-badge/scb-badge';
|
|
6
|
+
export * from './scb-breadcrumb/scb-breadcrumb-item';
|
|
7
|
+
export * from './scb-breadcrumb/scb-breadcrumb';
|
|
8
|
+
export * from './scb-button/scb-button';
|
|
9
|
+
export * from './scb-calendar/scb-calendar-event';
|
|
10
|
+
export * from './scb-calendar/scb-calendar';
|
|
11
|
+
export * from './scb-calendar-card/scb-calendar-card';
|
|
12
|
+
export * from './scb-card/scb-action-card';
|
|
13
|
+
export * from './scb-card/scb-card';
|
|
14
|
+
export * from './scb-card/scb-container-card';
|
|
15
|
+
export * from './scb-card/scb-link-card';
|
|
16
|
+
export * from './scb-card/scb-list-card';
|
|
17
|
+
export * from './scb-card/scb-social-card';
|
|
18
|
+
export * from './scb-checkbox/scb-checkbox-group';
|
|
19
|
+
export * from './scb-checkbox/scb-checkbox';
|
|
20
|
+
export * from './scb-chevron/scb-chevron';
|
|
21
|
+
export * from './scb-chip/scb-chip';
|
|
22
|
+
export * from './scb-collapse/scb-collapse';
|
|
23
|
+
export * from './scb-cookies-consent/scb-cookies-consent';
|
|
24
|
+
export * from './scb-datepicker/scb-datepicker';
|
|
25
|
+
export * from './scb-dialog/scb-dialog';
|
|
26
|
+
export * from './scb-divider/scb-divider';
|
|
27
|
+
export * from './scb-drawer/scb-drawer';
|
|
28
|
+
export * from './scb-drop-zone/scb-drop-zone';
|
|
29
|
+
export * from './scb-dropdown/scb-dropdown';
|
|
30
|
+
export * from './scb-fab/scb-fab';
|
|
31
|
+
export * from './scb-fact-card/scb-fact-card-content';
|
|
32
|
+
export * from './scb-fact-card/scb-fact-card';
|
|
33
|
+
export * from './scb-footer/scb-footer-section';
|
|
34
|
+
export * from './scb-footer/scb-footer';
|
|
35
|
+
export * from './scb-gallery-grid/scb-gallery-grid';
|
|
36
|
+
export * from './scb-grid/scb-grid-item';
|
|
37
|
+
export * from './scb-grid/scb-grid';
|
|
38
|
+
export * from './scb-grid/scb-stack';
|
|
39
|
+
export * from './scb-header/scb-header-menu-group';
|
|
40
|
+
export * from './scb-header/scb-header-menu-item';
|
|
41
|
+
export * from './scb-header/scb-header-tab';
|
|
42
|
+
export * from './scb-header/scb-header-utility';
|
|
43
|
+
export * from './scb-header/scb-header';
|
|
44
|
+
export * from './scb-horizontal-scroller/scb-horizontal-scroller';
|
|
45
|
+
export * from './scb-icon-button/scb-icon-button';
|
|
46
|
+
export * from './scb-keyfigure-card/scb-keyfigure-card';
|
|
47
|
+
export * from './scb-link/scb-link';
|
|
48
|
+
export * from './scb-list/scb-list-item';
|
|
49
|
+
export * from './scb-list/scb-list';
|
|
50
|
+
export * from './scb-menu/scb-menu-item';
|
|
51
|
+
export * from './scb-menu/scb-menu-section';
|
|
52
|
+
export * from './scb-menu/scb-menu';
|
|
53
|
+
export * from './scb-menu/scb-sub-menu';
|
|
54
|
+
export * from './scb-nav/scb-nav-item';
|
|
55
|
+
export * from './scb-nav/scb-nav';
|
|
56
|
+
export * from './scb-notification-card/scb-notification-card';
|
|
57
|
+
export * from './scb-options-menu/scb-options-menu-item';
|
|
58
|
+
export * from './scb-options-menu/scb-options-menu';
|
|
59
|
+
export * from './scb-options-menu/scb-options-sub-menu';
|
|
60
|
+
export * from './scb-overlay/scb-overlay';
|
|
61
|
+
export * from './scb-pagination/scb-pagination';
|
|
62
|
+
export * from './scb-progress-indicator/scb-progress-indicator';
|
|
63
|
+
export * from './scb-progress-stepper/scb-progress-step';
|
|
64
|
+
export * from './scb-progress-stepper/scb-progress-stepper';
|
|
65
|
+
export * from './scb-radio-button/scb-radio-button';
|
|
66
|
+
export * from './scb-radio-button/scb-radio-group';
|
|
67
|
+
export * from './scb-scrollspy/scb-scrollspy';
|
|
68
|
+
export * from './scb-search/scb-search';
|
|
69
|
+
export * from './scb-segmented-button/scb-segmented-button';
|
|
70
|
+
export * from './scb-segmented-button/scb-segmented-item';
|
|
71
|
+
export * from './scb-select/scb-select-option';
|
|
72
|
+
export * from './scb-select/scb-select';
|
|
73
|
+
export * from './scb-skeleton/scb-skeleton';
|
|
74
|
+
export * from './scb-slider/scb-slider';
|
|
75
|
+
export * from './scb-snackbar/scb-snackbar';
|
|
76
|
+
export * from './scb-status-pill/scb-status-pill';
|
|
77
|
+
export * from './scb-stepper/scb-step';
|
|
78
|
+
export * from './scb-stepper/scb-stepper';
|
|
79
|
+
export * from './scb-switch/scb-switch';
|
|
80
|
+
export * from './scb-table/scb-table';
|
|
81
|
+
export * from './scb-table-advanced/scb-table-advanced';
|
|
82
|
+
export * from './scb-tabs/scb-primary-tab';
|
|
83
|
+
export * from './scb-tabs/scb-secondary-tab';
|
|
84
|
+
export * from './scb-tabs/scb-tabs';
|
|
85
|
+
export * from './scb-textfield/scb-textfield';
|
|
86
|
+
export * from './scb-toc/scb-toc-item';
|
|
87
|
+
export * from './scb-toc/scb-toc';
|
|
88
|
+
export * from './scb-tooltip/scb-tooltip';
|
|
89
|
+
export * from './scb-viz/scb-viz-actions-runtime';
|
|
90
|
+
export * from './scb-viz/scb-viz-print-runtime';
|
|
91
|
+
export * from './scb-viz/scb-viz-series-differentiation-registry';
|
|
92
|
+
export * from './scb-viz/scb-viz-series-differentiation-runtime';
|
|
93
|
+
export * from './scb-viz/scb-viz-table-runtime';
|
|
94
|
+
export * from './scb-viz/scb-viz';
|
|
@@ -0,0 +1,11 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
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
|
+
}
|
|
@@ -467,3 +467,4 @@ var s = class extends t {
|
|
|
467
467
|
};
|
|
468
468
|
e([o()], s.prototype, "_currentDate", void 0), e([o()], s.prototype, "_selectedDate", void 0), e([o()], s.prototype, "_showMonthDropdown", void 0), e([o()], s.prototype, "_showYearDropdown", void 0), e([a({ type: String })], s.prototype, "variant", void 0), e([a({ type: String })], s.prototype, "lang", void 0), e([a({ type: String })], s.prototype, "selectedValue", void 0), e([a({ type: Boolean })], s.prototype, "open", void 0), e([o()], s.prototype, "_selectedHour", void 0), e([o()], s.prototype, "_selectedMinute", void 0), s = e([i("scb-datepicker")], s);
|
|
469
469
|
//#endregion
|
|
470
|
+
export { s as ScbDatepicker };
|
package/scb-header/scb-header.js
CHANGED
|
@@ -499,6 +499,16 @@ var u = {
|
|
|
499
499
|
);
|
|
500
500
|
}
|
|
501
501
|
|
|
502
|
+
.header-landmark > scb-grid {
|
|
503
|
+
padding-inline: 20px;
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
@media (min-width: 840px) {
|
|
507
|
+
.header-landmark > scb-grid {
|
|
508
|
+
padding-inline: 32px;
|
|
509
|
+
}
|
|
510
|
+
}
|
|
511
|
+
|
|
502
512
|
.top-row {
|
|
503
513
|
display: flex;
|
|
504
514
|
align-items: center;
|
|
@@ -1235,9 +1245,9 @@ var u = {
|
|
|
1235
1245
|
|
|
1236
1246
|
${h ? this._renderMenuButton("menu-trigger--tabs-right") : i}
|
|
1237
1247
|
</div>
|
|
1238
|
-
<div class="divider" role="presentation"></div>
|
|
1239
1248
|
</scb-grid-item>
|
|
1240
1249
|
</scb-grid>
|
|
1250
|
+
<div class="divider" role="presentation"></div>
|
|
1241
1251
|
</div>
|
|
1242
1252
|
|
|
1243
1253
|
${d ? r`
|