scb-wc 0.1.76 → 0.1.77
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 +1 -1
- 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 +99 -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-wc.bundle.js +216 -216
- package/scb-wc.d.ts +198 -194
- package/scb-wc-public-entry/index.d.ts +0 -97
package/index.js
CHANGED
|
@@ -1,31 +1,33 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
1
|
+
import { ScbChevron as e } from "./scb-chevron/scb-chevron.js";
|
|
2
|
+
import { ScbAccordionItem as t } from "./scb-accordion/scb-accordion-item.js";
|
|
3
|
+
import { ScbButton as n } from "./scb-button/scb-button.js";
|
|
4
|
+
import { ScbAccordion as r } from "./scb-accordion/scb-accordion.js";
|
|
5
|
+
import { ScbListItem as i } from "./scb-list/scb-list-item.js";
|
|
6
|
+
import { ScbList as a } from "./scb-list/scb-list.js";
|
|
7
|
+
import { ScbIconButton as o } from "./scb-icon-button/scb-icon-button.js";
|
|
8
|
+
import { ScbLink as s } from "./scb-link/scb-link.js";
|
|
9
|
+
import { ScbChip as c } from "./scb-chip/scb-chip.js";
|
|
10
|
+
import { ScbAvatar as l } from "./scb-avatar/scb-avatar.js";
|
|
11
|
+
import { ScbTooltip as u } from "./scb-tooltip/scb-tooltip.js";
|
|
12
|
+
import { ScbActionCard as d, ScbCard as f, ScbContainerCard as p, ScbLinkCard as m, ScbListCard as h, ScbSocialCard as g } from "./scb-card/scb-card.js";
|
|
12
13
|
import "./scb-action-card/scb-action-card.js";
|
|
13
|
-
import { ScbSearch as
|
|
14
|
-
import { ScbAppBar as
|
|
15
|
-
import { ScbBadge as
|
|
16
|
-
import { SCBBreadcrumbItem as
|
|
17
|
-
import { SCBBreadcrumb as
|
|
18
|
-
import { ScbCalendarEvent as
|
|
19
|
-
import { ScbDivider as
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
14
|
+
import { ScbSearch as _ } from "./scb-search/scb-search.js";
|
|
15
|
+
import { ScbAppBar as v } from "./scb-app-bar/scb-app-bar.js";
|
|
16
|
+
import { ScbBadge as y } from "./scb-badge/scb-badge.js";
|
|
17
|
+
import { SCBBreadcrumbItem as b } from "./scb-breadcrumb/scb-breadcrumb-item.js";
|
|
18
|
+
import { SCBBreadcrumb as x } from "./scb-breadcrumb/scb-breadcrumb.js";
|
|
19
|
+
import { ScbCalendarEvent as S } from "./scb-calendar/scb-calendar-event.js";
|
|
20
|
+
import { ScbDivider as C } from "./scb-divider/scb-divider.js";
|
|
21
|
+
import { ScbDatepicker as w } from "./scb-datepicker/scb-datepicker.js";
|
|
22
|
+
import { ScbTextField as T } from "./scb-textfield/scb-textfield.js";
|
|
23
|
+
import { ScbCheckboxGroup as E } from "./scb-checkbox/scb-checkbox-group.js";
|
|
24
|
+
import { ScbCheckbox as D } from "./scb-checkbox/scb-checkbox.js";
|
|
25
|
+
import { ScbRadioGroup as O } from "./scb-radio-button/scb-radio-group.js";
|
|
26
|
+
import { ScbRadioButton as k } from "./scb-radio-button/scb-radio-button.js";
|
|
27
|
+
import { ScbSwitch as A } from "./scb-switch/scb-switch.js";
|
|
28
|
+
import { ScbDialog as j } from "./scb-dialog/scb-dialog.js";
|
|
29
|
+
import { ScbCalendar as M } from "./scb-calendar/scb-calendar.js";
|
|
30
|
+
import { ScbCalendarCard as N } from "./scb-calendar-card/scb-calendar-card.js";
|
|
29
31
|
import "./scb-card/scb-action-card.js";
|
|
30
32
|
import "./scb-container-card/scb-container-card.js";
|
|
31
33
|
import "./scb-card/scb-container-card.js";
|
|
@@ -35,64 +37,64 @@ import "./scb-list-card/scb-list-card.js";
|
|
|
35
37
|
import "./scb-card/scb-list-card.js";
|
|
36
38
|
import "./scb-social-card/scb-social-card.js";
|
|
37
39
|
import "./scb-card/scb-social-card.js";
|
|
38
|
-
import { ScbCollapse as
|
|
39
|
-
import { ScbCookiesConsent as
|
|
40
|
-
import { ScbDrawer as
|
|
41
|
-
import { ScbDropZone as
|
|
42
|
-
import { ScbOptionsMenuItem as
|
|
43
|
-
import { ScbOptionsSubMenu as
|
|
44
|
-
import { ScbOptionsMenu as
|
|
45
|
-
import { ScbDropdown as
|
|
46
|
-
import { ScbFab as
|
|
47
|
-
import { ScbFactCardContent as
|
|
48
|
-
import { ScbFactCard as
|
|
49
|
-
import { ScbFooterSection as
|
|
50
|
-
import { ScbGridItem as
|
|
51
|
-
import { ScbStack as
|
|
52
|
-
import { ScbGrid as
|
|
53
|
-
import { ScbFooter as
|
|
54
|
-
import { ScbHorizontalScroller as
|
|
55
|
-
import { ScbOverlay as
|
|
56
|
-
import { ScbGalleryGrid as
|
|
57
|
-
import { ScbHeaderMenuGroup as
|
|
58
|
-
import { ScbHeaderMenuItem as
|
|
59
|
-
import { ScbHeaderTab as
|
|
60
|
-
import { ScbHeaderUtility as
|
|
61
|
-
import { ScbHeader as
|
|
62
|
-
import { ScbKeyFigureCard as
|
|
63
|
-
import { ScbMenuItem as
|
|
64
|
-
import { ScbmenuSection as
|
|
65
|
-
import { ScbSubmenu as
|
|
66
|
-
import { ScbMenu as
|
|
67
|
-
import { ScbNavItem as
|
|
68
|
-
import { ScbNav as
|
|
69
|
-
import { ScbNotificationCard as
|
|
70
|
-
import { ScbPagination as
|
|
71
|
-
import { ScbProgressIndicator as
|
|
72
|
-
import { ScbProgressStep as
|
|
73
|
-
import { ScbProgressStepper as
|
|
74
|
-
import { ScbScrollspy as
|
|
75
|
-
import { ScbSegmentedItem as
|
|
76
|
-
import { ScbSegmentedButton as
|
|
77
|
-
import { ScbSelectOption as
|
|
78
|
-
import { ScbSelect as
|
|
79
|
-
import { ScbSkeleton as
|
|
80
|
-
import { ScbSlider as
|
|
81
|
-
import { ScbSnackbar as
|
|
82
|
-
import { ScbStatusPill as
|
|
83
|
-
import { ScbStep as
|
|
84
|
-
import { ScbStepper as
|
|
85
|
-
import { ScbTable as
|
|
86
|
-
import { ScbTableAdvanced as
|
|
87
|
-
import { ScbPrimaryTab as
|
|
88
|
-
import { ScbSecondaryTab as
|
|
89
|
-
import { ScbTabs as
|
|
90
|
-
import { ScbTocItem as
|
|
91
|
-
import { ScbToc as
|
|
92
|
-
import { buildScbVizExportFileName as
|
|
93
|
-
import { buildScbVizPrintDocumentHtml as
|
|
94
|
-
import { appendScbVizSeriesDifferentiationPatternMarks as
|
|
95
|
-
import { clearScbVizSeriesDifferentiationColorClass as
|
|
96
|
-
import { buildScbVizResolvedTableView as
|
|
97
|
-
import { ScbViz as
|
|
98
|
-
export {
|
|
40
|
+
import { ScbCollapse as P } from "./scb-collapse/scb-collapse.js";
|
|
41
|
+
import { ScbCookiesConsent as F } from "./scb-cookies-consent/scb-cookies-consent.js";
|
|
42
|
+
import { ScbDrawer as I } from "./scb-drawer/scb-drawer.js";
|
|
43
|
+
import { ScbDropZone as L } from "./scb-drop-zone/scb-drop-zone.js";
|
|
44
|
+
import { ScbOptionsMenuItem as R } from "./scb-options-menu/scb-options-menu-item.js";
|
|
45
|
+
import { ScbOptionsSubMenu as z } from "./scb-options-menu/scb-options-sub-menu.js";
|
|
46
|
+
import { ScbOptionsMenu as B } from "./scb-options-menu/scb-options-menu.js";
|
|
47
|
+
import { ScbDropdown as V } from "./scb-dropdown/scb-dropdown.js";
|
|
48
|
+
import { ScbFab as H } from "./scb-fab/scb-fab.js";
|
|
49
|
+
import { ScbFactCardContent as U } from "./scb-fact-card/scb-fact-card-content.js";
|
|
50
|
+
import { ScbFactCard as W } from "./scb-fact-card/scb-fact-card.js";
|
|
51
|
+
import { ScbFooterSection as G } from "./scb-footer/scb-footer-section.js";
|
|
52
|
+
import { ScbGridItem as K } from "./scb-grid/scb-grid-item.js";
|
|
53
|
+
import { ScbStack as q } from "./scb-grid/scb-stack.js";
|
|
54
|
+
import { ScbGrid as J } from "./scb-grid/scb-grid.js";
|
|
55
|
+
import { ScbFooter as Y } from "./scb-footer/scb-footer.js";
|
|
56
|
+
import { ScbHorizontalScroller as X } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
57
|
+
import { ScbOverlay as Z } from "./scb-overlay/scb-overlay.js";
|
|
58
|
+
import { ScbGalleryGrid as Q } from "./scb-gallery-grid/scb-gallery-grid.js";
|
|
59
|
+
import { ScbHeaderMenuGroup as $ } from "./scb-header/scb-header-menu-group.js";
|
|
60
|
+
import { ScbHeaderMenuItem as ee } from "./scb-header/scb-header-menu-item.js";
|
|
61
|
+
import { ScbHeaderTab as te } from "./scb-header/scb-header-tab.js";
|
|
62
|
+
import { ScbHeaderUtility as ne } from "./scb-header/scb-header-utility.js";
|
|
63
|
+
import { ScbHeader as re } from "./scb-header/scb-header.js";
|
|
64
|
+
import { ScbKeyFigureCard as ie } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
65
|
+
import { ScbMenuItem as ae } from "./scb-menu/scb-menu-item.js";
|
|
66
|
+
import { ScbmenuSection as oe } from "./scb-menu/scb-menu-section.js";
|
|
67
|
+
import { ScbSubmenu as se } from "./scb-menu/scb-sub-menu.js";
|
|
68
|
+
import { ScbMenu as ce } from "./scb-menu/scb-menu.js";
|
|
69
|
+
import { ScbNavItem as le } from "./scb-nav/scb-nav-item.js";
|
|
70
|
+
import { ScbNav as ue } from "./scb-nav/scb-nav.js";
|
|
71
|
+
import { ScbNotificationCard as de } from "./scb-notification-card/scb-notification-card.js";
|
|
72
|
+
import { ScbPagination as fe } from "./scb-pagination/scb-pagination.js";
|
|
73
|
+
import { ScbProgressIndicator as pe } from "./scb-progress-indicator/scb-progress-indicator.js";
|
|
74
|
+
import { ScbProgressStep as me } from "./scb-progress-stepper/scb-progress-step.js";
|
|
75
|
+
import { ScbProgressStepper as he } from "./scb-progress-stepper/scb-progress-stepper.js";
|
|
76
|
+
import { ScbScrollspy as ge } from "./scb-scrollspy/scb-scrollspy.js";
|
|
77
|
+
import { ScbSegmentedItem as _e } from "./scb-segmented-button/scb-segmented-item.js";
|
|
78
|
+
import { ScbSegmentedButton as ve } from "./scb-segmented-button/scb-segmented-button.js";
|
|
79
|
+
import { ScbSelectOption as ye } from "./scb-select/scb-select-option.js";
|
|
80
|
+
import { ScbSelect as be } from "./scb-select/scb-select.js";
|
|
81
|
+
import { ScbSkeleton as xe } from "./scb-skeleton/scb-skeleton.js";
|
|
82
|
+
import { ScbSlider as Se } from "./scb-slider/scb-slider.js";
|
|
83
|
+
import { ScbSnackbar as Ce } from "./scb-snackbar/scb-snackbar.js";
|
|
84
|
+
import { ScbStatusPill as we } from "./scb-status-pill/scb-status-pill.js";
|
|
85
|
+
import { ScbStep as Te } from "./scb-stepper/scb-step.js";
|
|
86
|
+
import { ScbStepper as Ee } from "./scb-stepper/scb-stepper.js";
|
|
87
|
+
import { ScbTable as De } from "./scb-table/scb-table.js";
|
|
88
|
+
import { ScbTableAdvanced as Oe } from "./scb-table-advanced/scb-table-advanced.js";
|
|
89
|
+
import { ScbPrimaryTab as ke } from "./scb-tabs/scb-primary-tab.js";
|
|
90
|
+
import { ScbSecondaryTab as Ae } from "./scb-tabs/scb-secondary-tab.js";
|
|
91
|
+
import { ScbTabs as je } from "./scb-tabs/scb-tabs.js";
|
|
92
|
+
import { ScbTocItem as Me } from "./scb-toc/scb-toc-item.js";
|
|
93
|
+
import { ScbToc as Ne } from "./scb-toc/scb-toc.js";
|
|
94
|
+
import { buildScbVizExportFileName as Pe, createScbVizCsvBlob as Fe, createScbVizRasterBlobFromElement as Ie, createScbVizRasterDataUrlFromElement as Le, downloadScbVizBlob as Re, getScbVizCurrentFullscreenElement as ze, getScbVizExportBaseFileName as Be, getScbVizFullscreenDocument as Ve, isScbVizFullscreenSupported as He, openScbVizPrintFrame as Ue, runWithScbVizForcedPrintLightMode as We, toggleScbVizFullscreen as Ge } from "./scb-viz/scb-viz-actions-runtime.js";
|
|
95
|
+
import { buildScbVizPrintDocumentHtml as Ke, buildScbVizPrintableFooterHtml as qe, buildScbVizPrintableTableHtml as Je } from "./scb-viz/scb-viz-print-runtime.js";
|
|
96
|
+
import { appendScbVizSeriesDifferentiationPatternMarks as Ye, getScbVizSeriesDifferentiationPatternDefinition as Xe, getScbVizSeriesDifferentiationPatternKinds as Ze, getScbVizSeriesDifferentiationRegistry as Qe, getScbVizSeriesDifferentiationVariant as $e, scbVizSeriesDifferentiationRegistry as et } from "./scb-viz/scb-viz-series-differentiation-registry.js";
|
|
97
|
+
import { clearScbVizSeriesDifferentiationColorClass as tt, clearScbVizSeriesDifferentiationMetadata as nt, ensureScbVizGroupedSeriesDifferentiationStore as rt, ensureScbVizStyledModeSeriesPattern as it, getScbVizGroupedSeriesDifferentiationKey as at, getScbVizGroupedSeriesDifferentiationVariant as ot, getScbVizGroupedSeriesDifferentiationVariantIndex as st, getScbVizHighchartsColorClassName as ct, getScbVizHighchartsSvgElement as lt, getScbVizHighchartsSvgRoot as ut, getScbVizLegendSeriesDifferentiationTargets as dt, getScbVizSeriesDifferentiationColorIndex as ft, getScbVizSeriesDifferentiationVariantByIndex as pt, isScbVizGroupedSeriesDifferentiationChart as mt, isScbVizHighchartsStyledMode as ht, setScbVizSeriesDifferentiationColorClass as gt, setScbVizSeriesDifferentiationMetadata as _t, shouldShowScbVizSeriesDifferentiationAction as vt, usesScbVizGroupedPointDifferentiation as yt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
|
|
98
|
+
import { buildScbVizResolvedTableView as bt, createScbVizCsvRows as xt, inferScbVizTableAlignments as St, normalizeScbVizRenderableCell as Ct, readScbVizTableDataFromSlot as wt } from "./scb-viz/scb-viz-table-runtime.js";
|
|
99
|
+
import { ScbViz as Tt } from "./scb-viz/scb-viz.js";
|
|
100
|
+
export { x as SCBBreadcrumb, b as SCBBreadcrumbItem, r as ScbAccordion, t as ScbAccordionItem, d as ScbActionCard, v as ScbAppBar, l as ScbAvatar, y as ScbBadge, n as ScbButton, M as ScbCalendar, N as ScbCalendarCard, S as ScbCalendarEvent, f as ScbCard, D as ScbCheckbox, E as ScbCheckboxGroup, e as ScbChevron, c as ScbChip, P as ScbCollapse, p as ScbContainerCard, F as ScbCookiesConsent, w as ScbDatepicker, j as ScbDialog, C as ScbDivider, I as ScbDrawer, L as ScbDropZone, V as ScbDropdown, H as ScbFab, W as ScbFactCard, U as ScbFactCardContent, Y as ScbFooter, G as ScbFooterSection, Q as ScbGalleryGrid, J as ScbGrid, K as ScbGridItem, re as ScbHeader, $ as ScbHeaderMenuGroup, ee as ScbHeaderMenuItem, te as ScbHeaderTab, ne as ScbHeaderUtility, X as ScbHorizontalScroller, o as ScbIconButton, ie as ScbKeyFigureCard, s as ScbLink, m as ScbLinkCard, a as ScbList, h as ScbListCard, i as ScbListItem, ce as ScbMenu, ae as ScbMenuItem, ue as ScbNav, le as ScbNavItem, de as ScbNotificationCard, B as ScbOptionsMenu, R as ScbOptionsMenuItem, z as ScbOptionsSubMenu, Z as ScbOverlay, fe as ScbPagination, ke as ScbPrimaryTab, pe as ScbProgressIndicator, me as ScbProgressStep, he as ScbProgressStepper, k as ScbRadioButton, O as ScbRadioGroup, ge as ScbScrollspy, _ as ScbSearch, Ae as ScbSecondaryTab, ve as ScbSegmentedButton, _e as ScbSegmentedItem, be as ScbSelect, ye as ScbSelectOption, xe as ScbSkeleton, Se as ScbSlider, Ce as ScbSnackbar, g as ScbSocialCard, q as ScbStack, we as ScbStatusPill, Te as ScbStep, Ee as ScbStepper, se as ScbSubmenu, A as ScbSwitch, De as ScbTable, Oe as ScbTableAdvanced, je as ScbTabs, T as ScbTextField, Ne as ScbToc, Me as ScbTocItem, u as ScbTooltip, Tt as ScbViz, oe as ScbmenuSection, Ye as appendScbVizSeriesDifferentiationPatternMarks, Pe as buildScbVizExportFileName, Ke as buildScbVizPrintDocumentHtml, qe as buildScbVizPrintableFooterHtml, Je as buildScbVizPrintableTableHtml, bt as buildScbVizResolvedTableView, tt as clearScbVizSeriesDifferentiationColorClass, nt as clearScbVizSeriesDifferentiationMetadata, Fe as createScbVizCsvBlob, xt as createScbVizCsvRows, Ie as createScbVizRasterBlobFromElement, Le as createScbVizRasterDataUrlFromElement, Re as downloadScbVizBlob, rt as ensureScbVizGroupedSeriesDifferentiationStore, it as ensureScbVizStyledModeSeriesPattern, ze as getScbVizCurrentFullscreenElement, Be as getScbVizExportBaseFileName, Ve as getScbVizFullscreenDocument, at as getScbVizGroupedSeriesDifferentiationKey, ot as getScbVizGroupedSeriesDifferentiationVariant, st as getScbVizGroupedSeriesDifferentiationVariantIndex, ct as getScbVizHighchartsColorClassName, lt as getScbVizHighchartsSvgElement, ut as getScbVizHighchartsSvgRoot, dt as getScbVizLegendSeriesDifferentiationTargets, ft as getScbVizSeriesDifferentiationColorIndex, Xe as getScbVizSeriesDifferentiationPatternDefinition, Ze as getScbVizSeriesDifferentiationPatternKinds, Qe as getScbVizSeriesDifferentiationRegistry, $e as getScbVizSeriesDifferentiationVariant, pt as getScbVizSeriesDifferentiationVariantByIndex, St as inferScbVizTableAlignments, He as isScbVizFullscreenSupported, mt as isScbVizGroupedSeriesDifferentiationChart, ht as isScbVizHighchartsStyledMode, Ct as normalizeScbVizRenderableCell, Ue as openScbVizPrintFrame, wt as readScbVizTableDataFromSlot, We as runWithScbVizForcedPrintLightMode, et as scbVizSeriesDifferentiationRegistry, gt as setScbVizSeriesDifferentiationColorClass, _t as setScbVizSeriesDifferentiationMetadata, vt as shouldShowScbVizSeriesDifferentiationAction, Ge as toggleScbVizFullscreen, yt as usesScbVizGroupedPointDifferentiation };
|
package/mvc/components/all.js
CHANGED
|
@@ -18,10 +18,12 @@ import './scb-card/scb-list-card.js';
|
|
|
18
18
|
import './scb-card/scb-social-card.js';
|
|
19
19
|
import './scb-checkbox/scb-checkbox.js';
|
|
20
20
|
import './scb-checkbox/scb-checkbox-group.js';
|
|
21
|
+
import './scb-chevron/scb-chevron.js';
|
|
21
22
|
import './scb-chip/scb-chip.js';
|
|
22
23
|
import './scb-collapse/scb-collapse.js';
|
|
23
24
|
import './scb-container-card/scb-container-card.js';
|
|
24
25
|
import './scb-cookies-consent/scb-cookies-consent.js';
|
|
26
|
+
import './scb-datepicker/scb-datepicker.js';
|
|
25
27
|
import './scb-dialog/scb-dialog.js';
|
|
26
28
|
import './scb-divider/scb-divider.js';
|
|
27
29
|
import './scb-drawer/scb-drawer.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as m,b,g as h,h as o,v as l,y as s}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 r}from"../../vendor/decorate.js";import"
|
|
1
|
+
import{_ as m,b,g as h,h as o,v as l,y as s}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 r}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,e,v){try{customElements.get(t)||i(t,e,v)}catch(c){var n=String(c||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var d,p,a=(d=class extends m{constructor(...i){super(...i),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=p._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=t=>{t.preventDefault();const e=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,e),this.setOpen(e)},this._onToggle=t=>{const e=t.currentTarget;e.open||(e.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${p._uidPrefix}-${++p._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,t,e){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,t,e),i==="title"&&e!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const t=this.closest("scb-accordion"),e=Array.from(t?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(c=>!!c),v=i.currentTarget,n=e.indexOf(v);switch(i.key){case"ArrowDown":i.preventDefault(),n<e.length-1&&e[n+1].focus();break;case"ArrowUp":i.preventDefault(),n>0&&e[n-1].focus();break;case"Home":i.preventDefault(),e.length&&e[0].focus();break;case"End":i.preventDefault(),e.length&&e[e.length-1].focus();break}}setOpen(i){this.open=!!i;const t=this.renderRoot.querySelector("details");t&&!t.open&&(t.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const t=this.renderRoot.querySelector("details");t&&!t.open&&(t.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,t=`header-${this._unique}`,e=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?s`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?s`
|
|
2
2
|
<scb-avatar
|
|
3
3
|
label=${this.avatarLabel}
|
|
4
4
|
alt=${this.avatarAlt}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as h,b as v,g as d,h as p,y as f}from"
|
|
1
|
+
import{_ as h,b as v,g as d,h as p,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(o,a,l){try{customElements.get(o)||r(o,a,l)}catch(i){var s=String(i||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var n,t=(n=class extends h{constructor(...r){super(...r),this.open=!1}render(){return f`
|
|
2
2
|
<svg
|
|
3
3
|
class="chevron-icon"
|
|
4
4
|
viewBox="0 0 24 24"
|
|
@@ -0,0 +1,296 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import{_ as y,b as v,g as w,h as d,p as b,v as f,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import{t as a}from"../../vendor/decorate.js";import"
|
|
1
|
+
import{_ as y,b as v,g as w,h as d,p as b,v as f,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import{t as a}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-button/scb-button.js";import"../scb-options-menu/scb-options-menu.js";(function(){try{var h=typeof globalThis<"u"?globalThis:window;if(!h.__scb_ce_guard_installed__){h.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||t(e,i,s)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var g,_=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-dropdown-pre-upgrade]"))return;const h=document.createElement("style");h.setAttribute("data-scb-dropdown-pre-upgrade",""),h.textContent=`
|
|
2
2
|
scb-dropdown:not(:defined) {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
position: relative;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js","../scb-drawer/scb-drawer.js","../../vendor/decorate.js","../scb-divider/scb-divider.js","../../vendor/assertClassBrand.js","../scb-menu/scb-menu.js","../scb-menu/scb-menu-item.js","../../vendor/preload-helper.js","
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js","../scb-drawer/scb-drawer.js","../../vendor/decorate.js","../scb-divider/scb-divider.js","../../vendor/assertClassBrand.js","../scb-menu/scb-menu.js","../scb-menu/scb-menu-item.js","../../vendor/preload-helper.js","../scb-chevron/scb-chevron.js","../scb-menu/scb-menu-section.js","../scb-menu/scb-sub-menu.js","../scb-search/scb-search.js","../../vendor/icon.js","../../vendor/ripple.js","../scb-dropdown/scb-dropdown.js","../scb-button/scb-button.js","../../vendor/elevation.js","../../vendor/delegate.js","../../vendor/form-submitter.js","../../vendor/element-internals.js","../../vendor/form-label-activation.js","../scb-options-menu/scb-options-menu.js","../scb-options-menu/scb-options-menu-item.js","../scb-options-menu/scb-options-sub-menu.js"])))=>i.map(i=>d[i]);
|
|
2
2
|
import{_ as M,b as E,g as P,h,m as S,v as y,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import{t as $}from"../../vendor/preload-helper.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,r,s){try{customElements.get(t)||e(t,r,s)}catch(a){var i=String(a||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var A,T,I=0,L=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-header-pre-upgrade]"))return;const b=document.createElement("style");b.setAttribute("data-scb-header-pre-upgrade",""),b.textContent=`
|
|
3
3
|
scb-header:not(:defined),
|
|
4
4
|
scb-header[data-upgrading] {
|