@sbb-esta/lyne-elements-dev 5.0.0-next.2-dev.1777962297 → 5.0.0-next.2-dev.1777980877
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/core.css +1 -12
- package/custom-elements.json +228 -180
- package/development/optgroup-base-element-Cq8DMPk9.js +147 -0
- package/development/option/optgroup/optgroup-base-element.d.ts +2 -1
- package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/development/option/optgroup/optgroup-base-element.js +1 -1
- package/development/option/optgroup/optgroup.component.js +1 -1
- package/development/option/option/option-base-element.d.ts +2 -1
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option/option-base-element.js +9 -3
- package/development/option/option/option.component.d.ts.map +1 -1
- package/development/option/option/option.component.js +1 -1
- package/development/option/option-hint/option-hint.component.d.ts +2 -0
- package/development/option/option-hint/option-hint.component.d.ts.map +1 -1
- package/development/option/option-hint/option-hint.component.js +1 -1
- package/development/option-hint.component-B4PxB3BW.js +39 -0
- package/development/option.component-CV6cZnJe.js +131 -0
- package/development/option.js +3 -3
- package/development/option.pure.js +3 -3
- package/off-brand-theme.css +1 -12
- package/optgroup-base-element-CrO_ydA8.js +108 -0
- package/option/optgroup/optgroup-base-element.js +1 -1
- package/option/optgroup/optgroup.component.js +1 -1
- package/option/option/option-base-element.js +27 -25
- package/option/option/option.component.js +1 -1
- package/option/option-hint/option-hint.component.js +1 -1
- package/option-hint.component-BEXndgG-.js +26 -0
- package/option.component-BeorlZT0.js +100 -0
- package/option.js +3 -3
- package/option.pure.js +3 -3
- package/package.json +2 -2
- package/safety-theme.css +1 -12
- package/standard-theme.css +1 -12
- package/development/optgroup-base-element-BEG1P4gK.js +0 -140
- package/development/option-hint.component-CcSUSwjN.js +0 -31
- package/development/option.component-BEbIEh5o.js +0 -132
- package/optgroup-base-element-C6KwbQ0N.js +0 -106
- package/option-hint.component-Bayihbh1.js +0 -21
- package/option.component-C-GGTcqF.js +0 -100
package/core.css
CHANGED
|
@@ -1653,6 +1653,7 @@ slot[name=error]::slotted(*) {
|
|
|
1653
1653
|
--sbb-option-border-radius: var(--sbb-border-radius-4x);
|
|
1654
1654
|
--sbb-option-icon-color: var(--sbb-color-metal);
|
|
1655
1655
|
--sbb-option-icon-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
|
|
1656
|
+
--sbb-option-focus-outline-offset: inherit;
|
|
1656
1657
|
--sbb-option-focus-outline-color: transparent;
|
|
1657
1658
|
--sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x);
|
|
1658
1659
|
--sbb-option-font-size: var(--sbb-text-font-size-s);
|
|
@@ -2491,18 +2492,6 @@ sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
|
2491
2492
|
border-radius: var(--sbb-message-image-border-radius);
|
|
2492
2493
|
}
|
|
2493
2494
|
|
|
2494
|
-
:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] :where(sbb-option, sbb-autocomplete-grid-option) {
|
|
2495
|
-
--sbb-option-min-height: var(--sbb-size-element-xxs);
|
|
2496
|
-
--sbb-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));
|
|
2497
|
-
--sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x);
|
|
2498
|
-
}
|
|
2499
|
-
:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-optgroup {
|
|
2500
|
-
--sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);
|
|
2501
|
-
}
|
|
2502
|
-
:where(sbb-select, sbb-autocomplete, sbb-autocomplete-grid)[size=s] sbb-option-hint {
|
|
2503
|
-
--sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
|
|
2504
|
-
}
|
|
2505
|
-
|
|
2506
2495
|
.sbb-options-nowrap {
|
|
2507
2496
|
--sbb-option-text-overflow: ellipsis;
|
|
2508
2497
|
--sbb-option-overflow: hidden;
|
package/custom-elements.json
CHANGED
|
@@ -135384,186 +135384,6 @@
|
|
|
135384
135384
|
}
|
|
135385
135385
|
]
|
|
135386
135386
|
},
|
|
135387
|
-
{
|
|
135388
|
-
"kind": "javascript-module",
|
|
135389
|
-
"path": "navigation/common/navigation-action-common.js",
|
|
135390
|
-
"declarations": [
|
|
135391
|
-
{
|
|
135392
|
-
"kind": "class",
|
|
135393
|
-
"description": "",
|
|
135394
|
-
"name": "SbbNavigationActionCommonElementMixinType",
|
|
135395
|
-
"members": [
|
|
135396
|
-
{
|
|
135397
|
-
"kind": "field",
|
|
135398
|
-
"name": "size",
|
|
135399
|
-
"type": {
|
|
135400
|
-
"text": "SbbNavigationActionSize"
|
|
135401
|
-
},
|
|
135402
|
-
"privacy": "public"
|
|
135403
|
-
},
|
|
135404
|
-
{
|
|
135405
|
-
"kind": "field",
|
|
135406
|
-
"name": "marker",
|
|
135407
|
-
"type": {
|
|
135408
|
-
"text": "SbbNavigationMarkerElement | null"
|
|
135409
|
-
},
|
|
135410
|
-
"privacy": "public",
|
|
135411
|
-
"readonly": true
|
|
135412
|
-
},
|
|
135413
|
-
{
|
|
135414
|
-
"kind": "field",
|
|
135415
|
-
"name": "section",
|
|
135416
|
-
"type": {
|
|
135417
|
-
"text": "SbbNavigationSectionElement | null"
|
|
135418
|
-
},
|
|
135419
|
-
"privacy": "public",
|
|
135420
|
-
"readonly": true
|
|
135421
|
-
},
|
|
135422
|
-
{
|
|
135423
|
-
"kind": "field",
|
|
135424
|
-
"name": "connectedSection",
|
|
135425
|
-
"type": {
|
|
135426
|
-
"text": "SbbNavigationSectionElement | undefined"
|
|
135427
|
-
},
|
|
135428
|
-
"privacy": "public"
|
|
135429
|
-
}
|
|
135430
|
-
]
|
|
135431
|
-
},
|
|
135432
|
-
{
|
|
135433
|
-
"kind": "mixin",
|
|
135434
|
-
"description": "",
|
|
135435
|
-
"name": "SbbNavigationActionCommonElementMixin",
|
|
135436
|
-
"members": [
|
|
135437
|
-
{
|
|
135438
|
-
"kind": "field",
|
|
135439
|
-
"name": "elementDependencies",
|
|
135440
|
-
"type": {
|
|
135441
|
-
"text": "SbbElementType[]"
|
|
135442
|
-
},
|
|
135443
|
-
"privacy": "public",
|
|
135444
|
-
"static": true,
|
|
135445
|
-
"default": "[SbbIconElement]"
|
|
135446
|
-
},
|
|
135447
|
-
{
|
|
135448
|
-
"kind": "field",
|
|
135449
|
-
"name": "styles",
|
|
135450
|
-
"type": {
|
|
135451
|
-
"text": "CSSResultGroup"
|
|
135452
|
-
},
|
|
135453
|
-
"privacy": "public",
|
|
135454
|
-
"static": true,
|
|
135455
|
-
"default": "[unsafeCSS(style)]"
|
|
135456
|
-
},
|
|
135457
|
-
{
|
|
135458
|
-
"kind": "field",
|
|
135459
|
-
"name": "size",
|
|
135460
|
-
"type": {
|
|
135461
|
-
"text": "SbbNavigationActionSize"
|
|
135462
|
-
},
|
|
135463
|
-
"privacy": "public",
|
|
135464
|
-
"default": "'l'",
|
|
135465
|
-
"description": "Action size variant, either s, m or l.",
|
|
135466
|
-
"attribute": "size",
|
|
135467
|
-
"reflects": true
|
|
135468
|
-
},
|
|
135469
|
-
{
|
|
135470
|
-
"kind": "field",
|
|
135471
|
-
"name": "connectedSection",
|
|
135472
|
-
"type": {
|
|
135473
|
-
"text": "SbbNavigationSectionElement | undefined"
|
|
135474
|
-
},
|
|
135475
|
-
"privacy": "public",
|
|
135476
|
-
"description": "The section that is being controlled by the action, if any."
|
|
135477
|
-
},
|
|
135478
|
-
{
|
|
135479
|
-
"kind": "field",
|
|
135480
|
-
"name": "marker",
|
|
135481
|
-
"type": {
|
|
135482
|
-
"text": "SbbNavigationMarkerElement | null"
|
|
135483
|
-
},
|
|
135484
|
-
"privacy": "public",
|
|
135485
|
-
"description": "The navigation marker in which the action is nested.",
|
|
135486
|
-
"readonly": true
|
|
135487
|
-
},
|
|
135488
|
-
{
|
|
135489
|
-
"kind": "field",
|
|
135490
|
-
"name": "section",
|
|
135491
|
-
"type": {
|
|
135492
|
-
"text": "SbbNavigationSectionElement | null"
|
|
135493
|
-
},
|
|
135494
|
-
"privacy": "public",
|
|
135495
|
-
"description": "The section in which the action is nested.",
|
|
135496
|
-
"readonly": true
|
|
135497
|
-
},
|
|
135498
|
-
{
|
|
135499
|
-
"kind": "field",
|
|
135500
|
-
"name": "_navigationMarker",
|
|
135501
|
-
"type": {
|
|
135502
|
-
"text": "SbbNavigationMarkerElement | null"
|
|
135503
|
-
},
|
|
135504
|
-
"privacy": "private",
|
|
135505
|
-
"default": "null"
|
|
135506
|
-
},
|
|
135507
|
-
{
|
|
135508
|
-
"kind": "field",
|
|
135509
|
-
"name": "_navigationSection",
|
|
135510
|
-
"type": {
|
|
135511
|
-
"text": "SbbNavigationSectionElement | null"
|
|
135512
|
-
},
|
|
135513
|
-
"privacy": "private",
|
|
135514
|
-
"default": "null"
|
|
135515
|
-
},
|
|
135516
|
-
{
|
|
135517
|
-
"kind": "method",
|
|
135518
|
-
"name": "renderTemplate",
|
|
135519
|
-
"privacy": "protected",
|
|
135520
|
-
"return": {
|
|
135521
|
-
"type": {
|
|
135522
|
-
"text": "TemplateResult"
|
|
135523
|
-
}
|
|
135524
|
-
}
|
|
135525
|
-
}
|
|
135526
|
-
],
|
|
135527
|
-
"attributes": [
|
|
135528
|
-
{
|
|
135529
|
-
"name": "size",
|
|
135530
|
-
"type": {
|
|
135531
|
-
"text": "SbbNavigationActionSize"
|
|
135532
|
-
},
|
|
135533
|
-
"default": "'l'",
|
|
135534
|
-
"description": "Action size variant, either s, m or l.",
|
|
135535
|
-
"fieldName": "size"
|
|
135536
|
-
}
|
|
135537
|
-
],
|
|
135538
|
-
"parameters": [
|
|
135539
|
-
{
|
|
135540
|
-
"name": "superClass",
|
|
135541
|
-
"type": {
|
|
135542
|
-
"text": "T"
|
|
135543
|
-
}
|
|
135544
|
-
}
|
|
135545
|
-
]
|
|
135546
|
-
}
|
|
135547
|
-
],
|
|
135548
|
-
"exports": [
|
|
135549
|
-
{
|
|
135550
|
-
"kind": "js",
|
|
135551
|
-
"name": "SbbNavigationActionCommonElementMixinType",
|
|
135552
|
-
"declaration": {
|
|
135553
|
-
"name": "SbbNavigationActionCommonElementMixinType",
|
|
135554
|
-
"module": "navigation/common/navigation-action-common.js"
|
|
135555
|
-
}
|
|
135556
|
-
},
|
|
135557
|
-
{
|
|
135558
|
-
"kind": "js",
|
|
135559
|
-
"name": "SbbNavigationActionCommonElementMixin",
|
|
135560
|
-
"declaration": {
|
|
135561
|
-
"name": "SbbNavigationActionCommonElementMixin",
|
|
135562
|
-
"module": "navigation/common/navigation-action-common.js"
|
|
135563
|
-
}
|
|
135564
|
-
}
|
|
135565
|
-
]
|
|
135566
|
-
},
|
|
135567
135387
|
{
|
|
135568
135388
|
"kind": "javascript-module",
|
|
135569
135389
|
"path": "mini-calendar/mini-calendar-month/mini-calendar-month.component.js",
|
|
@@ -135960,6 +135780,186 @@
|
|
|
135960
135780
|
}
|
|
135961
135781
|
]
|
|
135962
135782
|
},
|
|
135783
|
+
{
|
|
135784
|
+
"kind": "javascript-module",
|
|
135785
|
+
"path": "navigation/common/navigation-action-common.js",
|
|
135786
|
+
"declarations": [
|
|
135787
|
+
{
|
|
135788
|
+
"kind": "class",
|
|
135789
|
+
"description": "",
|
|
135790
|
+
"name": "SbbNavigationActionCommonElementMixinType",
|
|
135791
|
+
"members": [
|
|
135792
|
+
{
|
|
135793
|
+
"kind": "field",
|
|
135794
|
+
"name": "size",
|
|
135795
|
+
"type": {
|
|
135796
|
+
"text": "SbbNavigationActionSize"
|
|
135797
|
+
},
|
|
135798
|
+
"privacy": "public"
|
|
135799
|
+
},
|
|
135800
|
+
{
|
|
135801
|
+
"kind": "field",
|
|
135802
|
+
"name": "marker",
|
|
135803
|
+
"type": {
|
|
135804
|
+
"text": "SbbNavigationMarkerElement | null"
|
|
135805
|
+
},
|
|
135806
|
+
"privacy": "public",
|
|
135807
|
+
"readonly": true
|
|
135808
|
+
},
|
|
135809
|
+
{
|
|
135810
|
+
"kind": "field",
|
|
135811
|
+
"name": "section",
|
|
135812
|
+
"type": {
|
|
135813
|
+
"text": "SbbNavigationSectionElement | null"
|
|
135814
|
+
},
|
|
135815
|
+
"privacy": "public",
|
|
135816
|
+
"readonly": true
|
|
135817
|
+
},
|
|
135818
|
+
{
|
|
135819
|
+
"kind": "field",
|
|
135820
|
+
"name": "connectedSection",
|
|
135821
|
+
"type": {
|
|
135822
|
+
"text": "SbbNavigationSectionElement | undefined"
|
|
135823
|
+
},
|
|
135824
|
+
"privacy": "public"
|
|
135825
|
+
}
|
|
135826
|
+
]
|
|
135827
|
+
},
|
|
135828
|
+
{
|
|
135829
|
+
"kind": "mixin",
|
|
135830
|
+
"description": "",
|
|
135831
|
+
"name": "SbbNavigationActionCommonElementMixin",
|
|
135832
|
+
"members": [
|
|
135833
|
+
{
|
|
135834
|
+
"kind": "field",
|
|
135835
|
+
"name": "elementDependencies",
|
|
135836
|
+
"type": {
|
|
135837
|
+
"text": "SbbElementType[]"
|
|
135838
|
+
},
|
|
135839
|
+
"privacy": "public",
|
|
135840
|
+
"static": true,
|
|
135841
|
+
"default": "[SbbIconElement]"
|
|
135842
|
+
},
|
|
135843
|
+
{
|
|
135844
|
+
"kind": "field",
|
|
135845
|
+
"name": "styles",
|
|
135846
|
+
"type": {
|
|
135847
|
+
"text": "CSSResultGroup"
|
|
135848
|
+
},
|
|
135849
|
+
"privacy": "public",
|
|
135850
|
+
"static": true,
|
|
135851
|
+
"default": "[unsafeCSS(style)]"
|
|
135852
|
+
},
|
|
135853
|
+
{
|
|
135854
|
+
"kind": "field",
|
|
135855
|
+
"name": "size",
|
|
135856
|
+
"type": {
|
|
135857
|
+
"text": "SbbNavigationActionSize"
|
|
135858
|
+
},
|
|
135859
|
+
"privacy": "public",
|
|
135860
|
+
"default": "'l'",
|
|
135861
|
+
"description": "Action size variant, either s, m or l.",
|
|
135862
|
+
"attribute": "size",
|
|
135863
|
+
"reflects": true
|
|
135864
|
+
},
|
|
135865
|
+
{
|
|
135866
|
+
"kind": "field",
|
|
135867
|
+
"name": "connectedSection",
|
|
135868
|
+
"type": {
|
|
135869
|
+
"text": "SbbNavigationSectionElement | undefined"
|
|
135870
|
+
},
|
|
135871
|
+
"privacy": "public",
|
|
135872
|
+
"description": "The section that is being controlled by the action, if any."
|
|
135873
|
+
},
|
|
135874
|
+
{
|
|
135875
|
+
"kind": "field",
|
|
135876
|
+
"name": "marker",
|
|
135877
|
+
"type": {
|
|
135878
|
+
"text": "SbbNavigationMarkerElement | null"
|
|
135879
|
+
},
|
|
135880
|
+
"privacy": "public",
|
|
135881
|
+
"description": "The navigation marker in which the action is nested.",
|
|
135882
|
+
"readonly": true
|
|
135883
|
+
},
|
|
135884
|
+
{
|
|
135885
|
+
"kind": "field",
|
|
135886
|
+
"name": "section",
|
|
135887
|
+
"type": {
|
|
135888
|
+
"text": "SbbNavigationSectionElement | null"
|
|
135889
|
+
},
|
|
135890
|
+
"privacy": "public",
|
|
135891
|
+
"description": "The section in which the action is nested.",
|
|
135892
|
+
"readonly": true
|
|
135893
|
+
},
|
|
135894
|
+
{
|
|
135895
|
+
"kind": "field",
|
|
135896
|
+
"name": "_navigationMarker",
|
|
135897
|
+
"type": {
|
|
135898
|
+
"text": "SbbNavigationMarkerElement | null"
|
|
135899
|
+
},
|
|
135900
|
+
"privacy": "private",
|
|
135901
|
+
"default": "null"
|
|
135902
|
+
},
|
|
135903
|
+
{
|
|
135904
|
+
"kind": "field",
|
|
135905
|
+
"name": "_navigationSection",
|
|
135906
|
+
"type": {
|
|
135907
|
+
"text": "SbbNavigationSectionElement | null"
|
|
135908
|
+
},
|
|
135909
|
+
"privacy": "private",
|
|
135910
|
+
"default": "null"
|
|
135911
|
+
},
|
|
135912
|
+
{
|
|
135913
|
+
"kind": "method",
|
|
135914
|
+
"name": "renderTemplate",
|
|
135915
|
+
"privacy": "protected",
|
|
135916
|
+
"return": {
|
|
135917
|
+
"type": {
|
|
135918
|
+
"text": "TemplateResult"
|
|
135919
|
+
}
|
|
135920
|
+
}
|
|
135921
|
+
}
|
|
135922
|
+
],
|
|
135923
|
+
"attributes": [
|
|
135924
|
+
{
|
|
135925
|
+
"name": "size",
|
|
135926
|
+
"type": {
|
|
135927
|
+
"text": "SbbNavigationActionSize"
|
|
135928
|
+
},
|
|
135929
|
+
"default": "'l'",
|
|
135930
|
+
"description": "Action size variant, either s, m or l.",
|
|
135931
|
+
"fieldName": "size"
|
|
135932
|
+
}
|
|
135933
|
+
],
|
|
135934
|
+
"parameters": [
|
|
135935
|
+
{
|
|
135936
|
+
"name": "superClass",
|
|
135937
|
+
"type": {
|
|
135938
|
+
"text": "T"
|
|
135939
|
+
}
|
|
135940
|
+
}
|
|
135941
|
+
]
|
|
135942
|
+
}
|
|
135943
|
+
],
|
|
135944
|
+
"exports": [
|
|
135945
|
+
{
|
|
135946
|
+
"kind": "js",
|
|
135947
|
+
"name": "SbbNavigationActionCommonElementMixinType",
|
|
135948
|
+
"declaration": {
|
|
135949
|
+
"name": "SbbNavigationActionCommonElementMixinType",
|
|
135950
|
+
"module": "navigation/common/navigation-action-common.js"
|
|
135951
|
+
}
|
|
135952
|
+
},
|
|
135953
|
+
{
|
|
135954
|
+
"kind": "js",
|
|
135955
|
+
"name": "SbbNavigationActionCommonElementMixin",
|
|
135956
|
+
"declaration": {
|
|
135957
|
+
"name": "SbbNavigationActionCommonElementMixin",
|
|
135958
|
+
"module": "navigation/common/navigation-action-common.js"
|
|
135959
|
+
}
|
|
135960
|
+
}
|
|
135961
|
+
]
|
|
135962
|
+
},
|
|
135963
135963
|
{
|
|
135964
135964
|
"kind": "javascript-module",
|
|
135965
135965
|
"path": "navigation/navigation/navigation.component.js",
|
|
@@ -140668,6 +140668,14 @@
|
|
|
140668
140668
|
"privacy": "protected",
|
|
140669
140669
|
"readonly": true
|
|
140670
140670
|
},
|
|
140671
|
+
{
|
|
140672
|
+
"kind": "field",
|
|
140673
|
+
"name": "_previousSize",
|
|
140674
|
+
"type": {
|
|
140675
|
+
"text": "string | undefined"
|
|
140676
|
+
},
|
|
140677
|
+
"privacy": "private"
|
|
140678
|
+
},
|
|
140671
140679
|
{
|
|
140672
140680
|
"kind": "method",
|
|
140673
140681
|
"name": "getAutocompleteParent",
|
|
@@ -141246,6 +141254,18 @@
|
|
|
141246
141254
|
"module": "option/optgroup/optgroup-base-element.js"
|
|
141247
141255
|
}
|
|
141248
141256
|
},
|
|
141257
|
+
{
|
|
141258
|
+
"kind": "field",
|
|
141259
|
+
"name": "_previousSize",
|
|
141260
|
+
"type": {
|
|
141261
|
+
"text": "string | undefined"
|
|
141262
|
+
},
|
|
141263
|
+
"privacy": "private",
|
|
141264
|
+
"inheritedFrom": {
|
|
141265
|
+
"name": "SbbOptgroupBaseElement",
|
|
141266
|
+
"module": "option/optgroup/optgroup-base-element.js"
|
|
141267
|
+
}
|
|
141268
|
+
},
|
|
141249
141269
|
{
|
|
141250
141270
|
"kind": "method",
|
|
141251
141271
|
"name": "_handleSlotchange",
|
|
@@ -141707,6 +141727,14 @@
|
|
|
141707
141727
|
"privacy": "private",
|
|
141708
141728
|
"default": "false"
|
|
141709
141729
|
},
|
|
141730
|
+
{
|
|
141731
|
+
"kind": "field",
|
|
141732
|
+
"name": "_previousSize",
|
|
141733
|
+
"type": {
|
|
141734
|
+
"text": "string | undefined"
|
|
141735
|
+
},
|
|
141736
|
+
"privacy": "private"
|
|
141737
|
+
},
|
|
141710
141738
|
{
|
|
141711
141739
|
"kind": "method",
|
|
141712
141740
|
"name": "selectViaUserInteraction",
|
|
@@ -142815,6 +142843,18 @@
|
|
|
142815
142843
|
"module": "option/option/option-base-element.js"
|
|
142816
142844
|
}
|
|
142817
142845
|
},
|
|
142846
|
+
{
|
|
142847
|
+
"kind": "field",
|
|
142848
|
+
"name": "_previousSize",
|
|
142849
|
+
"type": {
|
|
142850
|
+
"text": "string | undefined"
|
|
142851
|
+
},
|
|
142852
|
+
"privacy": "private",
|
|
142853
|
+
"inheritedFrom": {
|
|
142854
|
+
"name": "SbbOptionBaseElement",
|
|
142855
|
+
"module": "option/option/option-base-element.js"
|
|
142856
|
+
}
|
|
142857
|
+
},
|
|
142818
142858
|
{
|
|
142819
142859
|
"kind": "method",
|
|
142820
142860
|
"name": "updateDisableHighlight",
|
|
@@ -143259,6 +143299,14 @@
|
|
|
143259
143299
|
"module": "core/base-elements/element.js"
|
|
143260
143300
|
}
|
|
143261
143301
|
},
|
|
143302
|
+
{
|
|
143303
|
+
"kind": "field",
|
|
143304
|
+
"name": "_previousSize",
|
|
143305
|
+
"type": {
|
|
143306
|
+
"text": "string | undefined"
|
|
143307
|
+
},
|
|
143308
|
+
"privacy": "private"
|
|
143309
|
+
},
|
|
143262
143310
|
{
|
|
143263
143311
|
"kind": "field",
|
|
143264
143312
|
"name": "negative",
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { html, nothing, unsafeCSS } from "lit";
|
|
3
|
+
import { property, state } from "lit/decorators.js";
|
|
4
|
+
import { SbbDisabledMixin, SbbElement, SbbPropertyWatcherController, forceType, isSafari } from "./core.js";
|
|
5
|
+
import { SbbDividerElement } from "./divider.pure.js";
|
|
6
|
+
//#region src/elements/option/optgroup/optgroup-base-element.scss?inline
|
|
7
|
+
var optgroup_base_element_default = ":host {\n display: block;\n}\n\n:host(:first-child) {\n --sbb-optgroup-divider-display: none;\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-1x);\n}\n\n:host(:is(:state(size-m),[state--size-m])) {\n --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);\n}\n\n:host(:is(:state(negative),[state--negative])) {\n --sbb-optgroup-label-color: var(--sbb-color-5);\n}\n\n.sbb-optgroup {\n margin-block: var(--sbb-spacing-fixed-4x);\n margin-inline: var(--sbb-spacing-fixed-4x);\n}\n\n.sbb-optgroup__label {\n display: flex;\n column-gap: var(--sbb-spacing-responsive-xxxs);\n font-size: var(--sbb-optgroup-label-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n color: var(--sbb-optgroup-label-color);\n -webkit-text-fill-color: var(--sbb-optgroup-label-color);\n padding-inline: var(--sbb-optgroup-label-padding-inline);\n padding-block-end: var(--sbb-optgroup-label-padding-end);\n}\n\n.sbb-optgroup__divider {\n display: var(--sbb-optgroup-divider-display, block);\n padding-block: var(--sbb-options-panel-divider-margin-block);\n}\n\n.sbb-optgroup__icon-space {\n display: var(--sbb-option-icon-container-display, none);\n min-width: var(--sbb-size-icon-ui-small);\n}\n\n::slotted(sbb-divider) {\n margin-block: var(--sbb-options-panel-divider-margin-block);\n}";
|
|
8
|
+
//#endregion
|
|
9
|
+
//#region src/elements/option/optgroup/optgroup-base-element.ts
|
|
10
|
+
/**
|
|
11
|
+
* On Safari, the groups labels are not read by VoiceOver.
|
|
12
|
+
* To solve the problem, we remove the role="group" and add a hidden span containing the group name
|
|
13
|
+
* TODO: We should periodically check if it has been solved and, if so, remove the property.
|
|
14
|
+
*/
|
|
15
|
+
var inertAriaGroups = isSafari;
|
|
16
|
+
var SbbOptgroupBaseElement = (() => {
|
|
17
|
+
let _classSuper = SbbDisabledMixin(SbbElement);
|
|
18
|
+
let _label_decorators;
|
|
19
|
+
let _label_initializers = [];
|
|
20
|
+
let _label_extraInitializers = [];
|
|
21
|
+
let __inertAriaGroups_decorators;
|
|
22
|
+
let __inertAriaGroups_initializers = [];
|
|
23
|
+
let __inertAriaGroups_extraInitializers = [];
|
|
24
|
+
return class SbbOptgroupBaseElement extends _classSuper {
|
|
25
|
+
static {
|
|
26
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
27
|
+
_label_decorators = [forceType(), property()];
|
|
28
|
+
__inertAriaGroups_decorators = [state()];
|
|
29
|
+
__esDecorate(this, null, _label_decorators, {
|
|
30
|
+
kind: "accessor",
|
|
31
|
+
name: "label",
|
|
32
|
+
static: false,
|
|
33
|
+
private: false,
|
|
34
|
+
access: {
|
|
35
|
+
has: (obj) => "label" in obj,
|
|
36
|
+
get: (obj) => obj.label,
|
|
37
|
+
set: (obj, value) => {
|
|
38
|
+
obj.label = value;
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
metadata: _metadata
|
|
42
|
+
}, _label_initializers, _label_extraInitializers);
|
|
43
|
+
__esDecorate(this, null, __inertAriaGroups_decorators, {
|
|
44
|
+
kind: "accessor",
|
|
45
|
+
name: "_inertAriaGroups",
|
|
46
|
+
static: false,
|
|
47
|
+
private: false,
|
|
48
|
+
access: {
|
|
49
|
+
has: (obj) => "_inertAriaGroups" in obj,
|
|
50
|
+
get: (obj) => obj._inertAriaGroups,
|
|
51
|
+
set: (obj, value) => {
|
|
52
|
+
obj._inertAriaGroups = value;
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
metadata: _metadata
|
|
56
|
+
}, __inertAriaGroups_initializers, __inertAriaGroups_extraInitializers);
|
|
57
|
+
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
58
|
+
enumerable: true,
|
|
59
|
+
configurable: true,
|
|
60
|
+
writable: true,
|
|
61
|
+
value: _metadata
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
static {
|
|
65
|
+
this.role = !inertAriaGroups ? "group" : null;
|
|
66
|
+
}
|
|
67
|
+
static {
|
|
68
|
+
this.elementDependencies = [SbbDividerElement];
|
|
69
|
+
}
|
|
70
|
+
static {
|
|
71
|
+
this.styles = [unsafeCSS(optgroup_base_element_default)];
|
|
72
|
+
}
|
|
73
|
+
#label_accessor_storage;
|
|
74
|
+
/** Option group label. */
|
|
75
|
+
get label() {
|
|
76
|
+
return this.#label_accessor_storage;
|
|
77
|
+
}
|
|
78
|
+
set label(value) {
|
|
79
|
+
this.#label_accessor_storage = value;
|
|
80
|
+
}
|
|
81
|
+
#_inertAriaGroups_accessor_storage;
|
|
82
|
+
get _inertAriaGroups() {
|
|
83
|
+
return this.#_inertAriaGroups_accessor_storage;
|
|
84
|
+
}
|
|
85
|
+
set _inertAriaGroups(value) {
|
|
86
|
+
this.#_inertAriaGroups_accessor_storage = value;
|
|
87
|
+
}
|
|
88
|
+
constructor() {
|
|
89
|
+
super();
|
|
90
|
+
this.#label_accessor_storage = __runInitializers(this, _label_initializers, "");
|
|
91
|
+
this.#_inertAriaGroups_accessor_storage = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, __inertAriaGroups_initializers, false));
|
|
92
|
+
this._previousSize = __runInitializers(this, __inertAriaGroups_extraInitializers);
|
|
93
|
+
this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete, sbb-autocomplete-grid, sbb-select"), { size: (e) => {
|
|
94
|
+
if (this._previousSize) this.internals.states.delete(`size-${this._previousSize}`);
|
|
95
|
+
this._previousSize = e.size;
|
|
96
|
+
if (this._previousSize) this.internals.states.add(`size-${this._previousSize}`);
|
|
97
|
+
} }));
|
|
98
|
+
if (inertAriaGroups) if (this.hydrationRequired) this.hydrationComplete.then(() => this._inertAriaGroups = inertAriaGroups);
|
|
99
|
+
else this._inertAriaGroups = inertAriaGroups;
|
|
100
|
+
}
|
|
101
|
+
connectedCallback() {
|
|
102
|
+
super.connectedCallback();
|
|
103
|
+
this._updateAriaLabel();
|
|
104
|
+
}
|
|
105
|
+
willUpdate(changedProperties) {
|
|
106
|
+
super.willUpdate(changedProperties);
|
|
107
|
+
if (changedProperties.has("disabled")) {
|
|
108
|
+
if (!this._inertAriaGroups) this.internals.ariaDisabled = this.disabled ? "true" : null;
|
|
109
|
+
}
|
|
110
|
+
if (changedProperties.has("label")) this._updateAriaLabel();
|
|
111
|
+
}
|
|
112
|
+
_handleSlotchange() {
|
|
113
|
+
this._updateAriaLabel();
|
|
114
|
+
this._highlightOptions();
|
|
115
|
+
/** @internal */
|
|
116
|
+
this.dispatchEvent(new Event("ɵoptgroupslotchange"));
|
|
117
|
+
}
|
|
118
|
+
_updateAriaLabel() {
|
|
119
|
+
this.internals.ariaLabel = !this._inertAriaGroups ? this.label : null;
|
|
120
|
+
}
|
|
121
|
+
_highlightOptions() {
|
|
122
|
+
const autocomplete = this.getAutocompleteParent();
|
|
123
|
+
if (!autocomplete) return;
|
|
124
|
+
const value = autocomplete.triggerElement?.value;
|
|
125
|
+
if (!value) return;
|
|
126
|
+
this.options.forEach((opt) => opt.highlight(value));
|
|
127
|
+
}
|
|
128
|
+
render() {
|
|
129
|
+
return html`
|
|
130
|
+
<div class="sbb-optgroup__divider">
|
|
131
|
+
<sbb-divider ?negative=${this.matches?.(":is(:state(negative),[state--negative])")}></sbb-divider>
|
|
132
|
+
</div>
|
|
133
|
+
${this.label ? html`
|
|
134
|
+
<div class="sbb-optgroup__label" aria-hidden="true">
|
|
135
|
+
<div class="sbb-optgroup__icon-space"></div>
|
|
136
|
+
<span>${this.label}</span>
|
|
137
|
+
</div>
|
|
138
|
+
` : nothing}
|
|
139
|
+
<slot @slotchange=${this._handleSlotchange}></slot>
|
|
140
|
+
`;
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
})();
|
|
144
|
+
//#endregion
|
|
145
|
+
export { SbbOptgroupBaseElement as t };
|
|
146
|
+
|
|
147
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0Z3JvdXAtYmFzZS1lbGVtZW50LUNxOERNUGs5LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9vcHRpb24vb3B0Z3JvdXAvb3B0Z3JvdXAtYmFzZS1lbGVtZW50LnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL29wdGlvbi9vcHRncm91cC9vcHRncm91cC1iYXNlLWVsZW1lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoOmZpcnN0LWNoaWxkKSB7XG4gIC0tc2JiLW9wdGdyb3VwLWRpdmlkZXItZGlzcGxheTogbm9uZTtcbn1cblxuOmhvc3QoOnN0YXRlKHNpemUtcykpIHtcbiAgLS1zYmItb3B0Z3JvdXAtbGFiZWwtcGFkZGluZy1lbmQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbn1cblxuOmhvc3QoOnN0YXRlKHNpemUtbSkpIHtcbiAgLS1zYmItb3B0Z3JvdXAtbGFiZWwtcGFkZGluZy1lbmQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KTtcbn1cblxuOmhvc3QoOnN0YXRlKG5lZ2F0aXZlKSkge1xuICAtLXNiYi1vcHRncm91cC1sYWJlbC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTUpO1xufVxuXG4uc2JiLW9wdGdyb3VwIHtcbiAgbWFyZ2luLWJsb2NrOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG4gIG1hcmdpbi1pbmxpbmU6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTR4KTtcbn1cblxuLnNiYi1vcHRncm91cF9fbGFiZWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2x1bW4tZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4eHMpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi1vcHRncm91cC1sYWJlbC1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG4gIGNvbG9yOiB2YXIoLS1zYmItb3B0Z3JvdXAtbGFiZWwtY29sb3IpO1xuICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdmFyKC0tc2JiLW9wdGdyb3VwLWxhYmVsLWNvbG9yKTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1vcHRncm91cC1sYWJlbC1wYWRkaW5nLWlubGluZSk7XG4gIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zYmItb3B0Z3JvdXAtbGFiZWwtcGFkZGluZy1lbmQpO1xufVxuXG4uc2JiLW9wdGdyb3VwX19kaXZpZGVyIHtcbiAgZGlzcGxheTogdmFyKC0tc2JiLW9wdGdyb3VwLWRpdmlkZXItZGlzcGxheSwgYmxvY2spO1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1kaXZpZGVyLW1hcmdpbi1ibG9jayk7XG59XG5cbi8vIEFsaWduIHRoZSBncm91cCBsYWJlbCB0byB0aGUgb3B0aW9uIGxhYmVsXG4uc2JiLW9wdGdyb3VwX19pY29uLXNwYWNlIHtcbiAgLy8gQ2FuIGJlIG92ZXJyaWRkZW4gYnkgdGhlICdwcmVzZXJ2ZS1pY29uLXNwYWNlJyBvbiB0aGUgYXV0b2NvbXBsZXRlXG4gIGRpc3BsYXk6IHZhcigtLXNiYi1vcHRpb24taWNvbi1jb250YWluZXItZGlzcGxheSwgbm9uZSk7XG4gIG1pbi13aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG59XG5cbjo6c2xvdHRlZChzYmItZGl2aWRlcikge1xuICBtYXJnaW4tYmxvY2s6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWRpdmlkZXItbWFyZ2luLWJsb2NrKTtcbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG4gIHVuc2FmZUNTUyxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJBdXRvY29tcGxldGVCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2F1dG9jb21wbGV0ZS5wdXJlLnRzJztcbmltcG9ydCB7XG4gIGZvcmNlVHlwZSxcbiAgaXNTYWZhcmksXG4gIFNiYkRpc2FibGVkTWl4aW4sXG4gIFNiYkVsZW1lbnQsXG4gIHR5cGUgU2JiRWxlbWVudFR5cGUsXG4gIFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiRGl2aWRlckVsZW1lbnQgfSBmcm9tICcuLi8uLi9kaXZpZGVyLnB1cmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTZWxlY3RFbGVtZW50IH0gZnJvbSAnLi4vLi4vc2VsZWN0LnB1cmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJPcHRpb25CYXNlRWxlbWVudCB9IGZyb20gJy4uL29wdGlvbi9vcHRpb24tYmFzZS1lbGVtZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vb3B0Z3JvdXAtYmFzZS1lbGVtZW50LnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBPbiBTYWZhcmksIHRoZSBncm91cHMgbGFiZWxzIGFyZSBub3QgcmVhZCBieSBWb2ljZU92ZXIuXG4gKiBUbyBzb2x2ZSB0aGUgcHJvYmxlbSwgd2UgcmVtb3ZlIHRoZSByb2xlPVwiZ3JvdXBcIiBhbmQgYWRkIGEgaGlkZGVuIHNwYW4gY29udGFpbmluZyB0aGUgZ3JvdXAgbmFtZVxuICogVE9ETzogV2Ugc2hvdWxkIHBlcmlvZGljYWxseSBjaGVjayBpZiBpdCBoYXMgYmVlbiBzb2x2ZWQgYW5kLCBpZiBzbywgcmVtb3ZlIHRoZSBwcm9wZXJ0eS5cbiAqL1xuY29uc3QgaW5lcnRBcmlhR3JvdXBzID0gaXNTYWZhcmk7XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBTYmJPcHRncm91cEJhc2VFbGVtZW50IGV4dGVuZHMgU2JiRGlzYWJsZWRNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICFpbmVydEFyaWFHcm91cHMgPyAnZ3JvdXAnIDogbnVsbDtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBlbGVtZW50RGVwZW5kZW5jaWVzOiBTYmJFbGVtZW50VHlwZVtdID0gW1NiYkRpdmlkZXJFbGVtZW50XTtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3Vuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBPcHRpb24gZ3JvdXAgbGFiZWwuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3IgbGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIEBzdGF0ZSgpIHByaXZhdGUgYWNjZXNzb3IgX2luZXJ0QXJpYUdyb3VwcyA9IGZhbHNlO1xuXG4gIHByb3RlY3RlZCBhYnN0cmFjdCBnZXQgb3B0aW9ucygpOiBTYmJPcHRpb25CYXNlRWxlbWVudFtdO1xuXG4gIHByaXZhdGUgX3ByZXZpb3VzU2l6ZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHByb3RlY3RlZCBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXI8U2JiQXV0b2NvbXBsZXRlQmFzZUVsZW1lbnQgfCBTYmJTZWxlY3RFbGVtZW50PihcbiAgICAgICAgdGhpcyxcbiAgICAgICAgKCkgPT4gdGhpcy5jbG9zZXN0KCdzYmItYXV0b2NvbXBsZXRlLCBzYmItYXV0b2NvbXBsZXRlLWdyaWQsIHNiYi1zZWxlY3QnKSxcbiAgICAgICAge1xuICAgICAgICAgIHNpemU6IChlKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoYHNpemUtJHt0aGlzLl9wcmV2aW91c1NpemV9YCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0aGlzLl9wcmV2aW91c1NpemUgPSBlLnNpemU7XG4gICAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoYHNpemUtJHt0aGlzLl9wcmV2aW91c1NpemV9YCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICksXG4gICAgKTtcblxuICAgIGlmIChpbmVydEFyaWFHcm91cHMpIHtcbiAgICAgIGlmICh0aGlzLmh5ZHJhdGlvblJlcXVpcmVkKSB7XG4gICAgICAgIHRoaXMuaHlkcmF0aW9uQ29tcGxldGUudGhlbigoKSA9PiAodGhpcy5faW5lcnRBcmlhR3JvdXBzID0gaW5lcnRBcmlhR3JvdXBzKSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLl9pbmVydEFyaWFHcm91cHMgPSBpbmVydEFyaWFHcm91cHM7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fdXBkYXRlQXJpYUxhYmVsKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIGlmICghdGhpcy5faW5lcnRBcmlhR3JvdXBzKSB7XG4gICAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFEaXNhYmxlZCA9IHRoaXMuZGlzYWJsZWQgPyAndHJ1ZScgOiBudWxsO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsYWJlbCcpKSB7XG4gICAgICB0aGlzLl91cGRhdGVBcmlhTGFiZWwoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgYWJzdHJhY3QgZ2V0QXV0b2NvbXBsZXRlUGFyZW50KCk6IFNiYkF1dG9jb21wbGV0ZUJhc2VFbGVtZW50IHwgbnVsbDtcblxuICBwcml2YXRlIF9oYW5kbGVTbG90Y2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuX3VwZGF0ZUFyaWFMYWJlbCgpO1xuICAgIHRoaXMuX2hpZ2hsaWdodE9wdGlvbnMoKTtcbiAgICAvLyBVc2VkIHRvIG5vdGlmeSBhc3NvY2lhdGVkIGNvbXBvbmVudHMgbGlrZSB0aGUgc2JiLXNlbGVjdCB0byB1cGRhdGUgc3RhdGVcbiAgICAvKiogQGludGVybmFsICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnybVvcHRncm91cHNsb3RjaGFuZ2UnKSk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVBcmlhTGFiZWwoKTogdm9pZCB7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsID0gIXRoaXMuX2luZXJ0QXJpYUdyb3VwcyA/IHRoaXMubGFiZWwgOiBudWxsO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGlnaGxpZ2h0T3B0aW9ucygpOiB2b2lkIHtcbiAgICBjb25zdCBhdXRvY29tcGxldGUgPSB0aGlzLmdldEF1dG9jb21wbGV0ZVBhcmVudCgpO1xuICAgIGlmICghYXV0b2NvbXBsZXRlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IHZhbHVlID0gYXV0b2NvbXBsZXRlLnRyaWdnZXJFbGVtZW50Py52YWx1ZTtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKChvcHQpID0+IG9wdC5oaWdobGlnaHQodmFsdWUpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIC8vIFRPRE86IHJlcGxhY2UgZGl2aWRlciB3aXRoIENTU1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1vcHRncm91cF9fZGl2aWRlclwiPlxuICAgICAgICA8c2JiLWRpdmlkZXIgP25lZ2F0aXZlPSR7dGhpcy5tYXRjaGVzPy4oJzpzdGF0ZShuZWdhdGl2ZSknKX0+PC9zYmItZGl2aWRlcj5cbiAgICAgIDwvZGl2PlxuICAgICAgJHt0aGlzLmxhYmVsXG4gICAgICAgID8gaHRtbGBcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItb3B0Z3JvdXBfX2xhYmVsXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItb3B0Z3JvdXBfX2ljb24tc3BhY2VcIj48L2Rpdj5cbiAgICAgICAgICAgICAgPHNwYW4+JHt0aGlzLmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIGBcbiAgICAgICAgOiBub3RoaW5nfVxuICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9oYW5kbGVTbG90Y2hhbmdlfT48L3Nsb3Q+XG4gICAgYDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztBQzhCQSxJQUFNLGtCQUFrQjtJQUVGLGdDQUFzQjttQkFBUyxpQkFBaUIsV0FBVzs7Ozs7OztjQUEzRCwrQkFBK0IsWUFBNEI7Ozt3QkFNOUUsV0FBVyxFQUNYLFVBQVUsQ0FBQTttQ0FHVixPQUFPLENBQUE7QUFGUixnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUss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
|
|
@@ -11,7 +11,8 @@ export declare abstract class SbbOptgroupBaseElement extends SbbOptgroupBaseElem
|
|
|
11
11
|
accessor label: string;
|
|
12
12
|
private accessor _inertAriaGroups;
|
|
13
13
|
protected abstract get options(): SbbOptionBaseElement[];
|
|
14
|
-
|
|
14
|
+
private _previousSize;
|
|
15
|
+
protected constructor();
|
|
15
16
|
connectedCallback(): void;
|
|
16
17
|
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
17
18
|
protected abstract getAutocompleteParent(): SbbAutocompleteBaseElement | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"optgroup-base-element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/option/optgroup/optgroup-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAIL,UAAU,EACV,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"optgroup-base-element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/option/optgroup/optgroup-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAIL,UAAU,EACV,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;;AAW7E,8BAAsB,sBAAuB,SAAQ,2BAA4B;IAC/E,gBAAgC,IAAI,gBAAqC;IACzE,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAAuB;IACnF,OAAuB,MAAM,EAAE,cAAc,CAAsB;IAEnE,0BAA0B;IAC1B,SAEgB,KAAK,EAAE,MAAM,CAAM;IAE1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;IAEnD,SAAS,CAAC,QAAQ,KAAK,OAAO,IAAI,oBAAoB,EAAE,CAAC;IAEzD,OAAO,CAAC,aAAa,CAAqB;IAE1C,SAAS;IA8BO,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAa5E,SAAS,CAAC,QAAQ,CAAC,qBAAqB,IAAI,0BAA0B,GAAG,IAAI;IAE7E,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,iBAAiB;cAYN,MAAM,IAAI,cAAc;CAiB5C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbOptgroupBaseElement } from "../../optgroup-base-element-
|
|
1
|
+
import { t as SbbOptgroupBaseElement } from "../../optgroup-base-element-Cq8DMPk9.js";
|
|
2
2
|
export { SbbOptgroupBaseElement };
|