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/index.js
CHANGED
|
@@ -1,93 +1,95 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
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 { ScbIconButton as i } from "./scb-icon-button/scb-icon-button.js";
|
|
6
|
+
import { ScbListItem as a } from "./scb-list/scb-list-item.js";
|
|
7
|
+
import { ScbList as o } from "./scb-list/scb-list.js";
|
|
8
|
+
import { ScbSearch as s } from "./scb-search/scb-search.js";
|
|
9
|
+
import { ScbAvatar as c } from "./scb-avatar/scb-avatar.js";
|
|
10
|
+
import { ScbAppBar as l } from "./scb-app-bar/scb-app-bar.js";
|
|
11
|
+
import { ScbBadge as u } from "./scb-badge/scb-badge.js";
|
|
12
|
+
import { ScbLink as d } from "./scb-link/scb-link.js";
|
|
13
|
+
import { SCBBreadcrumbItem as f } from "./scb-breadcrumb/scb-breadcrumb-item.js";
|
|
14
|
+
import { SCBBreadcrumb as p } from "./scb-breadcrumb/scb-breadcrumb.js";
|
|
15
|
+
import { ScbCalendarEvent as m } from "./scb-calendar/scb-calendar-event.js";
|
|
16
|
+
import { ScbDivider as h } from "./scb-divider/scb-divider.js";
|
|
17
|
+
import { ScbDatepicker as g } from "./scb-datepicker/scb-datepicker.js";
|
|
18
|
+
import { ScbTextField as _ } from "./scb-textfield/scb-textfield.js";
|
|
19
|
+
import { ScbCheckboxGroup as v } from "./scb-checkbox/scb-checkbox-group.js";
|
|
20
|
+
import { ScbCheckbox as y } from "./scb-checkbox/scb-checkbox.js";
|
|
21
|
+
import { ScbRadioGroup as b } from "./scb-radio-button/scb-radio-group.js";
|
|
22
|
+
import { ScbRadioButton as x } from "./scb-radio-button/scb-radio-button.js";
|
|
23
|
+
import { ScbSwitch as S } from "./scb-switch/scb-switch.js";
|
|
24
|
+
import { ScbChip as C } from "./scb-chip/scb-chip.js";
|
|
25
|
+
import { ScbDialog as w } from "./scb-dialog/scb-dialog.js";
|
|
26
|
+
import { ScbCalendar as T } from "./scb-calendar/scb-calendar.js";
|
|
27
|
+
import { ScbCalendarCard as E } from "./scb-calendar-card/scb-calendar-card.js";
|
|
28
|
+
import { ScbTooltip as D } from "./scb-tooltip/scb-tooltip.js";
|
|
29
|
+
import { ScbActionCard as O, ScbCard as k, ScbContainerCard as A, ScbLinkCard as j, ScbListCard as M, ScbSocialCard as N } from "./scb-card/scb-card.js";
|
|
28
30
|
import "./scb-card/scb-action-card.js";
|
|
29
31
|
import "./scb-card/scb-container-card.js";
|
|
30
32
|
import "./scb-card/scb-link-card.js";
|
|
31
33
|
import "./scb-card/scb-list-card.js";
|
|
32
34
|
import "./scb-card/scb-social-card.js";
|
|
33
|
-
import { ScbCollapse as
|
|
34
|
-
import { ScbCookiesConsent as
|
|
35
|
-
import { ScbDrawer as
|
|
36
|
-
import { ScbDropZone as
|
|
37
|
-
import { ScbOptionsMenuItem as
|
|
38
|
-
import { ScbOptionsSubMenu as
|
|
39
|
-
import { ScbOptionsMenu as
|
|
40
|
-
import { ScbDropdown as
|
|
41
|
-
import { ScbFab as
|
|
42
|
-
import { ScbFactCardContent as
|
|
43
|
-
import { ScbFactCard as
|
|
44
|
-
import { ScbFooterSection as
|
|
45
|
-
import { ScbGridItem as
|
|
46
|
-
import { ScbStack as
|
|
47
|
-
import { ScbGrid as
|
|
48
|
-
import { ScbFooter as
|
|
49
|
-
import { ScbHorizontalScroller as
|
|
50
|
-
import { ScbOverlay as
|
|
51
|
-
import { ScbGalleryGrid as
|
|
52
|
-
import { ScbHeaderMenuGroup as
|
|
53
|
-
import { ScbHeaderMenuItem as
|
|
54
|
-
import { ScbHeaderTab as
|
|
55
|
-
import { ScbHeaderUtility as
|
|
56
|
-
import { ScbSkeleton as
|
|
57
|
-
import { ScbHeader as
|
|
58
|
-
import { ScbKeyFigureCard as
|
|
59
|
-
import { ScbMenuItem as
|
|
60
|
-
import { ScbmenuSection as
|
|
61
|
-
import { ScbSubmenu as
|
|
62
|
-
import { ScbMenu as
|
|
63
|
-
import { ScbNavItem as
|
|
64
|
-
import { ScbNav as
|
|
65
|
-
import { ScbNotificationCard as
|
|
66
|
-
import { ScbPagination as
|
|
67
|
-
import { ScbProgressIndicator as
|
|
68
|
-
import { ScbProgressStep as
|
|
69
|
-
import { ScbProgressStepper as
|
|
70
|
-
import { ScbScrollspy as
|
|
71
|
-
import { ScbSegmentedItem as
|
|
72
|
-
import { ScbSegmentedButton as
|
|
73
|
-
import { ScbSelectOption as
|
|
74
|
-
import { ScbSelect as
|
|
75
|
-
import { ScbSlider as
|
|
76
|
-
import { ScbSnackbar as
|
|
77
|
-
import { ScbStatusPill as
|
|
78
|
-
import { ScbStep as
|
|
79
|
-
import { ScbStepper as
|
|
80
|
-
import { ScbTable as
|
|
81
|
-
import { ScbTableAdvanced as
|
|
82
|
-
import { ScbPrimaryTab as
|
|
83
|
-
import { ScbSecondaryTab as
|
|
84
|
-
import { ScbTabs as
|
|
85
|
-
import { ScbTocItem as
|
|
86
|
-
import { ScbToc as
|
|
87
|
-
import { buildScbVizExportFileName as
|
|
88
|
-
import { buildScbVizPrintDocumentHtml as
|
|
89
|
-
import { appendScbVizSeriesDifferentiationPatternMarks as
|
|
90
|
-
import { clearScbVizSeriesDifferentiationColorClass as
|
|
91
|
-
import { buildScbVizResolvedTableView as
|
|
92
|
-
import { ScbViz as
|
|
93
|
-
export {
|
|
35
|
+
import { ScbCollapse as P } from "./scb-collapse/scb-collapse.js";
|
|
36
|
+
import { ScbCookiesConsent as F } from "./scb-cookies-consent/scb-cookies-consent.js";
|
|
37
|
+
import { ScbDrawer as I } from "./scb-drawer/scb-drawer.js";
|
|
38
|
+
import { ScbDropZone as L } from "./scb-drop-zone/scb-drop-zone.js";
|
|
39
|
+
import { ScbOptionsMenuItem as R } from "./scb-options-menu/scb-options-menu-item.js";
|
|
40
|
+
import { ScbOptionsSubMenu as z } from "./scb-options-menu/scb-options-sub-menu.js";
|
|
41
|
+
import { ScbOptionsMenu as B } from "./scb-options-menu/scb-options-menu.js";
|
|
42
|
+
import { ScbDropdown as V } from "./scb-dropdown/scb-dropdown.js";
|
|
43
|
+
import { ScbFab as H } from "./scb-fab/scb-fab.js";
|
|
44
|
+
import { ScbFactCardContent as U } from "./scb-fact-card/scb-fact-card-content.js";
|
|
45
|
+
import { ScbFactCard as W } from "./scb-fact-card/scb-fact-card.js";
|
|
46
|
+
import { ScbFooterSection as G } from "./scb-footer/scb-footer-section.js";
|
|
47
|
+
import { ScbGridItem as K } from "./scb-grid/scb-grid-item.js";
|
|
48
|
+
import { ScbStack as q } from "./scb-grid/scb-stack.js";
|
|
49
|
+
import { ScbGrid as J } from "./scb-grid/scb-grid.js";
|
|
50
|
+
import { ScbFooter as Y } from "./scb-footer/scb-footer.js";
|
|
51
|
+
import { ScbHorizontalScroller as X } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
52
|
+
import { ScbOverlay as Z } from "./scb-overlay/scb-overlay.js";
|
|
53
|
+
import { ScbGalleryGrid as Q } from "./scb-gallery-grid/scb-gallery-grid.js";
|
|
54
|
+
import { ScbHeaderMenuGroup as $ } from "./scb-header/scb-header-menu-group.js";
|
|
55
|
+
import { ScbHeaderMenuItem as ee } from "./scb-header/scb-header-menu-item.js";
|
|
56
|
+
import { ScbHeaderTab as te } from "./scb-header/scb-header-tab.js";
|
|
57
|
+
import { ScbHeaderUtility as ne } from "./scb-header/scb-header-utility.js";
|
|
58
|
+
import { ScbSkeleton as re } from "./scb-skeleton/scb-skeleton.js";
|
|
59
|
+
import { ScbHeader as ie } from "./scb-header/scb-header.js";
|
|
60
|
+
import { ScbKeyFigureCard as ae } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
61
|
+
import { ScbMenuItem as oe } from "./scb-menu/scb-menu-item.js";
|
|
62
|
+
import { ScbmenuSection as se } from "./scb-menu/scb-menu-section.js";
|
|
63
|
+
import { ScbSubmenu as ce } from "./scb-menu/scb-sub-menu.js";
|
|
64
|
+
import { ScbMenu as le } from "./scb-menu/scb-menu.js";
|
|
65
|
+
import { ScbNavItem as ue } from "./scb-nav/scb-nav-item.js";
|
|
66
|
+
import { ScbNav as de } from "./scb-nav/scb-nav.js";
|
|
67
|
+
import { ScbNotificationCard as fe } from "./scb-notification-card/scb-notification-card.js";
|
|
68
|
+
import { ScbPagination as pe } from "./scb-pagination/scb-pagination.js";
|
|
69
|
+
import { ScbProgressIndicator as me } from "./scb-progress-indicator/scb-progress-indicator.js";
|
|
70
|
+
import { ScbProgressStep as he } from "./scb-progress-stepper/scb-progress-step.js";
|
|
71
|
+
import { ScbProgressStepper as ge } from "./scb-progress-stepper/scb-progress-stepper.js";
|
|
72
|
+
import { ScbScrollspy as _e } from "./scb-scrollspy/scb-scrollspy.js";
|
|
73
|
+
import { ScbSegmentedItem as ve } from "./scb-segmented-button/scb-segmented-item.js";
|
|
74
|
+
import { ScbSegmentedButton as ye } from "./scb-segmented-button/scb-segmented-button.js";
|
|
75
|
+
import { ScbSelectOption as be } from "./scb-select/scb-select-option.js";
|
|
76
|
+
import { ScbSelect as xe } from "./scb-select/scb-select.js";
|
|
77
|
+
import { ScbSlider as Se } from "./scb-slider/scb-slider.js";
|
|
78
|
+
import { ScbSnackbar as Ce } from "./scb-snackbar/scb-snackbar.js";
|
|
79
|
+
import { ScbStatusPill as we } from "./scb-status-pill/scb-status-pill.js";
|
|
80
|
+
import { ScbStep as Te } from "./scb-stepper/scb-step.js";
|
|
81
|
+
import { ScbStepper as Ee } from "./scb-stepper/scb-stepper.js";
|
|
82
|
+
import { ScbTable as De } from "./scb-table/scb-table.js";
|
|
83
|
+
import { ScbTableAdvanced as Oe } from "./scb-table-advanced/scb-table-advanced.js";
|
|
84
|
+
import { ScbPrimaryTab as ke } from "./scb-tabs/scb-primary-tab.js";
|
|
85
|
+
import { ScbSecondaryTab as Ae } from "./scb-tabs/scb-secondary-tab.js";
|
|
86
|
+
import { ScbTabs as je } from "./scb-tabs/scb-tabs.js";
|
|
87
|
+
import { ScbTocItem as Me } from "./scb-toc/scb-toc-item.js";
|
|
88
|
+
import { ScbToc as Ne } from "./scb-toc/scb-toc.js";
|
|
89
|
+
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";
|
|
90
|
+
import { buildScbVizPrintDocumentHtml as Ke, buildScbVizPrintableFooterHtml as qe, buildScbVizPrintableTableHtml as Je } from "./scb-viz/scb-viz-print-runtime.js";
|
|
91
|
+
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";
|
|
92
|
+
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";
|
|
93
|
+
import { buildScbVizResolvedTableView as bt, createScbVizCsvRows as xt, inferScbVizTableAlignments as St, normalizeScbVizRenderableCell as Ct, readScbVizTableDataFromSlot as wt } from "./scb-viz/scb-viz-table-runtime.js";
|
|
94
|
+
import { ScbViz as Tt } from "./scb-viz/scb-viz.js";
|
|
95
|
+
export { p as SCBBreadcrumb, f as SCBBreadcrumbItem, r as ScbAccordion, t as ScbAccordionItem, O as ScbActionCard, l as ScbAppBar, c as ScbAvatar, u as ScbBadge, n as ScbButton, T as ScbCalendar, E as ScbCalendarCard, m as ScbCalendarEvent, k as ScbCard, y as ScbCheckbox, v as ScbCheckboxGroup, e as ScbChevron, C as ScbChip, P as ScbCollapse, A as ScbContainerCard, F as ScbCookiesConsent, g as ScbDatepicker, w as ScbDialog, h 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, ie as ScbHeader, $ as ScbHeaderMenuGroup, ee as ScbHeaderMenuItem, te as ScbHeaderTab, ne as ScbHeaderUtility, X as ScbHorizontalScroller, i as ScbIconButton, ae as ScbKeyFigureCard, d as ScbLink, j as ScbLinkCard, o as ScbList, M as ScbListCard, a as ScbListItem, le as ScbMenu, oe as ScbMenuItem, de as ScbNav, ue as ScbNavItem, fe as ScbNotificationCard, B as ScbOptionsMenu, R as ScbOptionsMenuItem, z as ScbOptionsSubMenu, Z as ScbOverlay, pe as ScbPagination, ke as ScbPrimaryTab, me as ScbProgressIndicator, he as ScbProgressStep, ge as ScbProgressStepper, x as ScbRadioButton, b as ScbRadioGroup, _e as ScbScrollspy, s as ScbSearch, Ae as ScbSecondaryTab, ye as ScbSegmentedButton, ve as ScbSegmentedItem, xe as ScbSelect, be as ScbSelectOption, re as ScbSkeleton, Se as ScbSlider, Ce as ScbSnackbar, N as ScbSocialCard, q as ScbStack, we as ScbStatusPill, Te as ScbStep, Ee as ScbStepper, ce as ScbSubmenu, S as ScbSwitch, De as ScbTable, Oe as ScbTableAdvanced, je as ScbTabs, _ as ScbTextField, Ne as ScbToc, Me as ScbTocItem, D as ScbTooltip, Tt as ScbViz, se 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
|
@@ -17,9 +17,11 @@ import './scb-card/scb-list-card.js';
|
|
|
17
17
|
import './scb-card/scb-social-card.js';
|
|
18
18
|
import './scb-checkbox/scb-checkbox.js';
|
|
19
19
|
import './scb-checkbox/scb-checkbox-group.js';
|
|
20
|
+
import './scb-chevron/scb-chevron.js';
|
|
20
21
|
import './scb-chip/scb-chip.js';
|
|
21
22
|
import './scb-collapse/scb-collapse.js';
|
|
22
23
|
import './scb-cookies-consent/scb-cookies-consent.js';
|
|
24
|
+
import './scb-datepicker/scb-datepicker.js';
|
|
23
25
|
import './scb-dialog/scb-dialog.js';
|
|
24
26
|
import './scb-divider/scb-divider.js';
|
|
25
27
|
import './scb-drawer/scb-drawer.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../../vendor/vendor-material.js";import{_ as b,b as m,g as h,h as o,v as l,y as s}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import"
|
|
1
|
+
import"../../vendor/vendor-material.js";import{_ as b,b as m,g as h,h as o,v as l,y as s}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.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 b{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"../../vendor/vendor-material.js";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{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 t=customElements.define.bind(customElements);customElements.define=function(e,o,d){try{customElements.get(e)||t(e,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(...t){super(...t),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=e=>{this.open&&(e.composedPath().includes(this)||this._close())},this._prevMonth=()=>{const e=this._currentDate.getFullYear(),o=this._currentDate.getMonth();o===0?this._currentDate=new Date(e-1,11,1):this._currentDate=new Date(e,o-1,1)},this._prevYear=()=>{const e=this._currentDate.getFullYear(),o=this._currentDate.getMonth();this._currentDate=new Date(e-1,o,1)},this._nextMonth=()=>{const e=this._currentDate.getFullYear(),o=this._currentDate.getMonth();o===11?this._currentDate=new Date(e+1,0,1):this._currentDate=new Date(e,o+1,1)},this._nextYear=()=>{const e=this._currentDate.getFullYear(),o=this._currentDate.getMonth();this._currentDate=new Date(e+1,o,1)},this._onTimeChange=e=>{const[o,d]=e.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 t=this.getRootNode(),e=t instanceof ShadowRoot?t.host:null;return e instanceof HTMLElement&&e.closest("scb-dialog")?!0:!!this.closest("scb-dialog")}_positionPopupWithinViewport(){if(!this.open)return;const t=this.renderRoot.querySelector(".datepicker-popup");if(!t)return;const e=this.parentElement?.getBoundingClientRect();if(!e)return;const o=window.innerWidth,d=window.innerHeight,a=Math.max(220,o-this._viewportMargin*2);if(this._isRenderedInsideDialog()){const v=Math.min(t.offsetWidth||380,a),_=t.offsetHeight||420,f=(o-v)/2,y=(d-_)/2,D=f-e.left,k=y-e.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(t.offsetWidth||380,a),s=t.offsetHeight||420,i=Math.min(Math.max(e.left,this._viewportMargin),o-this._viewportMargin-r)-e.left,n=d-e.bottom-this._viewportMargin,u=e.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(t){if(super.updated(t),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)),t.has("selectedValue")&&this.selectedValue){const e=new Date(this.selectedValue);isNaN(e.getTime())||(this._selectedDate=e,this._currentDate=new Date(e.getFullYear(),e.getMonth(),1),this.variant==="datetime-local"&&(this._selectedHour=e.getHours(),this._selectedMinute=e.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 t=this._currentDate.getFullYear(),e=this._currentDate.getMonth(),o=new Date,d=this._getMonthDays(t,e),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[e].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
|
+
${t}
|
|
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===e?" selected":""}"
|
|
48
|
+
@click=${()=>this._onMonthChangeCustom(i)}
|
|
49
|
+
id=${i===e?"selected-month":""}
|
|
50
|
+
>
|
|
51
|
+
${i===e?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===t?" selected":""}"
|
|
65
|
+
@click=${()=>this._onYearChangeCustom(s)}
|
|
66
|
+
id=${s===t?"selected-year":""}
|
|
67
|
+
>
|
|
68
|
+
${s===t?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(t,e){const o=new Date(Date.UTC(t,e,1)),d=new Date(Date.UTC(t,e+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(t,e,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 t=this.renderRoot.querySelector("#selected-month");t&&t.scrollIntoView({block:"center"})},0))}_toggleYearDropdown(){this._showYearDropdown=!this._showYearDropdown,this._showYearDropdown&&(this._showMonthDropdown=!1,setTimeout(()=>{const t=this.renderRoot.querySelector("#selected-year");t&&t.scrollIntoView({block:"center"})},0))}_onMonthChangeCustom(t){const e=this._currentDate.getFullYear();this._currentDate=new Date(e,t,1),this._showMonthDropdown=!1}_onYearChangeCustom(t){const e=this._currentDate.getMonth();this._currentDate=new Date(t,e,1),this._showYearDropdown=!1}_isToday(t,e){return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}_isSelected(t){return this._selectedDate&&t.getDate()===this._selectedDate.getDate()&&t.getMonth()===this._selectedDate.getMonth()&&t.getFullYear()===this._selectedDate.getFullYear()}_selectDate(t){if(this._selectedDate=t,this.variant==="datetime-local"){const e=new Date(t);e.setHours(this._selectedHour??0,this._selectedMinute??0,0,0),this._selectedHour=e.getHours(),this._selectedMinute=e.getMinutes();const o=a=>a.toString().padStart(2,"0"),d=`${e.getFullYear()}-${o(e.getMonth()+1)}-${o(e.getDate())} ${o(e.getHours())}:${o(e.getMinutes())}`;this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:d},bubbles:!0,composed:!0}))}else{const e=t.toISOString().slice(0,10);this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:e},bubbles:!0,composed:!0}))}}_fireDateTimeChange(){if(this.variant==="datetime-local"&&this._selectedDate){const t=new Date(this._selectedDate);t.setHours(this._selectedHour??0,this._selectedMinute??0,0,0);const e=d=>d.toString().padStart(2,"0"),o=`${t.getFullYear()}-${e(t.getMonth()+1)}-${e(t.getDate())} ${e(t.getHours())}:${e(t.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"../../vendor/vendor-material.js";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{t as a}from"../../vendor/decorate.js";import"
|
|
1
|
+
import"../../vendor/vendor-material.js";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{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;
|