scb-wc 0.1.21 → 0.1.23
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 +32 -22
- package/all.js +0 -2
- package/index.js +88 -90
- package/mvc/components/all.js +0 -2
- package/mvc/components/scb-accordion/scb-accordion-item.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
- package/mvc/components/scb-header/scb-header.js +5 -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 +319 -24
- 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/mvc/{components/scb-chevron → vendor}/scb-chevron.js +1 -1
- package/package.json +2 -2
- package/scb-chevron/scb-chevron.js +0 -1
- package/scb-components/scb-header/scb-header.d.ts +1 -0
- package/scb-datepicker/scb-datepicker.js +0 -1
- package/scb-header/scb-header.js +13 -5
- package/scb-wc-public-entry/index.d.ts +87 -0
- package/scb-wc.bundle.js +218 -215
- package/scb-wc.d.ts +174 -178
- package/mvc/components/scb-datepicker/scb-datepicker.js +0 -296
- package/scb-components/index.d.ts +0 -89
- package/scb-components/scb-chevron/scb-chevron.d.ts +0 -11
- package/scb-components/scb-datepicker/scb-datepicker.d.ts +0 -39
package/mvc/scb-logo.svg
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
-
<svg viewBox="-0.0002 -0.0066 1344.9076 377.9532" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
-
<defs>
|
|
4
|
-
<style type="text/css">
|
|
5
|
-
g {
|
|
6
|
-
fill: #100f0d;
|
|
7
|
-
}
|
|
8
|
-
g:target {
|
|
9
|
-
fill: #fff;
|
|
10
|
-
}
|
|
11
|
-
</style>
|
|
12
|
-
</defs>
|
|
13
|
-
<g transform="matrix(1.3333330154418945, 0, 0, -1.3333330154418945, 0, 377.9466552734375)" id="g10">
|
|
14
|
-
<g transform="scale(0.1)" id="inverted">
|
|
15
|
-
<path id="path14" d="m 1346.6,2515.59 c 0,48.24 -39.11,87.31 -87.4,87.31 -48.29,0 -87.4,-39.07 -87.4,-87.31 V 312.898 c 0,-48.339 39.11,-87.5 87.4,-87.5 48.29,0 87.4,39.161 87.4,87.5 V 1106.8 c 0,5.77 4.79,10.45 10.51,10.45 h 287.22 c 5.76,0 10.5,-4.68 10.5,-10.45 V 305.969 C 1654.83,137.02 1477.67,0 1259.2,0 1040.63,0 863.523,137.02 863.523,305.969 V 2528.77 c 0,168.86 177.107,305.88 395.677,305.88 218.47,0 395.63,-137.02 395.63,-305.88 V 1738.1 c 0,-5.86 -4.74,-10.45 -10.5,-10.45 h -287.22 c -5.72,0 -10.51,4.59 -10.51,10.45 v 777.49"/>
|
|
16
|
-
<path id="path16" d="M 10.4414,2265.38 C -8.01563,2136.85 -1.52734,1926.1 26.1172,1807.73 56.4922,1678.71 231.645,1417.96 310.555,1296.86 389.566,1175.85 494.949,1049.49 493.375,880.922 V 477.18 c 0,-48.25 -39.109,-87.41 -87.406,-87.41 -48.145,0 -87.254,39.16 -87.254,87.41 v 618.79 c 0,5.76 -4.785,10.55 -10.645,10.55 H 20.9453 c -5.8711,0 -10.5039,-4.79 -10.5039,-10.55 V 458.719 c 0,-168.957 177.1056,-305.969 395.5276,-305.969 218.574,0 395.683,137.012 395.683,305.969 v 422.203 c -1.324,289.568 -80.332,331.748 -182.867,505.398 -73.445,124.71 -254.121,381.95 -284.398,510.97 -27.735,118.36 -26.516,255.39 -15.672,379.9 0,48.25 39.109,87.41 87.254,87.41 48.297,0 87.406,-39.16 87.406,-87.41 v -550.32 c 0,-5.77 4.746,-10.45 10.645,-10.45 h 287.085 c 5.911,0 10.547,4.68 10.547,10.45 v 538.51 c 0,169.06 -177.109,305.97 -395.683,305.97 -218.422,0 -395.5276,-136.91 -395.5276,-305.97"/>
|
|
17
|
-
<path id="path18" d="m 1726.57,2547.82 h 440.8 c 182.04,0 329.61,-147.57 329.61,-329.52 v -462.24 c 0,-129.59 -84.97,-238.98 -202.16,-276.48 v -6.24 c 117.19,-37.4 202.16,-146.89 202.16,-276.58 V 491.148 c 0,-160.367 -130.2,-290.457 -290.45,-290.457 l -479.96,-0.293 c -5.91,0 -10.6,4.793 -10.6,10.454 V 2537.37 c 0,5.66 4.69,10.45 10.6,10.45 m 308.27,-229.22 c -5.97,0 -10.65,-4.78 -10.65,-10.55 v -729.33 c 0,-5.97 4.68,-10.65 10.65,-10.65 h 43.36 c 58.01,0 105.08,47.16 105.08,105.18 v 540.18 c 0,58 -47.07,105.17 -105.08,105.17 z m 0,-982.29 c -5.97,0 -10.65,-4.69 -10.65,-10.45 V 430.59 c 0,-5.86 4.68,-10.649 10.65,-10.649 h 51.85 c 58.12,0 105.09,47.18 105.09,105.188 v 706.011 c 0,58.19 -46.97,105.17 -105.09,105.17 h -51.85"/>
|
|
18
|
-
</g>
|
|
19
|
-
</g>
|
|
20
|
-
<text style="fill: rgb(1, 1, 1); font-family: Roboto; font-size: 139.2px; font-weight: 500; stroke: rgb(0, 0, 0); white-space: pre;" x="455.182" y="234.25">Designsystem</text>
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<svg viewBox="-0.0002 -0.0066 1344.9076 377.9532" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<defs>
|
|
4
|
+
<style type="text/css">
|
|
5
|
+
g {
|
|
6
|
+
fill: #100f0d;
|
|
7
|
+
}
|
|
8
|
+
g:target {
|
|
9
|
+
fill: #fff;
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
</defs>
|
|
13
|
+
<g transform="matrix(1.3333330154418945, 0, 0, -1.3333330154418945, 0, 377.9466552734375)" id="g10">
|
|
14
|
+
<g transform="scale(0.1)" id="inverted">
|
|
15
|
+
<path id="path14" d="m 1346.6,2515.59 c 0,48.24 -39.11,87.31 -87.4,87.31 -48.29,0 -87.4,-39.07 -87.4,-87.31 V 312.898 c 0,-48.339 39.11,-87.5 87.4,-87.5 48.29,0 87.4,39.161 87.4,87.5 V 1106.8 c 0,5.77 4.79,10.45 10.51,10.45 h 287.22 c 5.76,0 10.5,-4.68 10.5,-10.45 V 305.969 C 1654.83,137.02 1477.67,0 1259.2,0 1040.63,0 863.523,137.02 863.523,305.969 V 2528.77 c 0,168.86 177.107,305.88 395.677,305.88 218.47,0 395.63,-137.02 395.63,-305.88 V 1738.1 c 0,-5.86 -4.74,-10.45 -10.5,-10.45 h -287.22 c -5.72,0 -10.51,4.59 -10.51,10.45 v 777.49"/>
|
|
16
|
+
<path id="path16" d="M 10.4414,2265.38 C -8.01563,2136.85 -1.52734,1926.1 26.1172,1807.73 56.4922,1678.71 231.645,1417.96 310.555,1296.86 389.566,1175.85 494.949,1049.49 493.375,880.922 V 477.18 c 0,-48.25 -39.109,-87.41 -87.406,-87.41 -48.145,0 -87.254,39.16 -87.254,87.41 v 618.79 c 0,5.76 -4.785,10.55 -10.645,10.55 H 20.9453 c -5.8711,0 -10.5039,-4.79 -10.5039,-10.55 V 458.719 c 0,-168.957 177.1056,-305.969 395.5276,-305.969 218.574,0 395.683,137.012 395.683,305.969 v 422.203 c -1.324,289.568 -80.332,331.748 -182.867,505.398 -73.445,124.71 -254.121,381.95 -284.398,510.97 -27.735,118.36 -26.516,255.39 -15.672,379.9 0,48.25 39.109,87.41 87.254,87.41 48.297,0 87.406,-39.16 87.406,-87.41 v -550.32 c 0,-5.77 4.746,-10.45 10.645,-10.45 h 287.085 c 5.911,0 10.547,4.68 10.547,10.45 v 538.51 c 0,169.06 -177.109,305.97 -395.683,305.97 -218.422,0 -395.5276,-136.91 -395.5276,-305.97"/>
|
|
17
|
+
<path id="path18" d="m 1726.57,2547.82 h 440.8 c 182.04,0 329.61,-147.57 329.61,-329.52 v -462.24 c 0,-129.59 -84.97,-238.98 -202.16,-276.48 v -6.24 c 117.19,-37.4 202.16,-146.89 202.16,-276.58 V 491.148 c 0,-160.367 -130.2,-290.457 -290.45,-290.457 l -479.96,-0.293 c -5.91,0 -10.6,4.793 -10.6,10.454 V 2537.37 c 0,5.66 4.69,10.45 10.6,10.45 m 308.27,-229.22 c -5.97,0 -10.65,-4.78 -10.65,-10.55 v -729.33 c 0,-5.97 4.68,-10.65 10.65,-10.65 h 43.36 c 58.01,0 105.08,47.16 105.08,105.18 v 540.18 c 0,58 -47.07,105.17 -105.08,105.17 z m 0,-982.29 c -5.97,0 -10.65,-4.69 -10.65,-10.45 V 430.59 c 0,-5.86 4.68,-10.649 10.65,-10.649 h 51.85 c 58.12,0 105.09,47.18 105.09,105.188 v 706.011 c 0,58.19 -46.97,105.17 -105.09,105.17 h -51.85"/>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
|
+
<text style="fill: rgb(1, 1, 1); font-family: Roboto; font-size: 139.2px; font-weight: 500; stroke: rgb(0, 0, 0); white-space: pre;" x="455.182" y="234.25">Designsystem</text>
|
|
21
21
|
</svg>
|
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>
|
|
@@ -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.js";import"./vendor-lit.js";import{t as c}from"./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"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.23",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -417,5 +417,5 @@
|
|
|
417
417
|
},
|
|
418
418
|
"./mvc/*": "./mvc/*"
|
|
419
419
|
},
|
|
420
|
-
"buildHash": "
|
|
420
|
+
"buildHash": "B20761821C910A1AB8DFA3D2116F97514E241B30CB8195413ACFFE70D67CC615"
|
|
421
421
|
}
|
|
@@ -467,4 +467,3 @@ 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
|
@@ -91,7 +91,7 @@ var u = {
|
|
|
91
91
|
toAttribute: (e) => String(!!e)
|
|
92
92
|
}, d = {
|
|
93
93
|
fromAttribute: (e) => e == null ? !1 : !/^(false|0|off|no)$/i.test(e),
|
|
94
|
-
toAttribute: (e) =>
|
|
94
|
+
toAttribute: (e) => e ? "" : null
|
|
95
95
|
}, f = {
|
|
96
96
|
fromAttribute: (e) => e === "small" || e === "large" ? e : "medium",
|
|
97
97
|
toAttribute: (e) => {
|
|
@@ -103,7 +103,7 @@ var u = {
|
|
|
103
103
|
c = this;
|
|
104
104
|
}
|
|
105
105
|
constructor() {
|
|
106
|
-
super(), this.maxWidth = "1440px", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.size = "medium", this.logoText = "", this.logoHref = "/", this.logoSrc = "", this.logoWidth = "", this.logoHeight = "", this.logoAspectRatio = "", this.logoInvertDm = !1, this.banner = !1, this.tabs = [], this.activeTab = null, this.reserveTabs = !1, this.utilityItems = [], this.showDrawer = !0, this.showSearch = !0, this.includeUtilityInMenu = !1, this.drawerOverlay = !0, this.searchText = "", this._drawerId = "main-drawer", this._menuExpanded = !1, this._searchId = "header-search", this._slotNavItems = [], this._slotUtils = [], this._slotMenu = [], this._measureScheduled = !1, this._scheduleMeasure = () => {
|
|
106
|
+
super(), this.maxWidth = "1440px", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.size = "medium", this.logoText = "", this.logoHref = "/", this.logoSrc = "", this.logoWidth = "", this.logoHeight = "", this.logoAspectRatio = "", this.logoInvertDm = !1, this.banner = !1, this.tabs = [], this.activeTab = null, this.reserveTabs = !1, this.utilityItems = [], this.showDrawer = !0, this.alwaysShowMenuButton = !1, this.showSearch = !0, this.includeUtilityInMenu = !1, this.drawerOverlay = !0, this.searchText = "", this._drawerId = "main-drawer", this._menuExpanded = !1, this._searchId = "header-search", this._slotNavItems = [], this._slotUtils = [], this._slotMenu = [], this._measureScheduled = !1, this._scheduleMeasure = () => {
|
|
107
107
|
this._measureScheduled || (this._measureScheduled = !0, requestAnimationFrame(() => {
|
|
108
108
|
this._measureScheduled = !1, this._measure();
|
|
109
109
|
}));
|
|
@@ -195,12 +195,12 @@ var u = {
|
|
|
195
195
|
this._collapsed ? !o && r >= this._unlockAtWidth && this._setCollapsed(!1) : o && (this._unlockAtWidth = r + this._HYST, this._setCollapsed(!0));
|
|
196
196
|
let s = !1;
|
|
197
197
|
if (this.showSearch && n >= this.BP_SM && n < this.BP_MD && this._searchWrap) {
|
|
198
|
-
let i = getComputedStyle(this._searchWrap), a = Math.max(this._num(i.minWidth, this._tokenPx("--scb-header-search-min", 320)), this._tokenPx("--scb-header-search-min", 320)), o = this._num(getComputedStyle(e).gap, this._tokenPx("--spacing-7", 24)), c = this.showDrawer && (n < this.BP_MD || this._collapsed) ? this._menuBtn?.getBoundingClientRect().width || this._tokenPx("--icon-size-extra-extra-large", 48) : 0;
|
|
198
|
+
let i = getComputedStyle(this._searchWrap), a = Math.max(this._num(i.minWidth, this._tokenPx("--scb-header-search-min", 320)), this._tokenPx("--scb-header-search-min", 320)), o = this._num(getComputedStyle(e).gap, this._tokenPx("--spacing-7", 24)), c = this.showDrawer && (this.alwaysShowMenuButton || n < this.BP_MD || this._collapsed) ? this._menuBtn?.getBoundingClientRect().width || this._tokenPx("--icon-size-extra-extra-large", 48) : 0;
|
|
199
199
|
s = t.getBoundingClientRect().width + o + a + o + c + 8 > r + .5;
|
|
200
200
|
}
|
|
201
201
|
this._setHideSearch(s);
|
|
202
202
|
let c = !1;
|
|
203
|
-
if (this.showDrawer && (n < this.BP_MD || this._collapsed) && !this._visible(this._util) && !this._visible(this._searchWrap)) {
|
|
203
|
+
if (this.showDrawer && (this.alwaysShowMenuButton || n < this.BP_MD || this._collapsed) && !this._visible(this._util) && !this._visible(this._searchWrap)) {
|
|
204
204
|
let t = this._num(getComputedStyle(e).gap, this._tokenPx("--spacing-7", 24)), n = this._menuBtn?.getBoundingClientRect().width || this._tokenPx("--icon-size-extra-extra-large", 48), i = (this._logoGroup?.getBoundingClientRect().width || 0) + t + n;
|
|
205
205
|
this._hideLogoText ? c = !(r >= this._logoTextUnlockAt) : i > r + .5 && (c = !0, this._logoTextUnlockAt = r + this._HYST);
|
|
206
206
|
} else c = !1, this._logoTextUnlockAt = 0;
|
|
@@ -629,6 +629,9 @@ var u = {
|
|
|
629
629
|
display: inline-flex;
|
|
630
630
|
}
|
|
631
631
|
}
|
|
632
|
+
:host([always-show-menu-button]) .menu-trigger {
|
|
633
|
+
display: inline-flex;
|
|
634
|
+
}
|
|
632
635
|
:host([data-collapsed]) .menu-trigger {
|
|
633
636
|
display: inline-flex;
|
|
634
637
|
}
|
|
@@ -898,7 +901,7 @@ var u = {
|
|
|
898
901
|
e && (this._ro = new ResizeObserver(() => this._scheduleMeasure()), this._ro.observe(e)), window.addEventListener("resize", this._onWindowResize, { passive: !0 });
|
|
899
902
|
}
|
|
900
903
|
updated(e) {
|
|
901
|
-
e.has("searchMax") && this.style.setProperty("--scb-header-search-max", this.searchMax ?? "480px"), e.has("searchMin") && this.style.setProperty("--scb-header-search-min", this.searchMin ?? "320px"), e.has("searchHeight") && (this.searchHeight && this.searchHeight.trim() ? this.style.setProperty("--scb-search-height", this.searchHeight.trim()) : this.style.removeProperty("--scb-search-height")), (e.has("logoWidth") || e.has("logoHeight") || e.has("logoAspectRatio")) && this._applyLogoSizing(), (e.has("spacing") || e.has("spacingTop") || e.has("spacingBottom")) && this._applySpacing(), (e.has("utilityItems") || e.has("tabs") || e.has("logoText") || e.has("logoSrc") || e.has("logoWidth") || e.has("logoHeight") || e.has("logoAspectRatio") || e.has("activeTab") || e.has("_slotNavItems") || e.has("_slotUtils") || e.has("_slotMenu") || e.has("showDrawer") || e.has("showSearch") || e.has("searchMax") || e.has("searchMin") || e.has("size")) && this.updateComplete.then(() => {
|
|
904
|
+
e.has("searchMax") && this.style.setProperty("--scb-header-search-max", this.searchMax ?? "480px"), e.has("searchMin") && this.style.setProperty("--scb-header-search-min", this.searchMin ?? "320px"), e.has("searchHeight") && (this.searchHeight && this.searchHeight.trim() ? this.style.setProperty("--scb-search-height", this.searchHeight.trim()) : this.style.removeProperty("--scb-search-height")), (e.has("logoWidth") || e.has("logoHeight") || e.has("logoAspectRatio")) && this._applyLogoSizing(), (e.has("spacing") || e.has("spacingTop") || e.has("spacingBottom")) && this._applySpacing(), (e.has("utilityItems") || e.has("tabs") || e.has("logoText") || e.has("logoSrc") || e.has("logoWidth") || e.has("logoHeight") || e.has("logoAspectRatio") || e.has("activeTab") || e.has("_slotNavItems") || e.has("_slotUtils") || e.has("_slotMenu") || e.has("showDrawer") || e.has("alwaysShowMenuButton") || e.has("showSearch") || e.has("searchMax") || e.has("searchMin") || e.has("size")) && this.updateComplete.then(() => {
|
|
902
905
|
this._scheduleMeasure();
|
|
903
906
|
}), (e.has("activeTab") || e.has("_slotNavItems") || e.has("tabs") || e.has("size")) && this.updateComplete.then(() => {
|
|
904
907
|
this._syncDropdownTabs();
|
|
@@ -1335,6 +1338,11 @@ e([o({
|
|
|
1335
1338
|
reflect: !0,
|
|
1336
1339
|
converter: u
|
|
1337
1340
|
})], p.prototype, "showDrawer", void 0), e([o({
|
|
1341
|
+
type: Boolean,
|
|
1342
|
+
attribute: "always-show-menu-button",
|
|
1343
|
+
reflect: !0,
|
|
1344
|
+
converter: d
|
|
1345
|
+
})], p.prototype, "alwaysShowMenuButton", void 0), e([o({
|
|
1338
1346
|
type: Boolean,
|
|
1339
1347
|
attribute: "show-search",
|
|
1340
1348
|
reflect: !0,
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
export * from '../scb-components/scb-accordion/scb-accordion-item';
|
|
2
|
+
export * from '../scb-components/scb-accordion/scb-accordion';
|
|
3
|
+
export * from '../scb-components/scb-app-bar/scb-app-bar';
|
|
4
|
+
export * from '../scb-components/scb-avatar/scb-avatar';
|
|
5
|
+
export * from '../scb-components/scb-badge/scb-badge';
|
|
6
|
+
export * from '../scb-components/scb-breadcrumb/scb-breadcrumb-item';
|
|
7
|
+
export * from '../scb-components/scb-breadcrumb/scb-breadcrumb';
|
|
8
|
+
export * from '../scb-components/scb-button/scb-button';
|
|
9
|
+
export * from '../scb-components/scb-calendar/scb-calendar-event';
|
|
10
|
+
export * from '../scb-components/scb-calendar/scb-calendar';
|
|
11
|
+
export * from '../scb-components/scb-calendar-card/scb-calendar-card';
|
|
12
|
+
export * from '../scb-components/scb-card/scb-card';
|
|
13
|
+
export * from '../scb-components/scb-checkbox/scb-checkbox-group';
|
|
14
|
+
export * from '../scb-components/scb-checkbox/scb-checkbox';
|
|
15
|
+
export * from '../scb-components/scb-chip/scb-chip';
|
|
16
|
+
export * from '../scb-components/scb-collapse/scb-collapse';
|
|
17
|
+
export * from '../scb-components/scb-cookies-consent/scb-cookies-consent';
|
|
18
|
+
export * from '../scb-components/scb-dialog/scb-dialog';
|
|
19
|
+
export * from '../scb-components/scb-divider/scb-divider';
|
|
20
|
+
export * from '../scb-components/scb-drawer/scb-drawer';
|
|
21
|
+
export * from '../scb-components/scb-drop-zone/scb-drop-zone';
|
|
22
|
+
export * from '../scb-components/scb-dropdown/scb-dropdown';
|
|
23
|
+
export * from '../scb-components/scb-fab/scb-fab';
|
|
24
|
+
export * from '../scb-components/scb-fact-card/scb-fact-card-content';
|
|
25
|
+
export * from '../scb-components/scb-fact-card/scb-fact-card';
|
|
26
|
+
export * from '../scb-components/scb-footer/scb-footer-section';
|
|
27
|
+
export * from '../scb-components/scb-footer/scb-footer';
|
|
28
|
+
export * from '../scb-components/scb-gallery-grid/scb-gallery-grid';
|
|
29
|
+
export * from '../scb-components/scb-grid/scb-grid-item';
|
|
30
|
+
export * from '../scb-components/scb-grid/scb-grid';
|
|
31
|
+
export * from '../scb-components/scb-grid/scb-stack';
|
|
32
|
+
export * from '../scb-components/scb-header/scb-header-menu-group';
|
|
33
|
+
export * from '../scb-components/scb-header/scb-header-menu-item';
|
|
34
|
+
export * from '../scb-components/scb-header/scb-header-tab';
|
|
35
|
+
export * from '../scb-components/scb-header/scb-header-utility';
|
|
36
|
+
export * from '../scb-components/scb-header/scb-header';
|
|
37
|
+
export * from '../scb-components/scb-horizontal-scroller/scb-horizontal-scroller';
|
|
38
|
+
export * from '../scb-components/scb-icon-button/scb-icon-button';
|
|
39
|
+
export * from '../scb-components/scb-keyfigure-card/scb-keyfigure-card';
|
|
40
|
+
export * from '../scb-components/scb-link/scb-link';
|
|
41
|
+
export * from '../scb-components/scb-list/scb-list-item';
|
|
42
|
+
export * from '../scb-components/scb-list/scb-list';
|
|
43
|
+
export * from '../scb-components/scb-menu/scb-menu-item';
|
|
44
|
+
export * from '../scb-components/scb-menu/scb-menu-section';
|
|
45
|
+
export * from '../scb-components/scb-menu/scb-menu';
|
|
46
|
+
export * from '../scb-components/scb-menu/scb-sub-menu';
|
|
47
|
+
export * from '../scb-components/scb-nav/scb-nav-item';
|
|
48
|
+
export * from '../scb-components/scb-nav/scb-nav';
|
|
49
|
+
export * from '../scb-components/scb-notification-card/scb-notification-card';
|
|
50
|
+
export * from '../scb-components/scb-options-menu/scb-options-menu-item';
|
|
51
|
+
export * from '../scb-components/scb-options-menu/scb-options-menu';
|
|
52
|
+
export * from '../scb-components/scb-options-menu/scb-options-sub-menu';
|
|
53
|
+
export * from '../scb-components/scb-overlay/scb-overlay';
|
|
54
|
+
export * from '../scb-components/scb-pagination/scb-pagination';
|
|
55
|
+
export * from '../scb-components/scb-progress-indicator/scb-progress-indicator';
|
|
56
|
+
export * from '../scb-components/scb-progress-stepper/scb-progress-step';
|
|
57
|
+
export * from '../scb-components/scb-progress-stepper/scb-progress-stepper';
|
|
58
|
+
export * from '../scb-components/scb-radio-button/scb-radio-button';
|
|
59
|
+
export * from '../scb-components/scb-radio-button/scb-radio-group';
|
|
60
|
+
export * from '../scb-components/scb-scrollspy/scb-scrollspy';
|
|
61
|
+
export * from '../scb-components/scb-search/scb-search';
|
|
62
|
+
export * from '../scb-components/scb-segmented-button/scb-segmented-button';
|
|
63
|
+
export * from '../scb-components/scb-segmented-button/scb-segmented-item';
|
|
64
|
+
export * from '../scb-components/scb-select/scb-select-option';
|
|
65
|
+
export * from '../scb-components/scb-select/scb-select';
|
|
66
|
+
export * from '../scb-components/scb-skeleton/scb-skeleton';
|
|
67
|
+
export * from '../scb-components/scb-slider/scb-slider';
|
|
68
|
+
export * from '../scb-components/scb-snackbar/scb-snackbar';
|
|
69
|
+
export * from '../scb-components/scb-status-pill/scb-status-pill';
|
|
70
|
+
export * from '../scb-components/scb-stepper/scb-step';
|
|
71
|
+
export * from '../scb-components/scb-stepper/scb-stepper';
|
|
72
|
+
export * from '../scb-components/scb-switch/scb-switch';
|
|
73
|
+
export * from '../scb-components/scb-table/scb-table';
|
|
74
|
+
export * from '../scb-components/scb-table-advanced/scb-table-advanced';
|
|
75
|
+
export * from '../scb-components/scb-tabs/scb-primary-tab';
|
|
76
|
+
export * from '../scb-components/scb-tabs/scb-secondary-tab';
|
|
77
|
+
export * from '../scb-components/scb-tabs/scb-tabs';
|
|
78
|
+
export * from '../scb-components/scb-textfield/scb-textfield';
|
|
79
|
+
export * from '../scb-components/scb-toc/scb-toc-item';
|
|
80
|
+
export * from '../scb-components/scb-toc/scb-toc';
|
|
81
|
+
export * from '../scb-components/scb-tooltip/scb-tooltip';
|
|
82
|
+
export * from '../scb-components/scb-viz/scb-viz-actions-runtime';
|
|
83
|
+
export * from '../scb-components/scb-viz/scb-viz-print-runtime';
|
|
84
|
+
export * from '../scb-components/scb-viz/scb-viz-series-differentiation-registry';
|
|
85
|
+
export * from '../scb-components/scb-viz/scb-viz-series-differentiation-runtime';
|
|
86
|
+
export * from '../scb-components/scb-viz/scb-viz-table-runtime';
|
|
87
|
+
export * from '../scb-components/scb-viz/scb-viz';
|