@sbb-esta/lyne-elements-dev 5.0.0-next.2-dev.1778583357 → 5.0.0-next.2-dev.1778594836
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/custom-elements.json +129 -121
- package/development/navigation/common/navigation-action-common.d.ts +0 -1
- package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
- package/development/navigation/common/navigation-action-common.js +1 -1
- package/development/navigation/navigation-list/navigation-list.component.d.ts +2 -3
- package/development/navigation/navigation-list/navigation-list.component.d.ts.map +1 -1
- package/development/navigation/navigation-list/navigation-list.component.js +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.d.ts +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.d.ts.map +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/development/navigation-action-common-fkYNyX19.js +56 -0
- package/development/{navigation-list.component-DrdbtDRs.js → navigation-list.component-Dvv-bZ2V.js} +1 -5
- package/development/{navigation-marker.component-fB05cjtE.js → navigation-marker.component-DMqe-VlY.js} +3 -4
- package/development/navigation.js +3 -3
- package/development/navigation.pure.js +3 -3
- package/navigation/common/navigation-action-common.js +1 -1
- package/navigation/navigation-list/navigation-list.component.js +1 -1
- package/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/navigation-action-common-x7PMfho0.js +38 -0
- package/{navigation-list.component-NQZA2mui.js → navigation-list.component-Cezo1tC-.js} +0 -3
- package/{navigation-marker.component-D1p9TkWH.js → navigation-marker.component-CNsMaqpH.js} +2 -3
- package/navigation.js +3 -3
- package/navigation.pure.js +3 -3
- package/package.json +2 -2
- package/development/navigation-action-common-CGy4K8q-.js +0 -91
- package/navigation-action-common-HG5kdQJR.js +0 -65
package/custom-elements.json
CHANGED
|
@@ -131450,15 +131450,12 @@
|
|
|
131450
131450
|
},
|
|
131451
131451
|
{
|
|
131452
131452
|
"kind": "field",
|
|
131453
|
-
"name": "
|
|
131453
|
+
"name": "connectedSection",
|
|
131454
131454
|
"type": {
|
|
131455
|
-
"text": "
|
|
131455
|
+
"text": "SbbNavigationSectionElement | undefined"
|
|
131456
131456
|
},
|
|
131457
131457
|
"privacy": "public",
|
|
131458
|
-
"
|
|
131459
|
-
"description": "Action size variant, either s, m or l.",
|
|
131460
|
-
"attribute": "size",
|
|
131461
|
-
"reflects": true,
|
|
131458
|
+
"description": "The section that is being controlled by the action, if any.",
|
|
131462
131459
|
"inheritedFrom": {
|
|
131463
131460
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
131464
131461
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -131466,12 +131463,12 @@
|
|
|
131466
131463
|
},
|
|
131467
131464
|
{
|
|
131468
131465
|
"kind": "field",
|
|
131469
|
-
"name": "
|
|
131466
|
+
"name": "_navigationMarker",
|
|
131470
131467
|
"type": {
|
|
131471
|
-
"text": "
|
|
131468
|
+
"text": "SbbNavigationMarkerElement | null"
|
|
131472
131469
|
},
|
|
131473
|
-
"privacy": "
|
|
131474
|
-
"
|
|
131470
|
+
"privacy": "private",
|
|
131471
|
+
"default": "null",
|
|
131475
131472
|
"inheritedFrom": {
|
|
131476
131473
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
131477
131474
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -131479,13 +131476,12 @@
|
|
|
131479
131476
|
},
|
|
131480
131477
|
{
|
|
131481
131478
|
"kind": "field",
|
|
131482
|
-
"name": "
|
|
131479
|
+
"name": "_navigationSection",
|
|
131483
131480
|
"type": {
|
|
131484
|
-
"text": "
|
|
131481
|
+
"text": "SbbNavigationSectionElement | null"
|
|
131485
131482
|
},
|
|
131486
|
-
"privacy": "
|
|
131487
|
-
"
|
|
131488
|
-
"readonly": true,
|
|
131483
|
+
"privacy": "private",
|
|
131484
|
+
"default": "null",
|
|
131489
131485
|
"inheritedFrom": {
|
|
131490
131486
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
131491
131487
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -131493,13 +131489,12 @@
|
|
|
131493
131489
|
},
|
|
131494
131490
|
{
|
|
131495
131491
|
"kind": "field",
|
|
131496
|
-
"name": "
|
|
131492
|
+
"name": "_size",
|
|
131497
131493
|
"type": {
|
|
131498
|
-
"text": "
|
|
131494
|
+
"text": "'s' | 'm' | 'l'"
|
|
131499
131495
|
},
|
|
131500
|
-
"privacy": "
|
|
131501
|
-
"
|
|
131502
|
-
"readonly": true,
|
|
131496
|
+
"privacy": "private",
|
|
131497
|
+
"default": "'l'",
|
|
131503
131498
|
"inheritedFrom": {
|
|
131504
131499
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
131505
131500
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -131507,12 +131502,13 @@
|
|
|
131507
131502
|
},
|
|
131508
131503
|
{
|
|
131509
131504
|
"kind": "field",
|
|
131510
|
-
"name": "
|
|
131505
|
+
"name": "marker",
|
|
131511
131506
|
"type": {
|
|
131512
131507
|
"text": "SbbNavigationMarkerElement | null"
|
|
131513
131508
|
},
|
|
131514
|
-
"privacy": "
|
|
131515
|
-
"
|
|
131509
|
+
"privacy": "public",
|
|
131510
|
+
"description": "The navigation marker in which the action is nested.",
|
|
131511
|
+
"readonly": true,
|
|
131516
131512
|
"inheritedFrom": {
|
|
131517
131513
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
131518
131514
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -131520,12 +131516,35 @@
|
|
|
131520
131516
|
},
|
|
131521
131517
|
{
|
|
131522
131518
|
"kind": "field",
|
|
131523
|
-
"name": "
|
|
131519
|
+
"name": "section",
|
|
131524
131520
|
"type": {
|
|
131525
131521
|
"text": "SbbNavigationSectionElement | null"
|
|
131526
131522
|
},
|
|
131523
|
+
"privacy": "public",
|
|
131524
|
+
"description": "The section in which the action is nested.",
|
|
131525
|
+
"readonly": true,
|
|
131526
|
+
"inheritedFrom": {
|
|
131527
|
+
"name": "SbbNavigationActionCommonElementMixin",
|
|
131528
|
+
"module": "navigation/common/navigation-action-common.js"
|
|
131529
|
+
}
|
|
131530
|
+
},
|
|
131531
|
+
{
|
|
131532
|
+
"kind": "method",
|
|
131533
|
+
"name": "_applySize",
|
|
131527
131534
|
"privacy": "private",
|
|
131528
|
-
"
|
|
131535
|
+
"return": {
|
|
131536
|
+
"type": {
|
|
131537
|
+
"text": "void"
|
|
131538
|
+
}
|
|
131539
|
+
},
|
|
131540
|
+
"parameters": [
|
|
131541
|
+
{
|
|
131542
|
+
"name": "size",
|
|
131543
|
+
"type": {
|
|
131544
|
+
"text": "SbbNavigationActionCommonElement['_size']"
|
|
131545
|
+
}
|
|
131546
|
+
}
|
|
131547
|
+
],
|
|
131529
131548
|
"inheritedFrom": {
|
|
131530
131549
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
131531
131550
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -132334,19 +132353,6 @@
|
|
|
132334
132353
|
"tagName": "sbb-navigation-button",
|
|
132335
132354
|
"customElement": true,
|
|
132336
132355
|
"attributes": [
|
|
132337
|
-
{
|
|
132338
|
-
"name": "size",
|
|
132339
|
-
"type": {
|
|
132340
|
-
"text": "'s' | 'm' | 'l'"
|
|
132341
|
-
},
|
|
132342
|
-
"default": "'l'",
|
|
132343
|
-
"description": "Action size variant, either s, m or l.",
|
|
132344
|
-
"fieldName": "size",
|
|
132345
|
-
"inheritedFrom": {
|
|
132346
|
-
"name": "SbbNavigationActionCommonElementMixin",
|
|
132347
|
-
"module": "navigation/common/navigation-action-common.js"
|
|
132348
|
-
}
|
|
132349
|
-
},
|
|
132350
132356
|
{
|
|
132351
132357
|
"name": "value",
|
|
132352
132358
|
"type": {
|
|
@@ -132471,15 +132477,12 @@
|
|
|
132471
132477
|
},
|
|
132472
132478
|
{
|
|
132473
132479
|
"kind": "field",
|
|
132474
|
-
"name": "
|
|
132480
|
+
"name": "connectedSection",
|
|
132475
132481
|
"type": {
|
|
132476
|
-
"text": "
|
|
132482
|
+
"text": "SbbNavigationSectionElement | undefined"
|
|
132477
132483
|
},
|
|
132478
132484
|
"privacy": "public",
|
|
132479
|
-
"
|
|
132480
|
-
"description": "Action size variant, either s, m or l.",
|
|
132481
|
-
"attribute": "size",
|
|
132482
|
-
"reflects": true,
|
|
132485
|
+
"description": "The section that is being controlled by the action, if any.",
|
|
132483
132486
|
"inheritedFrom": {
|
|
132484
132487
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
132485
132488
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -132487,12 +132490,12 @@
|
|
|
132487
132490
|
},
|
|
132488
132491
|
{
|
|
132489
132492
|
"kind": "field",
|
|
132490
|
-
"name": "
|
|
132493
|
+
"name": "_navigationMarker",
|
|
132491
132494
|
"type": {
|
|
132492
|
-
"text": "
|
|
132495
|
+
"text": "SbbNavigationMarkerElement | null"
|
|
132493
132496
|
},
|
|
132494
|
-
"privacy": "
|
|
132495
|
-
"
|
|
132497
|
+
"privacy": "private",
|
|
132498
|
+
"default": "null",
|
|
132496
132499
|
"inheritedFrom": {
|
|
132497
132500
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
132498
132501
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -132500,13 +132503,12 @@
|
|
|
132500
132503
|
},
|
|
132501
132504
|
{
|
|
132502
132505
|
"kind": "field",
|
|
132503
|
-
"name": "
|
|
132506
|
+
"name": "_navigationSection",
|
|
132504
132507
|
"type": {
|
|
132505
|
-
"text": "
|
|
132508
|
+
"text": "SbbNavigationSectionElement | null"
|
|
132506
132509
|
},
|
|
132507
|
-
"privacy": "
|
|
132508
|
-
"
|
|
132509
|
-
"readonly": true,
|
|
132510
|
+
"privacy": "private",
|
|
132511
|
+
"default": "null",
|
|
132510
132512
|
"inheritedFrom": {
|
|
132511
132513
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
132512
132514
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -132514,13 +132516,12 @@
|
|
|
132514
132516
|
},
|
|
132515
132517
|
{
|
|
132516
132518
|
"kind": "field",
|
|
132517
|
-
"name": "
|
|
132519
|
+
"name": "_size",
|
|
132518
132520
|
"type": {
|
|
132519
|
-
"text": "
|
|
132521
|
+
"text": "'s' | 'm' | 'l'"
|
|
132520
132522
|
},
|
|
132521
|
-
"privacy": "
|
|
132522
|
-
"
|
|
132523
|
-
"readonly": true,
|
|
132523
|
+
"privacy": "private",
|
|
132524
|
+
"default": "'l'",
|
|
132524
132525
|
"inheritedFrom": {
|
|
132525
132526
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
132526
132527
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -132528,12 +132529,13 @@
|
|
|
132528
132529
|
},
|
|
132529
132530
|
{
|
|
132530
132531
|
"kind": "field",
|
|
132531
|
-
"name": "
|
|
132532
|
+
"name": "marker",
|
|
132532
132533
|
"type": {
|
|
132533
132534
|
"text": "SbbNavigationMarkerElement | null"
|
|
132534
132535
|
},
|
|
132535
|
-
"privacy": "
|
|
132536
|
-
"
|
|
132536
|
+
"privacy": "public",
|
|
132537
|
+
"description": "The navigation marker in which the action is nested.",
|
|
132538
|
+
"readonly": true,
|
|
132537
132539
|
"inheritedFrom": {
|
|
132538
132540
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
132539
132541
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -132541,12 +132543,35 @@
|
|
|
132541
132543
|
},
|
|
132542
132544
|
{
|
|
132543
132545
|
"kind": "field",
|
|
132544
|
-
"name": "
|
|
132546
|
+
"name": "section",
|
|
132545
132547
|
"type": {
|
|
132546
132548
|
"text": "SbbNavigationSectionElement | null"
|
|
132547
132549
|
},
|
|
132550
|
+
"privacy": "public",
|
|
132551
|
+
"description": "The section in which the action is nested.",
|
|
132552
|
+
"readonly": true,
|
|
132553
|
+
"inheritedFrom": {
|
|
132554
|
+
"name": "SbbNavigationActionCommonElementMixin",
|
|
132555
|
+
"module": "navigation/common/navigation-action-common.js"
|
|
132556
|
+
}
|
|
132557
|
+
},
|
|
132558
|
+
{
|
|
132559
|
+
"kind": "method",
|
|
132560
|
+
"name": "_applySize",
|
|
132548
132561
|
"privacy": "private",
|
|
132549
|
-
"
|
|
132562
|
+
"return": {
|
|
132563
|
+
"type": {
|
|
132564
|
+
"text": "void"
|
|
132565
|
+
}
|
|
132566
|
+
},
|
|
132567
|
+
"parameters": [
|
|
132568
|
+
{
|
|
132569
|
+
"name": "size",
|
|
132570
|
+
"type": {
|
|
132571
|
+
"text": "SbbNavigationActionCommonElement['_size']"
|
|
132572
|
+
}
|
|
132573
|
+
}
|
|
132574
|
+
],
|
|
132550
132575
|
"inheritedFrom": {
|
|
132551
132576
|
"name": "SbbNavigationActionCommonElementMixin",
|
|
132552
132577
|
"module": "navigation/common/navigation-action-common.js"
|
|
@@ -133040,19 +133065,6 @@
|
|
|
133040
133065
|
"tagName": "sbb-navigation-link",
|
|
133041
133066
|
"customElement": true,
|
|
133042
133067
|
"attributes": [
|
|
133043
|
-
{
|
|
133044
|
-
"name": "size",
|
|
133045
|
-
"type": {
|
|
133046
|
-
"text": "'s' | 'm' | 'l'"
|
|
133047
|
-
},
|
|
133048
|
-
"default": "'l'",
|
|
133049
|
-
"description": "Action size variant, either s, m or l.",
|
|
133050
|
-
"fieldName": "size",
|
|
133051
|
-
"inheritedFrom": {
|
|
133052
|
-
"name": "SbbNavigationActionCommonElementMixin",
|
|
133053
|
-
"module": "navigation/common/navigation-action-common.js"
|
|
133054
|
-
}
|
|
133055
|
-
},
|
|
133056
133068
|
{
|
|
133057
133069
|
"name": "href",
|
|
133058
133070
|
"type": {
|
|
@@ -133194,7 +133206,7 @@
|
|
|
133194
133206
|
"kind": "field",
|
|
133195
133207
|
"name": "size",
|
|
133196
133208
|
"type": {
|
|
133197
|
-
"text": "'
|
|
133209
|
+
"text": "'s' | 'l'"
|
|
133198
133210
|
},
|
|
133199
133211
|
"privacy": "public",
|
|
133200
133212
|
"default": "'l'",
|
|
@@ -133663,7 +133675,7 @@
|
|
|
133663
133675
|
{
|
|
133664
133676
|
"name": "size",
|
|
133665
133677
|
"type": {
|
|
133666
|
-
"text": "'
|
|
133678
|
+
"text": "'s' | 'l'"
|
|
133667
133679
|
},
|
|
133668
133680
|
"default": "'l'",
|
|
133669
133681
|
"description": "Marker size variant, either s or l.",
|
|
@@ -135557,14 +135569,6 @@
|
|
|
135557
135569
|
"description": "",
|
|
135558
135570
|
"name": "SbbNavigationActionCommonElementMixinType",
|
|
135559
135571
|
"members": [
|
|
135560
|
-
{
|
|
135561
|
-
"kind": "field",
|
|
135562
|
-
"name": "size",
|
|
135563
|
-
"type": {
|
|
135564
|
-
"text": "'s' | 'm' | 'l'"
|
|
135565
|
-
},
|
|
135566
|
-
"privacy": "public"
|
|
135567
|
-
},
|
|
135568
135572
|
{
|
|
135569
135573
|
"kind": "field",
|
|
135570
135574
|
"name": "marker",
|
|
@@ -135620,24 +135624,39 @@
|
|
|
135620
135624
|
},
|
|
135621
135625
|
{
|
|
135622
135626
|
"kind": "field",
|
|
135623
|
-
"name": "
|
|
135627
|
+
"name": "connectedSection",
|
|
135624
135628
|
"type": {
|
|
135625
|
-
"text": "
|
|
135629
|
+
"text": "SbbNavigationSectionElement | undefined"
|
|
135626
135630
|
},
|
|
135627
135631
|
"privacy": "public",
|
|
135628
|
-
"
|
|
135629
|
-
"description": "Action size variant, either s, m or l.",
|
|
135630
|
-
"attribute": "size",
|
|
135631
|
-
"reflects": true
|
|
135632
|
+
"description": "The section that is being controlled by the action, if any."
|
|
135632
135633
|
},
|
|
135633
135634
|
{
|
|
135634
135635
|
"kind": "field",
|
|
135635
|
-
"name": "
|
|
135636
|
+
"name": "_navigationMarker",
|
|
135636
135637
|
"type": {
|
|
135637
|
-
"text": "
|
|
135638
|
+
"text": "SbbNavigationMarkerElement | null"
|
|
135638
135639
|
},
|
|
135639
|
-
"privacy": "
|
|
135640
|
-
"
|
|
135640
|
+
"privacy": "private",
|
|
135641
|
+
"default": "null"
|
|
135642
|
+
},
|
|
135643
|
+
{
|
|
135644
|
+
"kind": "field",
|
|
135645
|
+
"name": "_navigationSection",
|
|
135646
|
+
"type": {
|
|
135647
|
+
"text": "SbbNavigationSectionElement | null"
|
|
135648
|
+
},
|
|
135649
|
+
"privacy": "private",
|
|
135650
|
+
"default": "null"
|
|
135651
|
+
},
|
|
135652
|
+
{
|
|
135653
|
+
"kind": "field",
|
|
135654
|
+
"name": "_size",
|
|
135655
|
+
"type": {
|
|
135656
|
+
"text": "'s' | 'm' | 'l'"
|
|
135657
|
+
},
|
|
135658
|
+
"privacy": "private",
|
|
135659
|
+
"default": "'l'"
|
|
135641
135660
|
},
|
|
135642
135661
|
{
|
|
135643
135662
|
"kind": "field",
|
|
@@ -135660,22 +135679,22 @@
|
|
|
135660
135679
|
"readonly": true
|
|
135661
135680
|
},
|
|
135662
135681
|
{
|
|
135663
|
-
"kind": "
|
|
135664
|
-
"name": "
|
|
135665
|
-
"type": {
|
|
135666
|
-
"text": "SbbNavigationMarkerElement | null"
|
|
135667
|
-
},
|
|
135682
|
+
"kind": "method",
|
|
135683
|
+
"name": "_applySize",
|
|
135668
135684
|
"privacy": "private",
|
|
135669
|
-
"
|
|
135670
|
-
|
|
135671
|
-
|
|
135672
|
-
|
|
135673
|
-
"name": "_navigationSection",
|
|
135674
|
-
"type": {
|
|
135675
|
-
"text": "SbbNavigationSectionElement | null"
|
|
135685
|
+
"return": {
|
|
135686
|
+
"type": {
|
|
135687
|
+
"text": "void"
|
|
135688
|
+
}
|
|
135676
135689
|
},
|
|
135677
|
-
"
|
|
135678
|
-
|
|
135690
|
+
"parameters": [
|
|
135691
|
+
{
|
|
135692
|
+
"name": "size",
|
|
135693
|
+
"type": {
|
|
135694
|
+
"text": "SbbNavigationActionCommonElement['_size']"
|
|
135695
|
+
}
|
|
135696
|
+
}
|
|
135697
|
+
]
|
|
135679
135698
|
},
|
|
135680
135699
|
{
|
|
135681
135700
|
"kind": "method",
|
|
@@ -135688,17 +135707,6 @@
|
|
|
135688
135707
|
}
|
|
135689
135708
|
}
|
|
135690
135709
|
],
|
|
135691
|
-
"attributes": [
|
|
135692
|
-
{
|
|
135693
|
-
"name": "size",
|
|
135694
|
-
"type": {
|
|
135695
|
-
"text": "'s' | 'm' | 'l'"
|
|
135696
|
-
},
|
|
135697
|
-
"default": "'l'",
|
|
135698
|
-
"description": "Action size variant, either s, m or l.",
|
|
135699
|
-
"fieldName": "size"
|
|
135700
|
-
}
|
|
135701
|
-
],
|
|
135702
135710
|
"parameters": [
|
|
135703
135711
|
{
|
|
135704
135712
|
"name": "superClass",
|
|
@@ -2,7 +2,6 @@ import { AbstractConstructor, SbbActionBaseElement, SbbElementConstructor } from
|
|
|
2
2
|
import { SbbNavigationMarkerElement } from '../navigation-marker/navigation-marker.component.ts';
|
|
3
3
|
import { SbbNavigationSectionElement } from '../navigation-section/navigation-section.component.ts';
|
|
4
4
|
export declare class SbbNavigationActionCommonElementMixinType {
|
|
5
|
-
accessor size: 's' | 'm' | 'l';
|
|
6
5
|
get marker(): SbbNavigationMarkerElement | null;
|
|
7
6
|
get section(): SbbNavigationSectionElement | null;
|
|
8
7
|
connectedSection: SbbNavigationSectionElement | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/common/navigation-action-common.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"navigation-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/common/navigation-action-common.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EAEtB,MAAM,eAAe,CAAC;AAKvB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uDAAuD,CAAC;AAIzG,MAAM,CAAC,OAAO,OAAO,yCAAyC;IAC5D,IAAW,MAAM,IAAI,0BAA0B,GAAG,IAAI,CAAC;IACvD,IAAW,OAAO,IAAI,2BAA2B,GAAG,IAAI,CAAC;IAClD,gBAAgB,EAAE,2BAA2B,GAAG,SAAS,CAAC;CAClE;AAGD,eAAO,MAAM,qCAAqC,GAChD,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,qBAAqB,EAE3E,YAAY,CAAC,KACZ,mBAAmB,CAAC,yCAAyC,CAAC,GAAG,CA2EnE,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbNavigationActionCommonElementMixin } from "../../navigation-action-common-
|
|
1
|
+
import { t as SbbNavigationActionCommonElementMixin } from "../../navigation-action-common-fkYNyX19.js";
|
|
2
2
|
export { SbbNavigationActionCommonElementMixin };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { CSSResultGroup,
|
|
2
|
-
import { SbbElement
|
|
1
|
+
import { CSSResultGroup, TemplateResult } from 'lit';
|
|
2
|
+
import { SbbElement } from '../../core.ts';
|
|
3
3
|
import { SbbNavigationButtonElement } from '../navigation-button/navigation-button.component.ts';
|
|
4
4
|
import { SbbNavigationLinkElement } from '../navigation-link/navigation-link.component.ts';
|
|
5
5
|
declare const SbbNavigationListElement_base: import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbNamedSlotListMixinType<SbbNavigationButtonElement | SbbNavigationLinkElement>> & typeof SbbElement;
|
|
@@ -17,7 +17,6 @@ export declare class SbbNavigationListElement extends SbbNavigationListElement_b
|
|
|
17
17
|
* The label to be shown before the action list.
|
|
18
18
|
*/
|
|
19
19
|
accessor label: string;
|
|
20
|
-
protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
|
|
21
20
|
protected render(): TemplateResult;
|
|
22
21
|
}
|
|
23
22
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-list.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-list/navigation-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"navigation-list.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-list/navigation-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhF,OAAO,EAAiC,UAAU,EAAyB,MAAM,eAAe,CAAC;AACjG,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;;AAIhG;;;;;GAKG;AACH,qBAAa,wBAAyB,SAAQ,6BAGjC;IACX,gBAAgC,WAAW,EAAE,MAAM,CAAyB;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAAsB;IACnE,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACH,SAEgB,KAAK,EAAE,MAAM,CAAM;cAEhB,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbNavigationListElement } from "../../navigation-list.component-
|
|
1
|
+
import { t as SbbNavigationListElement } from "../../navigation-list.component-Dvv-bZ2V.js";
|
|
2
2
|
export { SbbNavigationListElement };
|
|
@@ -15,7 +15,7 @@ export declare class SbbNavigationMarkerElement extends SbbNavigationMarkerEleme
|
|
|
15
15
|
/**
|
|
16
16
|
* Marker size variant, either s or l.
|
|
17
17
|
*/
|
|
18
|
-
accessor size: '
|
|
18
|
+
accessor size: 's' | 'l';
|
|
19
19
|
private _currentActiveAction?;
|
|
20
20
|
constructor();
|
|
21
21
|
protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-marker.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-marker/navigation-marker.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG/F,OAAO,EACL,UAAU,EAEV,KAAK,gBAAgB,EAEtB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;;AAIhG;;;;GAIG;AACH,qBAAa,0BAA2B,SAAQ,+BAGnC;IACX,gBAAgC,WAAW,EAAE,MAAM,CAA2B;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAsB;IACnE,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,OAAO,CAAC,oBAAoB,CAAC,CAAwD;;cAalE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAS9F,OAAO,CAAC,oBAAoB;
|
|
1
|
+
{"version":3,"file":"navigation-marker.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/navigation-marker/navigation-marker.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG/F,OAAO,EACL,UAAU,EAEV,KAAK,gBAAgB,EAEtB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iDAAiD,CAAC;;AAIhG;;;;GAIG;AACH,qBAAa,0BAA2B,SAAQ,+BAGnC;IACX,gBAAgC,WAAW,EAAE,MAAM,CAA2B;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAsB;IACnE,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,OAAO,CAAC,oBAAoB,CAAC,CAAwD;;cAalE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAS9F,OAAO,CAAC,oBAAoB;IAOZ,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,kBAAkB;IASnB,MAAM,CAAC,MAAM,EAAE,0BAA0B,GAAG,wBAAwB,GAAG,IAAI;cAU/D,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAMzF,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,kBAAkB;cAcP,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbNavigationMarkerElement } from "../../navigation-marker.component-
|
|
1
|
+
import { t as SbbNavigationMarkerElement } from "../../navigation-marker.component-DMqe-VlY.js";
|
|
2
2
|
export { SbbNavigationMarkerElement };
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { unsafeCSS } from "lit";
|
|
2
|
+
import { SbbPropertyWatcherController } from "./core.js";
|
|
3
|
+
import { html as html$1 } from "lit/static-html.js";
|
|
4
|
+
import { SbbIconElement } from "./icon.pure.js";
|
|
5
|
+
//#region src/elements/navigation/common/navigation-action.scss?inline
|
|
6
|
+
var navigation_action_default = ":host {\n --_sbb-navigation-action-inset-inline-start: calc(\n (var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1\n );\n --_sbb-navigation-action-inset-block-start: calc(1em * (var(--sbb-typo-line-height-text) / 2));\n --sbb-navigation-action-transition-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-3x)\n );\n display: block;\n outline: none !important;\n}\n\n:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active) {\n --sbb-navigation-action-icon-display: block;\n}\n\n:host(:is(:state(action-active),[state--action-active])) {\n --sbb-navigation-action-color: var(--sbb-color-5);\n}\n@media (forced-colors: active) {\n :host(:is(:state(action-active),[state--action-active])) {\n --sbb-navigation-action-color: Highlight;\n }\n}\n\nsbb-icon {\n display: var(--sbb-navigation-action-icon-display);\n position: absolute;\n inset-inline-start: var(--_sbb-navigation-action-inset-inline-start);\n inset-block-start: var(--_sbb-navigation-action-inset-block-start);\n translate: 0 -50%;\n}\n\n@media (any-hover: hover) {\n :host(:hover) {\n --sbb-navigation-action-color: var(--sbb-color-5);\n }\n}\n@media (forced-colors: active) {\n :host(:is(:state(button),[state--button])) {\n --sbb-navigation-action-color: ButtonText;\n }\n}\n\n:host(:is(:is(:state(size-s),[state--size-s]), :is(:state(size-m),[state--size-m]))) {\n --sbb-navigation-action-line-height: var(--sbb-typo-line-height-text);\n --sbb-navigation-action-letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n --sbb-navigation-action-font-size: var(--sbb-text-font-size-xxs);\n}\n\n:host(:is(:state(size-m),[state--size-m])) {\n --sbb-navigation-action-font-size: var(--sbb-text-font-size-s);\n}\n\n:is(.sbb-navigation-button, .sbb-navigation-link) {\n display: flex;\n position: relative;\n color: var(--sbb-navigation-action-color);\n cursor: var(--sbb-cursor-pointer);\n transition: color var(--sbb-navigation-action-transition-duration) ease;\n outline: none;\n text-align: left;\n font-size: var(--sbb-navigation-action-font-size);\n line-height: var(--sbb-navigation-action-line-height);\n letter-spacing: var(--sbb-navigation-action-letter-spacing);\n font-weight: bold;\n hyphens: auto;\n text-decoration: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n}\n@media (forced-colors: active) {\n :is(.sbb-navigation-button, .sbb-navigation-link) {\n transition: none;\n }\n}\n:host(:focus-visible) :is(.sbb-navigation-button, .sbb-navigation-link), :is(.sbb-navigation-button, .sbb-navigation-link):focus-visible {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));\n}";
|
|
7
|
+
//#endregion
|
|
8
|
+
//#region src/elements/navigation/common/navigation-action-common.ts
|
|
9
|
+
var SbbNavigationActionCommonElementMixin = (superClass) => {
|
|
10
|
+
class SbbNavigationActionCommonElement extends superClass {
|
|
11
|
+
static {
|
|
12
|
+
this.elementDependencies = [SbbIconElement];
|
|
13
|
+
}
|
|
14
|
+
static {
|
|
15
|
+
this.styles = [unsafeCSS(navigation_action_default)];
|
|
16
|
+
}
|
|
17
|
+
/** The navigation marker in which the action is nested. */
|
|
18
|
+
get marker() {
|
|
19
|
+
return this._navigationMarker;
|
|
20
|
+
}
|
|
21
|
+
/** The section in which the action is nested. */
|
|
22
|
+
get section() {
|
|
23
|
+
return this._navigationSection;
|
|
24
|
+
}
|
|
25
|
+
constructor(...args) {
|
|
26
|
+
super(...args);
|
|
27
|
+
this._navigationMarker = null;
|
|
28
|
+
this._navigationSection = null;
|
|
29
|
+
this._size = "l";
|
|
30
|
+
this.addEventListener?.("click", () => {
|
|
31
|
+
if (!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection) this.marker?.select(this);
|
|
32
|
+
});
|
|
33
|
+
this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-navigation-marker"), { size: (marker) => this._applySize(marker.size) }));
|
|
34
|
+
}
|
|
35
|
+
connectedCallback() {
|
|
36
|
+
super.connectedCallback();
|
|
37
|
+
this._navigationMarker = this.closest("sbb-navigation-marker");
|
|
38
|
+
this._navigationSection = this.closest("sbb-navigation-section");
|
|
39
|
+
this.toggleState("section-action", !!this._navigationSection);
|
|
40
|
+
if (this.closest("sbb-navigation-list")) this._applySize("m");
|
|
41
|
+
}
|
|
42
|
+
_applySize(size) {
|
|
43
|
+
if (this._size) this.internals.states.delete(`size-${this._size}`);
|
|
44
|
+
this._size = size;
|
|
45
|
+
if (this._size) this.internals.states.add(`size-${this._size}`);
|
|
46
|
+
}
|
|
47
|
+
renderTemplate() {
|
|
48
|
+
return html$1`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return SbbNavigationActionCommonElement;
|
|
52
|
+
};
|
|
53
|
+
//#endregion
|
|
54
|
+
export { SbbNavigationActionCommonElementMixin as t };
|
|
55
|
+
|
|
56
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1hY3Rpb24tY29tbW9uLWZrWU55WDE5LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLV9zYmItbmF2aWdhdGlvbi1hY3Rpb24taW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgICh2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKSArIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KSkgKiAtMVxuICApO1xuICAtLV9zYmItbmF2aWdhdGlvbi1hY3Rpb24taW5zZXQtYmxvY2stc3RhcnQ6IGNhbGMoMWVtICogKHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpIC8gMikpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0zeClcbiAgKTtcblxuICBkaXNwbGF5OiBibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG59XG5cbjpob3N0KDpzdGF0ZShzZWN0aW9uLWFjdGlvbik6c3RhdGUoYWN0aW9uLWFjdGl2ZSkuc2JiLWFjdGl2ZSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pY29uLWRpc3BsYXk6IGJsb2NrO1xufVxuXG46aG9zdCg6c3RhdGUoYWN0aW9uLWFjdGl2ZSkpIHtcbiAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG5zYmItaWNvbiB7XG4gIGRpc3BsYXk6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pY29uLWRpc3BsYXkpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tX3NiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pbnNldC1pbmxpbmUtc3RhcnQpO1xuICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tX3NiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pbnNldC1ibG9jay1zdGFydCk7XG4gIHRyYW5zbGF0ZTogMCAtNTAlO1xufVxuXG5AaW5jbHVkZSBzYmIuaG92ZXItbXEoJGhvdmVyOiB0cnVlKSB7XG4gIDpob3N0KDpob3Zlcikge1xuICAgIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNSk7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGJ1dHRvbikpIHtcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yOiBCdXR0b25UZXh0O1xuICB9XG59XG5cbjpob3N0KDppcyg6c3RhdGUoc2l6ZS1zKSwgOnN0YXRlKHNpemUtbSkpKSB7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xufVxuXG46aG9zdCg6c3RhdGUoc2l6ZS1zKSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS14eHMpO1xufVxuXG46aG9zdCg6c3RhdGUoc2l6ZS1tKSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS1zKTtcbn1cblxuOmlzKC5zYmItbmF2aWdhdGlvbi1idXR0b24sIC5zYmItbmF2aWdhdGlvbi1saW5rKSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1jb2xvcik7XG4gIGN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKTtcbiAgdHJhbnNpdGlvbjogY29sb3IgdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLXRyYW5zaXRpb24tZHVyYXRpb24pIGVhc2U7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWZvbnQtc2l6ZSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tbGluZS1oZWlnaHQpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWxldHRlci1zcGFjaW5nKTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGh5cGhlbnM6IGF1dG87XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIHRyYW5zaXRpb246IG5vbmU7XG4gIH1cblxuICAvLyBIYW5kbGUgZm9jdXMgb24gdGhlIGhvc3QgKGJ1dHRvbiB2YXJpYW50KVxuICA6aG9zdCg6Zm9jdXMtdmlzaWJsZSkgJixcbiAgICAvLyBIYW5kbGUgZm9jdXMgb24gdGhlIGFjdGlvbiAobGluayB2YXJpYW50KVxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy00eCkgLSB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1vZmZzZXQpKTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7XG4gIEFic3RyYWN0Q29uc3RydWN0b3IsXG4gIFNiYkFjdGlvbkJhc2VFbGVtZW50LFxuICBTYmJFbGVtZW50Q29uc3RydWN0b3IsXG4gIFNiYkVsZW1lbnRUeXBlLFxufSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYkljb25FbGVtZW50IH0gZnJvbSAnLi4vLi4vaWNvbi5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWxpbmsvbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1tYXJrZXIvbmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1zZWN0aW9uL25hdmlnYXRpb24tc2VjdGlvbi5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9uYXZpZ2F0aW9uLWFjdGlvbi5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlIHtcbiAgcHVibGljIGdldCBtYXJrZXIoKTogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfCBudWxsO1xuICBwdWJsaWMgZ2V0IHNlY3Rpb24oKTogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IHwgbnVsbDtcbiAgcHVibGljIGNvbm5lY3RlZFNlY3Rpb246IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IHVuZGVmaW5lZDtcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50PiAmIFNiYkVsZW1lbnRDb25zdHJ1Y3Rvcixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgc3VwZXJDbGFzc1xuICAgIGltcGxlbWVudHMgUGFydGlhbDxTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgZWxlbWVudERlcGVuZGVuY2llczogU2JiRWxlbWVudFR5cGVbXSA9IFtTYmJJY29uRWxlbWVudF07XG4gICAgcHVibGljIHN0YXRpYyBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3Vuc2FmZUNTUyhzdHlsZSldO1xuXG4gICAgLyoqIFRoZSBzZWN0aW9uIHRoYXQgaXMgYmVpbmcgY29udHJvbGxlZCBieSB0aGUgYWN0aW9uLCBpZiBhbnkuICovXG4gICAgcHVibGljIGNvbm5lY3RlZFNlY3Rpb24/OiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQ7XG5cbiAgICBwcml2YXRlIF9uYXZpZ2F0aW9uTWFya2VyOiBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICAgIHByaXZhdGUgX25hdmlnYXRpb25TZWN0aW9uOiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICBwcml2YXRlIF9zaXplOiAncycgfCAnbScgfCAnbCcgPSAnbCc7XG5cbiAgICAvKiogVGhlIG5hdmlnYXRpb24gbWFya2VyIGluIHdoaWNoIHRoZSBhY3Rpb24gaXMgbmVzdGVkLiAqL1xuICAgIHB1YmxpYyBnZXQgbWFya2VyKCk6IFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50IHwgbnVsbCB7XG4gICAgICByZXR1cm4gdGhpcy5fbmF2aWdhdGlvbk1hcmtlcjtcbiAgICB9XG5cbiAgICAvKiogVGhlIHNlY3Rpb24gaW4gd2hpY2ggdGhlIGFjdGlvbiBpcyBuZXN0ZWQuICovXG4gICAgcHVibGljIGdldCBzZWN0aW9uKCk6IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IG51bGwge1xuICAgICAgcmV0dXJuIHRoaXMuX25hdmlnYXRpb25TZWN0aW9uO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBjb25zdHJ1Y3RvciguLi5hcmdzOiBhbnlbXSkge1xuICAgICAgc3VwZXIoLi4uYXJncyk7XG4gICAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAhdGhpcy5tYXRjaGVzKCc6c3RhdGUoYWN0aW9uLWFjdGl2ZSknKSAmJlxuICAgICAgICAgIHRoaXMuX25hdmlnYXRpb25NYXJrZXIgJiZcbiAgICAgICAgICAhdGhpcy5jb25uZWN0ZWRTZWN0aW9uXG4gICAgICAgICkge1xuICAgICAgICAgIHRoaXMubWFya2VyPy5zZWxlY3QoXG4gICAgICAgICAgICB0aGlzIGFzIHVua25vd24gYXMgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQsXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICAgIG5ldyBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyKHRoaXMsICgpID0+IHRoaXMuY2xvc2VzdCgnc2JiLW5hdmlnYXRpb24tbWFya2VyJyksIHtcbiAgICAgICAgICBzaXplOiAobWFya2VyKSA9PiB0aGlzLl9hcHBseVNpemUobWFya2VyLnNpemUpLFxuICAgICAgICB9KSxcbiAgICAgICk7XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgICAgLy8gQ2hlY2sgaWYgdGhlIGN1cnJlbnQgZWxlbWVudCBpcyBuZXN0ZWQgaW5zaWRlIGEgbmF2aWdhdGlvbiBtYXJrZXIuXG4gICAgICB0aGlzLl9uYXZpZ2F0aW9uTWFya2VyID0gdGhpcy5jbG9zZXN0KCdzYmItbmF2aWdhdGlvbi1tYXJrZXInKTtcblxuICAgICAgLy8gQ2hlY2sgaWYgdGhlIGN1cnJlbnQgZWxlbWVudCBpcyBuZXN0ZWQgaW5zaWRlIGEgbmF2aWdhdGlvbiBzZWN0aW9uLlxuICAgICAgdGhpcy5fbmF2aWdhdGlvblNlY3Rpb24gPSB0aGlzLmNsb3Nlc3QoJ3NiYi1uYXZpZ2F0aW9uLXNlY3Rpb24nKTtcbiAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ3NlY3Rpb24tYWN0aW9uJywgISF0aGlzLl9uYXZpZ2F0aW9uU2VjdGlvbik7XG4gICAgICBpZiAodGhpcy5jbG9zZXN0KCdzYmItbmF2aWdhdGlvbi1saXN0JykpIHtcbiAgICAgICAgdGhpcy5fYXBwbHlTaXplKCdtJyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfYXBwbHlTaXplKHNpemU6IFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50Wydfc2l6ZSddKTogdm9pZCB7XG4gICAgICBpZiAodGhpcy5fc2l6ZSkge1xuICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzaXplLSR7dGhpcy5fc2l6ZX1gKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuX3NpemUgPSBzaXplO1xuICAgICAgaWYgKHRoaXMuX3NpemUpIHtcbiAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc2l6ZS0ke3RoaXMuX3NpemV9YCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYDxzYmItaWNvbiBuYW1lPVwiZGFzaC1zbWFsbFwiPjwvc2JiLWljb24+IDxzbG90Pjwvc2xvdD5gO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnQgYXMgdW5rbm93biBhcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmXG4gICAgVDtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FDeUJBLElBQWEseUNBR1gsZUFDc0U7Q0FDdEUsTUFBZSx5Q0FDTCxXQUFVOztHQUdLLEtBQUEsc0JBQXdDLENBQUMsZUFBZTs7O0dBQ2pFLEtBQUEsU0FBeUIsQ0FBQyxVQUFVLDBCQUFNLENBQUM7OztFQVV6RCxJQUFXLFNBQU07R0FDZixPQUFPLEtBQUs7OztFQUlkLElBQVcsVUFBTztHQUNoQixPQUFPLEtBQUs7O0VBR2QsWUFBc0IsR0FBRyxNQUFXO0dBQ2xDLE1BQU0sR0FBRyxLQUFLO0dBZlIsS0FBQSxvQkFBdUQ7R0FDdkQsS0FBQSxxQkFBeUQ7R0FDekQsS0FBQSxRQUF5QjtHQWMvQixLQUFLLG1CQUFtQixlQUFjO0lBQ3BDLElBQ0UsQ0FBQyxLQUFLLFFBQVEsb0RBQXdCLElBQ3RDLEtBQUsscUJBQ0wsQ0FBQyxLQUFLLGtCQUVOLEtBQUssUUFBUSxPQUNYLEtBQ0Q7S0FFSDtHQUNGLEtBQUssY0FDSCxJQUFJLDZCQUE2QixZQUFZLEtBQUssUUFBUSx3QkFBd0IsRUFBRSxFQUNsRixPQUFPLFdBQVcsS0FBSyxXQUFXLE9BQU8sS0FBSyxFQUMvQyxDQUFDLENBQ0g7O0VBR2Esb0JBQWlCO0dBQy9CLE1BQU0sbUJBQW1CO0dBR3pCLEtBQUssb0JBQW9CLEtBQUssUUFBUSx3QkFBd0I7R0FHOUQsS0FBSyxxQkFBcUIsS0FBSyxRQUFRLHlCQUF5QjtHQUNoRSxLQUFLLFlBQVksa0JBQWtCLENBQUMsQ0FBQyxLQUFLLG1CQUFtQjtHQUM3RCxJQUFJLEtBQUssUUFBUSxzQkFBc0IsRUFDckMsS0FBSyxXQUFXLElBQUk7O0VBSWhCLFdBQVcsTUFBK0M7R0FDaEUsSUFBSSxLQUFLLE9BQ1AsS0FBSyxVQUFVLE9BQU8sT0FBTyxRQUFRLEtBQUssUUFBUTtHQUVwRCxLQUFLLFFBQVE7R0FDYixJQUFJLEtBQUssT0FDUCxLQUFLLFVBQVUsT0FBTyxJQUFJLFFBQVEsS0FBSyxRQUFROztFQUloQyxpQkFBYztHQUMvQixPQUFPLE1BQUk7OztDQUdmLE9BQU8ifQ==
|
package/development/{navigation-list.component-DrdbtDRs.js → navigation-list.component-Dvv-bZ2V.js}
RENAMED
|
@@ -61,10 +61,6 @@ var SbbNavigationListElement = (() => {
|
|
|
61
61
|
set label(value) {
|
|
62
62
|
this.#label_accessor_storage = value;
|
|
63
63
|
}
|
|
64
|
-
willUpdate(changedProperties) {
|
|
65
|
-
super.willUpdate(changedProperties);
|
|
66
|
-
if (changedProperties.has("listChildren")) this.listChildren.forEach((c) => c.size = "m");
|
|
67
|
-
}
|
|
68
64
|
render() {
|
|
69
65
|
return html`
|
|
70
66
|
<span class="sbb-navigation-list__label" id="sbb-navigation-link-label-id">
|
|
@@ -87,4 +83,4 @@ var SbbNavigationListElement = (() => {
|
|
|
87
83
|
//#endregion
|
|
88
84
|
export { SbbNavigationListElement as t };
|
|
89
85
|
|
|
90
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saXN0LmNvbXBvbmVudC1EdnYtYloyVi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLWxpc3QvbmF2aWdhdGlvbi1saXN0LnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi1saXN0L25hdmlnYXRpb24tbGlzdC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLnNiYi1uYXZpZ2F0aW9uLWxpc3RfX2NvbnRlbnQge1xuICBAaW5jbHVkZSBzYmIubGlzdC1yZXNldDtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgZ2FwOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1saXN0LWdhcCk7XG4gIG1hcmdpbi1ibG9jazogdmFyKC0tc2JiLW5hdmlnYXRpb24tbGlzdC1tYXJnaW4tYmxvY2spO1xufVxuXG4uc2JiLW5hdmlnYXRpb24tbGlzdF9fbGFiZWwge1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcbiAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWxpc3QtcGFkZGluZy1ibG9jay1lbmQpO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1saXN0LWZvbnQtc2l6ZSk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWxhYmVsKSwgW2xhYmVsXSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBvbWl0RW1wdHlDb252ZXJ0ZXIsIFNiYkVsZW1lbnQsIFNiYk5hbWVkU2xvdExpc3RNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbmF2aWdhdGlvbi1saXN0LnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIHdpdGhpbiBhIGBzYmItbmF2aWdhdGlvbi1zZWN0aW9uYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLW5hdmlnYXRpb24tbGlzdGAuXG4gKiBAc2xvdCBsYWJlbCAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBsYWJlbCBlbGVtZW50LlxuICovXG5leHBvcnQgY2xhc3MgU2JiTmF2aWdhdGlvbkxpc3RFbGVtZW50IGV4dGVuZHMgU2JiTmFtZWRTbG90TGlzdE1peGluPFxuICBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB8IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCxcbiAgdHlwZW9mIFNiYkVsZW1lbnRcbj4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLW5hdmlnYXRpb24tbGlzdCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt1bnNhZmVDU1Moc3R5bGUpXTtcbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWJ1dHRvbicsXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWxpbmsnLFxuICBdO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgdG8gYmUgc2hvd24gYmVmb3JlIHRoZSBhY3Rpb24gbGlzdC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCBjb252ZXJ0ZXI6IG9taXRFbXB0eUNvbnZlcnRlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgbGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbmF2aWdhdGlvbi1saXN0X19sYWJlbFwiIGlkPVwic2JiLW5hdmlnYXRpb24tbGluay1sYWJlbC1pZFwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwibGFiZWxcIj4ke3RoaXMubGFiZWx9PC9zbG90PlxuICAgICAgPC9zcGFuPlxuICAgICAgJHt0aGlzLnJlbmRlckxpc3Qoe1xuICAgICAgICBjbGFzczogJ3NiYi1uYXZpZ2F0aW9uLWxpc3RfX2NvbnRlbnQnLFxuICAgICAgICBhcmlhTGFiZWxsZWRieTogJ3NiYi1uYXZpZ2F0aW9uLWxpbmstbGFiZWwtaWQnLFxuICAgICAgfSl9XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW5hdmlnYXRpb24tbGlzdCc6IFNiYk5hdmlnYXRpb25MaXN0RWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztJQ2VhLGtDQUF3QjttQkFBUyxzQkFHNUMsV0FBVzs7OztjQUhBLGlDQUFpQyxZQUdqQzs7O3dCQVdWLFdBQVcsRUFDWCxTQUFTO0lBQUUsU0FBUztJQUFNLFdBQVc7SUFBb0IsQ0FBQyxDQUFBO0dBQzNELGFBQUEsTUFBQSxNQUFBLG1CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsV0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFLLE1BQUEsS0FBQSxVQUFBO01BQUEsSUFBTCxRQUFLOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEscUJBQUEseUJBQUE7Ozs7Ozs7OztHQVpXLEtBQUEsY0FBc0I7OztHQUMvQixLQUFBLFNBQXlCLENBQUMsVUFBVSx3QkFBTSxDQUFDOztFQVdsRTs7OztFQUFBLElBQWdCLFFBQUs7R0FBQSxPQUFBLEtBQUE7O0VBQXJCLElBQWdCLE1BQUssT0FBQTtHQUFBLEtBQUEsMEJBQUE7O0VBRUYsU0FBTTtHQUN2QixPQUFPLElBQUk7OzZCQUVjLEtBQUssTUFBSzs7UUFFL0IsS0FBSyxXQUFXO0lBQ2hCLE9BQU87SUFDUCxnQkFBZ0I7SUFDakIsQ0FBQyxDQUFBOzs7OztHQXBCc0IsS0FBQSxzQkFBc0IsQ0FDaEQseUJBQ0Esc0JBQ0Q7R0FPZSxLQUFBLDBCQUFBLGtCQUFBLE1BQUEscUJBQWdCLEdBQUUifQ==
|
|
@@ -4,7 +4,7 @@ import { property } from "lit/decorators.js";
|
|
|
4
4
|
import { SbbElement, SbbNamedSlotListMixin, ɵstateController } from "./core.js";
|
|
5
5
|
import { ResizeController } from "@lit-labs/observers/resize-controller.js";
|
|
6
6
|
//#region src/elements/navigation/navigation-marker/navigation-marker.scss?inline
|
|
7
|
-
var navigation_marker_default = ":host {\n --sbb-navigation-marker-margin-block: calc(\n 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) /\n 2\n );\n display: block;\n}\n\n:host([size=
|
|
7
|
+
var navigation_marker_default = ":host {\n --sbb-navigation-marker-margin-block: calc(\n 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) /\n 2\n );\n display: block;\n}\n\n:host([size=s]) {\n --sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);\n --sbb-navigation-marker-width: 0.5rem;\n --sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);\n --sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);\n --sbb-navigation-marker-position-x: calc(\n var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x)\n );\n --sbb-navigation-marker-padding-inline-start: calc(\n var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x)\n );\n --sbb-navigation-marker-font-size: var(--sbb-text-font-size-xxs);\n --sbb-navigation-marker-letter-spacing: var(--sbb-typo-letter-spacing-text);\n --sbb-navigation-marker-line-height: var(--sbb-typo-line-height-text);\n}\n\n:host([size=l]) {\n --sbb-navigation-marker-font-size: var(--sbb-heading-font-size-4);\n --sbb-navigation-marker-letter-spacing: var(--sbb-typo-letter-spacing-heading);\n --sbb-navigation-marker-line-height: var(--sbb-typo-line-height-heading);\n}\n\n.sbb-navigation-marker {\n list-style: none;\n margin: 0;\n padding: 0;\n font-size: inherit;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--sbb-navigation-action-gap);\n padding-inline-start: var(--sbb-navigation-marker-padding-inline-start);\n font-size: var(--sbb-navigation-marker-font-size);\n line-height: var(--sbb-navigation-marker-line-height);\n letter-spacing: var(--sbb-navigation-marker-letter-spacing);\n font-weight: bold;\n}\n.sbb-navigation-marker::before {\n content: \"\";\n position: absolute;\n opacity: 0;\n inset-inline-start: var(--sbb-navigation-marker-position-x);\n inset-block-start: var(--sbb-navigation-marker-position-y);\n width: var(--sbb-navigation-marker-width);\n border-block-start: var(--sbb-navigation-marker-border) solid var(--sbb-color-5);\n margin-block: var(--sbb-navigation-marker-margin-block);\n transition-duration: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));\n transition-timing-function: ease;\n transition-property: opacity, inset-block-start;\n}\n:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker::before {\n opacity: 1;\n}\n@media (forced-colors: active) {\n .sbb-navigation-marker::before {\n border-color: CanvasText;\n }\n}\n\n::slotted(:is(sbb-navigation-button, sbb-navigation-link)) {\n margin-inline-start: var(--sbb-navigation-margin-inline-start);\n}";
|
|
8
8
|
//#endregion
|
|
9
9
|
//#region src/elements/navigation/navigation-marker/navigation-marker.component.ts
|
|
10
10
|
/**
|
|
@@ -70,11 +70,10 @@ var SbbNavigationMarkerElement = (() => {
|
|
|
70
70
|
}
|
|
71
71
|
willUpdate(changedProperties) {
|
|
72
72
|
super.willUpdate(changedProperties);
|
|
73
|
-
if (changedProperties.has("
|
|
73
|
+
if (changedProperties.has("listChildren")) this._updateMarkerActions();
|
|
74
74
|
this.toggleState("has-active-action", !!this._currentActiveAction);
|
|
75
75
|
}
|
|
76
76
|
_updateMarkerActions() {
|
|
77
|
-
for (const action of this.listChildren) action.size = this.size;
|
|
78
77
|
this._currentActiveAction = this.listChildren.find((action) => action.matches(":is(:state(action-active),[state--action-active])"));
|
|
79
78
|
this._setMarkerPosition();
|
|
80
79
|
}
|
|
@@ -118,4 +117,4 @@ var SbbNavigationMarkerElement = (() => {
|
|
|
118
117
|
//#endregion
|
|
119
118
|
export { SbbNavigationMarkerElement as t };
|
|
120
119
|
|
|
121
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LWZCMDVjanRFLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24tbWFya2VyL25hdmlnYXRpb24tbWFya2VyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi1tYXJrZXIvbmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbWFyZ2luLWJsb2NrOiBjYWxjKFxuICAgIDFlbSAqIHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci10eXBvLWxpbmUtaGVpZ2h0KSAvIDIgLSB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItYm9yZGVyKSAvXG4gICAgICAyXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KFtzaXplPSdsJ10pIHtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItZm9udC1zaXplOiB2YXIoLS1zYmItaGVhZGluZy1mb250LXNpemUtNCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy1oZWFkaW5nKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LWhlYWRpbmcpO1xufVxuXG46aG9zdChbc2l6ZT0ncyddKSB7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci13aWR0aDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDgpfTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItdHlwby1saW5lLWhlaWdodDogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFyZ2luLWlubGluZS1zdGFydDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wb3NpdGlvbi14OiBjYWxjKFxuICAgIHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wYWRkaW5nLWlubGluZS1zdGFydCkgLSB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeClcbiAgKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNngpICsgdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMXgpXG4gICk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXh4cyk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpO1xufVxuXG4uc2JiLW5hdmlnYXRpb24tbWFya2VyIHtcbiAgQGluY2x1ZGUgc2JiLmxpc3QtcmVzZXQ7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgZ2FwOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tZ2FwKTtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wYWRkaW5nLWlubGluZS1zdGFydCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWZvbnQtc2l6ZSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGluZS1oZWlnaHQpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWxldHRlci1zcGFjaW5nKTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgb3BhY2l0eTogMDtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wb3NpdGlvbi14KTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBvc2l0aW9uLXkpO1xuICAgIHdpZHRoOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItd2lkdGgpO1xuICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWJvcmRlcikgc29saWQgdmFyKC0tc2JiLWNvbG9yLTUpO1xuICAgIG1hcmdpbi1ibG9jazogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLW1hcmdpbi1ibG9jayk7XG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IHZhcigtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbiwgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi02eCkpO1xuICAgICAgdGltaW5nLWZ1bmN0aW9uOiBlYXNlO1xuICAgICAgcHJvcGVydHk6IG9wYWNpdHksIGluc2V0LWJsb2NrLXN0YXJ0O1xuICAgIH1cblxuICAgIDpob3N0KDpzdGF0ZShoYXMtYWN0aXZlLWFjdGlvbikpICYge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgICBib3JkZXItY29sb3I6IENhbnZhc1RleHQ7XG4gICAgfVxuICB9XG59XG5cbjo6c2xvdHRlZCg6aXMoc2JiLW5hdmlnYXRpb24tYnV0dG9uLCBzYmItbmF2aWdhdGlvbi1saW5rKSkge1xuICBtYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJnaW4taW5saW5lLXN0YXJ0KTtcbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHtcbiAgU2JiRWxlbWVudCxcbiAgU2JiTmFtZWRTbG90TGlzdE1peGluLFxuICB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4sXG4gIMm1c3RhdGVDb250cm9sbGVyLFxufSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWxpbmsvbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL25hdmlnYXRpb24tbWFya2VyLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIHdpdGhpbiBhIGBzYmItbmF2aWdhdGlvbmAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIGVsZW1lbnRzIGludG8gdGhlIGBzYmItbmF2aWdhdGlvbi1tYXJrZXJgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW48XG4gIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50LFxuICB0eXBlb2YgU2JiRWxlbWVudFxuPihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItbmF2aWdhdGlvbi1tYXJrZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gW1xuICAgICdzYmItbmF2aWdhdGlvbi1idXR0b24nLFxuICAgICdzYmItbmF2aWdhdGlvbi1saW5rJyxcbiAgXTtcblxuICAvKipcbiAgICogTWFya2VyIHNpemUgdmFyaWFudCwgZWl0aGVyIHMgb3IgbC5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdsJyB8ICdzJyA9ICdsJztcblxuICBwcml2YXRlIF9jdXJyZW50QWN0aXZlQWN0aW9uPzogU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQ7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgICAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fc2V0TWFya2VyUG9zaXRpb24oKSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3NpemUnKSB8fCBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl91cGRhdGVNYXJrZXJBY3Rpb25zKCk7XG4gICAgfVxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2hhcy1hY3RpdmUtYWN0aW9uJywgISF0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZU1hcmtlckFjdGlvbnMoKTogdm9pZCB7XG4gICAgZm9yIChjb25zdCBhY3Rpb24gb2YgdGhpcy5saXN0Q2hpbGRyZW4pIHtcbiAgICAgIGFjdGlvbi5zaXplID0gdGhpcy5zaXplO1xuICAgIH1cblxuICAgIHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24gPSB0aGlzLmxpc3RDaGlsZHJlbi5maW5kKChhY3Rpb24pID0+XG4gICAgICBhY3Rpb24ubWF0Y2hlcygnOnN0YXRlKGFjdGlvbi1hY3RpdmUpJyksXG4gICAgKTtcbiAgICB0aGlzLl9zZXRNYXJrZXJQb3NpdGlvbigpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fY2hlY2tBY3RpdmVBY3Rpb24oKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NoZWNrQWN0aXZlQWN0aW9uKCk6IHZvaWQge1xuICAgIGNvbnN0IGFjdGl2ZUFjdGlvbiA9IHRoaXMucXVlcnlTZWxlY3RvcihcbiAgICAgICc6aXMoc2JiLW5hdmlnYXRpb24tYnV0dG9uLCBzYmItbmF2aWdhdGlvbi1saW5rKS5zYmItYWN0aXZlJyxcbiAgICApIGFzIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50O1xuICAgIGlmIChhY3RpdmVBY3Rpb24pIHtcbiAgICAgIHRoaXMuc2VsZWN0KGFjdGl2ZUFjdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNlbGVjdChhY3Rpb246IFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50KTogdm9pZCB7XG4gICAgaWYgKCFhY3Rpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5yZXNldCgpO1xuICAgIMm1c3RhdGVDb250cm9sbGVyKGFjdGlvbikuYWRkKCdhY3Rpb24tYWN0aXZlJyk7XG4gICAgdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbiA9IGFjdGlvbjtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3NldE1hcmtlclBvc2l0aW9uKCkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLl9zZXRNYXJrZXJQb3NpdGlvbigpKTtcbiAgfVxuXG4gIHB1YmxpYyByZXNldCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikuZGVsZXRlKCdhY3Rpb24tYWN0aXZlJyk7XG4gICAgICB0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uLmNvbm5lY3RlZFNlY3Rpb24/LmNsb3NlKCk7XG4gICAgICB0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3NldE1hcmtlclBvc2l0aW9uKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5saXN0Q2hpbGRyZW4uaW5kZXhPZih0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKSE7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3I8SFRNTExJRWxlbWVudD4oXG4gICAgICBgbGk6bnRoLWNoaWxkKCR7aW5kZXggKyAxfSlgLFxuICAgICk/Lm9mZnNldFRvcDtcbiAgICBpZiAodmFsdWUgIT0gbnVsbCkge1xuICAgICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBvc2l0aW9uLXknLCBgJHt2YWx1ZX1weGApO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiB0aGlzLnJlbmRlckxpc3QoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW5hdmlnYXRpb24tbWFya2VyJzogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7SUNvQmEsb0NBQTBCO21CQUFTLHNCQUc5QyxXQUFXOzs7O2NBSEEsbUNBQW1DLFlBR25DOzs7dUJBV1YsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7R0FBQyxhQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSSxNQUFBLEtBQUEsVUFBQTtNQUFBLElBQUosT0FBSTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9CQUFBLHdCQUFBOzs7Ozs7Ozs7R0FWakIsS0FBQSxjQUFzQjs7O0dBQy9CLEtBQUEsU0FBeUIsQ0FBQyxVQUFVLDBCQUFNLENBQUM7O0VBU3JDOzs7O0VBQUEsSUFBZ0IsT0FBSTtHQUFBLE9BQUEsS0FBQTs7RUFBcEIsSUFBZ0IsS0FBSSxPQUFBO0dBQUEsS0FBQSx5QkFBQTs7RUFJakQsY0FBQTtHQUNFLE9BQU87R0FibUIsS0FBQSxzQkFBc0IsQ0FDaEQseUJBQ0Esc0JBQ0Q7R0FLNEMsS0FBQSx5QkFBQSxrQkFBQSxNQUFBLG9CQUFrQixJQUFHO0dBRTFELEtBQUEsdUJBQW9CLGtCQUFBLE1BQUEsd0JBQUE7R0FLMUIsS0FBSyxjQUNILElBQUksaUJBQWlCLE1BQU07SUFDekIsYUFBYTtJQUNiLGdCQUFnQixLQUFLLG9CQUFBO0lBQ3RCLENBQUMsQ0FDSDs7RUFHZ0IsV0FBVyxtQkFBeUQ7R0FDckYsTUFBTSxXQUFXLGtCQUFrQjtHQUVuQyxJQUFJLGtCQUFrQixJQUFJLE9BQU8sSUFBSSxrQkFBa0IsSUFBSSxlQUFlLEVBQ3hFLEtBQUssc0JBQXNCO0dBRTdCLEtBQUssWUFBWSxxQkFBcUIsQ0FBQyxDQUFDLEtBQUsscUJBQXFCOztFQUc1RCx1QkFBb0I7R0FDMUIsS0FBSyxNQUFNLFVBQVUsS0FBSyxjQUN4QixPQUFPLE9BQU8sS0FBSztHQUdyQixLQUFLLHVCQUF1QixLQUFLLGFBQWEsTUFBTSxXQUNsRCxPQUFPLFFBQVEsb0RBQXdCLENBQ3hDO0dBQ0QsS0FBSyxvQkFBb0I7O0VBR1gsb0JBQWlCO0dBQy9CLE1BQU0sbUJBQW1CO0dBQ3pCLEtBQUssb0JBQW9COztFQUduQixxQkFBa0I7R0FDeEIsTUFBTSxlQUFlLEtBQUssY0FDeEIsNkRBQ3dEO0dBQzFELElBQUksY0FDRixLQUFLLE9BQU8sYUFBYTs7RUFJdEIsT0FBTyxRQUE2RDtHQUN6RSxJQUFJLENBQUMsUUFDSDtHQUVGLEtBQUssT0FBTztHQUNaLGlCQUFpQixPQUFPLENBQUMsSUFBSSxnQkFBZ0I7R0FDN0MsS0FBSyx1QkFBdUI7R0FDNUIsaUJBQWlCLEtBQUssb0JBQW9CLENBQUM7O0VBRzFCLGFBQWEsbUJBQXlEO0dBQ3ZGLE1BQU0sYUFBYSxrQkFBa0I7R0FFckMsaUJBQWlCLEtBQUssb0JBQW9CLENBQUM7O0VBR3RDLFFBQUs7R0FDVixJQUFJLEtBQUssc0JBQXNCO0lBQzdCLGlCQUFpQixLQUFLLHFCQUFxQixDQUFDLE9BQU8sZ0JBQWdCO0lBQ25FLEtBQUsscUJBQXFCLGtCQUFrQixPQUFPO0lBQ25ELEtBQUssdUJBQXVCLEtBQUE7OztFQUl4QixxQkFBa0I7R0FDeEIsSUFBSSxDQUFDLEtBQUssc0JBQ1I7R0FHRixNQUFNLFFBQVEsS0FBSyxhQUFhLFFBQVEsS0FBSyxxQkFBc0I7R0FDbkUsTUFBTSxRQUFRLEtBQUssV0FBWSxjQUM3QixnQkFBZ0IsUUFBUSxFQUFDLEdBQzFCLEVBQUU7R0FDSCxJQUFJLFNBQVMsTUFDWCxLQUFLLE9BQU8sWUFBWSxzQ0FBc0MsR0FBRyxNQUFLLElBQUs7O0VBSTVELFNBQU07R0FDdkIsT0FBTyxLQUFLLFlBQVkifQ==
|
|
120
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LURNcWUtVmxZLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24tbWFya2VyL25hdmlnYXRpb24tbWFya2VyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi1tYXJrZXIvbmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbWFyZ2luLWJsb2NrOiBjYWxjKFxuICAgIDFlbSAqIHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci10eXBvLWxpbmUtaGVpZ2h0KSAvIDIgLSB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItYm9yZGVyKSAvXG4gICAgICAyXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KFtzaXplPSdzJ10pIHtcbiAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXdpZHRoOiAje3NiYi5weC10by1yZW0tYnVpbGQoOCl9O1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci10eXBvLWxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBvc2l0aW9uLXg6IGNhbGMoXG4gICAgdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBhZGRpbmctaW5saW5lLXN0YXJ0KSAtIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KVxuICApO1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wYWRkaW5nLWlubGluZS1zdGFydDogY2FsYyhcbiAgICB2YXIoLS1zYmItc3BhY2luZy1maXhlZC02eCkgKyB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeClcbiAgKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUteHhzKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1saW5lLWhlaWdodDogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCk7XG59XG5cbjpob3N0KFtzaXplPSdsJ10pIHtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItZm9udC1zaXplOiB2YXIoLS1zYmItaGVhZGluZy1mb250LXNpemUtNCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy1oZWFkaW5nKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LWhlYWRpbmcpO1xufVxuXG4uc2JiLW5hdmlnYXRpb24tbWFya2VyIHtcbiAgQGluY2x1ZGUgc2JiLmxpc3QtcmVzZXQ7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgZ2FwOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tZ2FwKTtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wYWRkaW5nLWlubGluZS1zdGFydCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWZvbnQtc2l6ZSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGluZS1oZWlnaHQpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWxldHRlci1zcGFjaW5nKTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgb3BhY2l0eTogMDtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wb3NpdGlvbi14KTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBvc2l0aW9uLXkpO1xuICAgIHdpZHRoOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItd2lkdGgpO1xuICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWJvcmRlcikgc29saWQgdmFyKC0tc2JiLWNvbG9yLTUpO1xuICAgIG1hcmdpbi1ibG9jazogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLW1hcmdpbi1ibG9jayk7XG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IHZhcigtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbiwgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi02eCkpO1xuICAgICAgdGltaW5nLWZ1bmN0aW9uOiBlYXNlO1xuICAgICAgcHJvcGVydHk6IG9wYWNpdHksIGluc2V0LWJsb2NrLXN0YXJ0O1xuICAgIH1cblxuICAgIDpob3N0KDpzdGF0ZShoYXMtYWN0aXZlLWFjdGlvbikpICYge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgICBib3JkZXItY29sb3I6IENhbnZhc1RleHQ7XG4gICAgfVxuICB9XG59XG5cbjo6c2xvdHRlZCg6aXMoc2JiLW5hdmlnYXRpb24tYnV0dG9uLCBzYmItbmF2aWdhdGlvbi1saW5rKSkge1xuICBtYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJnaW4taW5saW5lLXN0YXJ0KTtcbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHtcbiAgU2JiRWxlbWVudCxcbiAgU2JiTmFtZWRTbG90TGlzdE1peGluLFxuICB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4sXG4gIMm1c3RhdGVDb250cm9sbGVyLFxufSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWxpbmsvbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL25hdmlnYXRpb24tbWFya2VyLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIHdpdGhpbiBhIGBzYmItbmF2aWdhdGlvbmAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIGVsZW1lbnRzIGludG8gdGhlIGBzYmItbmF2aWdhdGlvbi1tYXJrZXJgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW48XG4gIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50LFxuICB0eXBlb2YgU2JiRWxlbWVudFxuPihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItbmF2aWdhdGlvbi1tYXJrZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gW1xuICAgICdzYmItbmF2aWdhdGlvbi1idXR0b24nLFxuICAgICdzYmItbmF2aWdhdGlvbi1saW5rJyxcbiAgXTtcblxuICAvKipcbiAgICogTWFya2VyIHNpemUgdmFyaWFudCwgZWl0aGVyIHMgb3IgbC5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdzJyB8ICdsJyA9ICdsJztcblxuICBwcml2YXRlIF9jdXJyZW50QWN0aXZlQWN0aW9uPzogU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQ7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgICAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fc2V0TWFya2VyUG9zaXRpb24oKSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl91cGRhdGVNYXJrZXJBY3Rpb25zKCk7XG4gICAgfVxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2hhcy1hY3RpdmUtYWN0aW9uJywgISF0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZU1hcmtlckFjdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbiA9IHRoaXMubGlzdENoaWxkcmVuLmZpbmQoKGFjdGlvbikgPT5cbiAgICAgIGFjdGlvbi5tYXRjaGVzKCc6c3RhdGUoYWN0aW9uLWFjdGl2ZSknKSxcbiAgICApO1xuICAgIHRoaXMuX3NldE1hcmtlclBvc2l0aW9uKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9jaGVja0FjdGl2ZUFjdGlvbigpO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2hlY2tBY3RpdmVBY3Rpb24oKTogdm9pZCB7XG4gICAgY29uc3QgYWN0aXZlQWN0aW9uID0gdGhpcy5xdWVyeVNlbGVjdG9yKFxuICAgICAgJzppcyhzYmItbmF2aWdhdGlvbi1idXR0b24sIHNiYi1uYXZpZ2F0aW9uLWxpbmspLnNiYi1hY3RpdmUnLFxuICAgICkgYXMgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQ7XG4gICAgaWYgKGFjdGl2ZUFjdGlvbikge1xuICAgICAgdGhpcy5zZWxlY3QoYWN0aXZlQWN0aW9uKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgc2VsZWN0KGFjdGlvbjogU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQpOiB2b2lkIHtcbiAgICBpZiAoIWFjdGlvbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnJlc2V0KCk7XG4gICAgybVzdGF0ZUNvbnRyb2xsZXIoYWN0aW9uKS5hZGQoJ2FjdGlvbi1hY3RpdmUnKTtcbiAgICB0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uID0gYWN0aW9uO1xuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5fc2V0TWFya2VyUG9zaXRpb24oKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczxXaXRoTGlzdENoaWxkcmVuPHRoaXM+Pik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3NldE1hcmtlclBvc2l0aW9uKCkpO1xuICB9XG5cbiAgcHVibGljIHJlc2V0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKSB7XG4gICAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKS5kZWxldGUoJ2FjdGlvbi1hY3RpdmUnKTtcbiAgICAgIHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24uY29ubmVjdGVkU2VjdGlvbj8uY2xvc2UoKTtcbiAgICAgIHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24gPSB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfc2V0TWFya2VyUG9zaXRpb24oKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgaW5kZXggPSB0aGlzLmxpc3RDaGlsZHJlbi5pbmRleE9mKHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24pITtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcjxIVE1MTElFbGVtZW50PihcbiAgICAgIGBsaTpudGgtY2hpbGQoJHtpbmRleCArIDF9KWAsXG4gICAgKT8ub2Zmc2V0VG9wO1xuICAgIGlmICh2YWx1ZSAhPSBudWxsKSB7XG4gICAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcG9zaXRpb24teScsIGAke3ZhbHVlfXB4YCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIHRoaXMucmVuZGVyTGlzdCgpO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbmF2aWdhdGlvbi1tYXJrZXInOiBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztJQ29CYSxvQ0FBMEI7bUJBQVMsc0JBRzlDLFdBQVc7Ozs7Y0FIQSxtQ0FBbUMsWUFHbkM7Ozt1QkFXVixTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTtHQUFDLGFBQUEsTUFBQSxNQUFBLGtCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsVUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFJLE1BQUEsS0FBQSxVQUFBO01BQUEsSUFBSixPQUFJOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0JBQUEsd0JBQUE7Ozs7Ozs7OztHQVZqQixLQUFBLGNBQXNCOzs7R0FDL0IsS0FBQSxTQUF5QixDQUFDLFVBQVUsMEJBQU0sQ0FBQzs7RUFTckM7Ozs7RUFBQSxJQUFnQixPQUFJO0dBQUEsT0FBQSxLQUFBOztFQUFwQixJQUFnQixLQUFJLE9BQUE7R0FBQSxLQUFBLHlCQUFBOztFQUlqRCxjQUFBO0dBQ0UsT0FBTztHQWJtQixLQUFBLHNCQUFzQixDQUNoRCx5QkFDQSxzQkFDRDtHQUs0QyxLQUFBLHlCQUFBLGtCQUFBLE1BQUEsb0JBQWtCLElBQUc7R0FFMUQsS0FBQSx1QkFBb0Isa0JBQUEsTUFBQSx3QkFBQTtHQUsxQixLQUFLLGNBQ0gsSUFBSSxpQkFBaUIsTUFBTTtJQUN6QixhQUFhO0lBQ2IsZ0JBQWdCLEtBQUssb0JBQUE7SUFDdEIsQ0FBQyxDQUNIOztFQUdnQixXQUFXLG1CQUF5RDtHQUNyRixNQUFNLFdBQVcsa0JBQWtCO0dBRW5DLElBQUksa0JBQWtCLElBQUksZUFBZSxFQUN2QyxLQUFLLHNCQUFzQjtHQUU3QixLQUFLLFlBQVkscUJBQXFCLENBQUMsQ0FBQyxLQUFLLHFCQUFxQjs7RUFHNUQsdUJBQW9CO0dBQzFCLEtBQUssdUJBQXVCLEtBQUssYUFBYSxNQUFNLFdBQ2xELE9BQU8sUUFBUSxvREFBd0IsQ0FDeEM7R0FDRCxLQUFLLG9CQUFvQjs7RUFHWCxvQkFBaUI7R0FDL0IsTUFBTSxtQkFBbUI7R0FDekIsS0FBSyxvQkFBb0I7O0VBR25CLHFCQUFrQjtHQUN4QixNQUFNLGVBQWUsS0FBSyxjQUN4Qiw2REFDd0Q7R0FDMUQsSUFBSSxjQUNGLEtBQUssT0FBTyxhQUFhOztFQUl0QixPQUFPLFFBQTZEO0dBQ3pFLElBQUksQ0FBQyxRQUNIO0dBRUYsS0FBSyxPQUFPO0dBQ1osaUJBQWlCLE9BQU8sQ0FBQyxJQUFJLGdCQUFnQjtHQUM3QyxLQUFLLHVCQUF1QjtHQUM1QixpQkFBaUIsS0FBSyxvQkFBb0IsQ0FBQzs7RUFHMUIsYUFBYSxtQkFBeUQ7R0FDdkYsTUFBTSxhQUFhLGtCQUFrQjtHQUVyQyxpQkFBaUIsS0FBSyxvQkFBb0IsQ0FBQzs7RUFHdEMsUUFBSztHQUNWLElBQUksS0FBSyxzQkFBc0I7SUFDN0IsaUJBQWlCLEtBQUsscUJBQXFCLENBQUMsT0FBTyxnQkFBZ0I7SUFDbkUsS0FBSyxxQkFBcUIsa0JBQWtCLE9BQU87SUFDbkQsS0FBSyx1QkFBdUIsS0FBQTs7O0VBSXhCLHFCQUFrQjtHQUN4QixJQUFJLENBQUMsS0FBSyxzQkFDUjtHQUdGLE1BQU0sUUFBUSxLQUFLLGFBQWEsUUFBUSxLQUFLLHFCQUFzQjtHQUNuRSxNQUFNLFFBQVEsS0FBSyxXQUFZLGNBQzdCLGdCQUFnQixRQUFRLEVBQUMsR0FDMUIsRUFBRTtHQUNILElBQUksU0FBUyxNQUNYLEtBQUssT0FBTyxZQUFZLHNDQUFzQyxHQUFHLE1BQUssSUFBSzs7RUFJNUQsU0FBTTtHQUN2QixPQUFPLEtBQUssWUFBWSJ9
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as SbbNavigationActionCommonElementMixin } from "./navigation-action-common-
|
|
1
|
+
import { t as SbbNavigationActionCommonElementMixin } from "./navigation-action-common-fkYNyX19.js";
|
|
2
2
|
import { SbbNavigationButtonElement } from "./navigation/navigation-button/navigation-button.component.js";
|
|
3
3
|
import { SbbNavigationLinkElement } from "./navigation/navigation-link/navigation-link.component.js";
|
|
4
|
-
import { t as SbbNavigationListElement } from "./navigation-list.component-
|
|
5
|
-
import { t as SbbNavigationMarkerElement } from "./navigation-marker.component-
|
|
4
|
+
import { t as SbbNavigationListElement } from "./navigation-list.component-Dvv-bZ2V.js";
|
|
5
|
+
import { t as SbbNavigationMarkerElement } from "./navigation-marker.component-DMqe-VlY.js";
|
|
6
6
|
import { t as SbbNavigationSectionElement } from "./navigation-section.component-iaypc6yQ.js";
|
|
7
7
|
import { t as SbbNavigationElement } from "./navigation.component-CqNkBvEs.js";
|
|
8
8
|
import "./navigation.pure.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as SbbNavigationActionCommonElementMixin } from "./navigation-action-common-
|
|
1
|
+
import { t as SbbNavigationActionCommonElementMixin } from "./navigation-action-common-fkYNyX19.js";
|
|
2
2
|
import { SbbNavigationButtonElement } from "./navigation/navigation-button/navigation-button.component.js";
|
|
3
3
|
import { SbbNavigationLinkElement } from "./navigation/navigation-link/navigation-link.component.js";
|
|
4
|
-
import { t as SbbNavigationListElement } from "./navigation-list.component-
|
|
5
|
-
import { t as SbbNavigationMarkerElement } from "./navigation-marker.component-
|
|
4
|
+
import { t as SbbNavigationListElement } from "./navigation-list.component-Dvv-bZ2V.js";
|
|
5
|
+
import { t as SbbNavigationMarkerElement } from "./navigation-marker.component-DMqe-VlY.js";
|
|
6
6
|
import { t as SbbNavigationSectionElement } from "./navigation-section.component-iaypc6yQ.js";
|
|
7
7
|
import { t as SbbNavigationElement } from "./navigation.component-CqNkBvEs.js";
|
|
8
8
|
export { SbbNavigationActionCommonElementMixin, SbbNavigationButtonElement, SbbNavigationElement, SbbNavigationLinkElement, SbbNavigationListElement, SbbNavigationMarkerElement, SbbNavigationSectionElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../navigation-action-common-
|
|
1
|
+
import { t as e } from "../../navigation-action-common-x7PMfho0.js";
|
|
2
2
|
export { e as SbbNavigationActionCommonElementMixin };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../navigation-list.component-
|
|
1
|
+
import { t as e } from "../../navigation-list.component-Cezo1tC-.js";
|
|
2
2
|
export { e as SbbNavigationListElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../navigation-marker.component-
|
|
1
|
+
import { t as e } from "../../navigation-marker.component-CNsMaqpH.js";
|
|
2
2
|
export { e as SbbNavigationMarkerElement };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { unsafeCSS as e } from "lit";
|
|
2
|
+
import { SbbPropertyWatcherController as t } from "./core.js";
|
|
3
|
+
import { html as n } from "lit/static-html.js";
|
|
4
|
+
import { SbbIconElement as r } from "./icon.pure.js";
|
|
5
|
+
//#region src/elements/navigation/common/navigation-action.scss?inline
|
|
6
|
+
var i = ":host{--_sbb-navigation-action-inset-inline-start: calc( (var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1 );--_sbb-navigation-action-inset-block-start: calc(1em * (var(--sbb-typo-line-height-text) / 2));--sbb-navigation-action-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );display:block;outline:none!important}:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active){--sbb-navigation-action-icon-display: block}:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: var(--sbb-color-5)}@media(forced-colors:active){:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:var(--_sbb-navigation-action-inset-inline-start);inset-block-start:var(--_sbb-navigation-action-inset-block-start);translate:0 -50%}@media(any-hover:hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-5)}}@media(forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-navigation-action-color: ButtonText}}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]))){--sbb-navigation-action-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-action-letter-spacing: var(--sbb-typo-letter-spacing-text)}:host(:is(:state(size-s),[state--size-s])){--sbb-navigation-action-font-size: var(--sbb-text-font-size-xxs)}:host(:is(:state(size-m),[state--size-m])){--sbb-navigation-action-font-size: var(--sbb-text-font-size-s)}:is(.sbb-navigation-button,.sbb-navigation-link){display:flex;position:relative;color:var(--sbb-navigation-action-color);cursor:var(--sbb-cursor-pointer);transition:color var(--sbb-navigation-action-transition-duration) ease;outline:none;text-align:left;font-size:var(--sbb-navigation-action-font-size);line-height:var(--sbb-navigation-action-line-height);letter-spacing:var(--sbb-navigation-action-letter-spacing);font-weight:700;-webkit-hyphens:auto;hyphens:auto;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media(forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}", a = (a) => {
|
|
7
|
+
class o extends a {
|
|
8
|
+
static {
|
|
9
|
+
this.elementDependencies = [r];
|
|
10
|
+
}
|
|
11
|
+
static {
|
|
12
|
+
this.styles = [e(i)];
|
|
13
|
+
}
|
|
14
|
+
get marker() {
|
|
15
|
+
return this._navigationMarker;
|
|
16
|
+
}
|
|
17
|
+
get section() {
|
|
18
|
+
return this._navigationSection;
|
|
19
|
+
}
|
|
20
|
+
constructor(...e) {
|
|
21
|
+
super(...e), this._navigationMarker = null, this._navigationSection = null, this._size = "l", this.addEventListener?.("click", () => {
|
|
22
|
+
!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
|
|
23
|
+
}), this.addController(new t(this, () => this.closest("sbb-navigation-marker"), { size: (e) => this._applySize(e.size) }));
|
|
24
|
+
}
|
|
25
|
+
connectedCallback() {
|
|
26
|
+
super.connectedCallback(), this._navigationMarker = this.closest("sbb-navigation-marker"), this._navigationSection = this.closest("sbb-navigation-section"), this.toggleState("section-action", !!this._navigationSection), this.closest("sbb-navigation-list") && this._applySize("m");
|
|
27
|
+
}
|
|
28
|
+
_applySize(e) {
|
|
29
|
+
this._size && this.internals.states.delete(`size-${this._size}`), this._size = e, this._size && this.internals.states.add(`size-${this._size}`);
|
|
30
|
+
}
|
|
31
|
+
renderTemplate() {
|
|
32
|
+
return n`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return o;
|
|
36
|
+
};
|
|
37
|
+
//#endregion
|
|
38
|
+
export { a as t };
|
|
@@ -44,9 +44,6 @@ var l = ":host{display:block}.sbb-navigation-list__content{list-style:none;margi
|
|
|
44
44
|
set label(e) {
|
|
45
45
|
this.#e = e;
|
|
46
46
|
}
|
|
47
|
-
willUpdate(e) {
|
|
48
|
-
super.willUpdate(e), e.has("listChildren") && this.listChildren.forEach((e) => e.size = "m");
|
|
49
|
-
}
|
|
50
47
|
render() {
|
|
51
48
|
return n`
|
|
52
49
|
<span class="sbb-navigation-list__label" id="sbb-navigation-link-label-id">
|
|
@@ -4,7 +4,7 @@ import { property as r } from "lit/decorators.js";
|
|
|
4
4
|
import { SbbElement as i, SbbNamedSlotListMixin as a, ɵstateController as o } from "./core.js";
|
|
5
5
|
import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
|
|
6
6
|
//#region src/elements/navigation/navigation-marker/navigation-marker.scss?inline
|
|
7
|
-
var c = ":host{--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=
|
|
7
|
+
var c = ":host{--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=s]){--sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width: .5rem;--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x: calc( var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x) );--sbb-navigation-marker-padding-inline-start: calc( var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x) );--sbb-navigation-marker-font-size: var(--sbb-text-font-size-xxs);--sbb-navigation-marker-letter-spacing: var(--sbb-typo-letter-spacing-text);--sbb-navigation-marker-line-height: var(--sbb-typo-line-height-text)}:host([size=l]){--sbb-navigation-marker-font-size: var(--sbb-heading-font-size-4);--sbb-navigation-marker-letter-spacing: var(--sbb-typo-letter-spacing-heading);--sbb-navigation-marker-line-height: var(--sbb-typo-line-height-heading)}.sbb-navigation-marker{list-style:none;margin:0;padding:0;font-size:inherit;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding-inline-start:var(--sbb-navigation-marker-padding-inline-start);font-size:var(--sbb-navigation-marker-font-size);line-height:var(--sbb-navigation-marker-line-height);letter-spacing:var(--sbb-navigation-marker-letter-spacing);font-weight:700}.sbb-navigation-marker:before{content:\"\";position:absolute;opacity:0;inset-inline-start:var(--sbb-navigation-marker-position-x);inset-block-start:var(--sbb-navigation-marker-position-y);width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-5);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));transition-timing-function:ease;transition-property:opacity,inset-block-start}:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker:before{opacity:1}@media(forced-colors:active){.sbb-navigation-marker:before{border-color:CanvasText}}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}", l = (() => {
|
|
8
8
|
let l = a(i), u, d = [], f = [];
|
|
9
9
|
return class extends l {
|
|
10
10
|
static {
|
|
@@ -49,10 +49,9 @@ var c = ":host{--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navig
|
|
|
49
49
|
}));
|
|
50
50
|
}
|
|
51
51
|
willUpdate(e) {
|
|
52
|
-
super.willUpdate(e),
|
|
52
|
+
super.willUpdate(e), e.has("listChildren") && this._updateMarkerActions(), this.toggleState("has-active-action", !!this._currentActiveAction);
|
|
53
53
|
}
|
|
54
54
|
_updateMarkerActions() {
|
|
55
|
-
for (let e of this.listChildren) e.size = this.size;
|
|
56
55
|
this._currentActiveAction = this.listChildren.find((e) => e.matches(":is(:state(action-active),[state--action-active])")), this._setMarkerPosition();
|
|
57
56
|
}
|
|
58
57
|
connectedCallback() {
|
package/navigation.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as e } from "./navigation-action-common-
|
|
1
|
+
import { t as e } from "./navigation-action-common-x7PMfho0.js";
|
|
2
2
|
import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
|
|
3
3
|
import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
|
|
4
|
-
import { t as r } from "./navigation-list.component-
|
|
5
|
-
import { t as i } from "./navigation-marker.component-
|
|
4
|
+
import { t as r } from "./navigation-list.component-Cezo1tC-.js";
|
|
5
|
+
import { t as i } from "./navigation-marker.component-CNsMaqpH.js";
|
|
6
6
|
import { t as a } from "./navigation-section.component-Bmh4Xtrm.js";
|
|
7
7
|
import { t as o } from "./navigation.component-DLgmWh_c.js";
|
|
8
8
|
import "./navigation.pure.js";
|
package/navigation.pure.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as e } from "./navigation-action-common-
|
|
1
|
+
import { t as e } from "./navigation-action-common-x7PMfho0.js";
|
|
2
2
|
import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
|
|
3
3
|
import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
|
|
4
|
-
import { t as r } from "./navigation-list.component-
|
|
5
|
-
import { t as i } from "./navigation-marker.component-
|
|
4
|
+
import { t as r } from "./navigation-list.component-Cezo1tC-.js";
|
|
5
|
+
import { t as i } from "./navigation-marker.component-CNsMaqpH.js";
|
|
6
6
|
import { t as a } from "./navigation-section.component-Bmh4Xtrm.js";
|
|
7
7
|
import { t as o } from "./navigation.component-DLgmWh_c.js";
|
|
8
8
|
export { e as SbbNavigationActionCommonElementMixin, t as SbbNavigationButtonElement, o as SbbNavigationElement, n as SbbNavigationLinkElement, r as SbbNavigationListElement, i as SbbNavigationMarkerElement, a as SbbNavigationSectionElement };
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "5.0.0-next.2-dev.
|
|
3
|
+
"version": "5.0.0-next.2-dev.1778594836",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
9
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/2957a79d7407b76794e3cb6ec16dd923621f31ca"
|
|
10
10
|
],
|
|
11
11
|
"type": "module",
|
|
12
12
|
"exports": {
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { html as html$1 } from "lit/static-html.js";
|
|
5
|
-
import { SbbIconElement } from "./icon.pure.js";
|
|
6
|
-
//#region src/elements/navigation/common/navigation-action.scss?inline
|
|
7
|
-
var navigation_action_default = ":host {\n --_sbb-navigation-action-inset-inline-start: calc(\n (var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1\n );\n --_sbb-navigation-action-inset-block-start: calc(1em * (var(--sbb-typo-line-height-text) / 2));\n --sbb-navigation-action-transition-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-3x)\n );\n display: block;\n outline: none !important;\n}\n\n:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active) {\n --sbb-navigation-action-icon-display: block;\n}\n\n:host(:is(:state(action-active),[state--action-active])) {\n --sbb-navigation-action-color: var(--sbb-color-5);\n}\n@media (forced-colors: active) {\n :host(:is(:state(action-active),[state--action-active])) {\n --sbb-navigation-action-color: Highlight;\n }\n}\n\nsbb-icon {\n display: var(--sbb-navigation-action-icon-display);\n position: absolute;\n inset-inline-start: var(--_sbb-navigation-action-inset-inline-start);\n inset-block-start: var(--_sbb-navigation-action-inset-block-start);\n translate: 0 -50%;\n}\n\n@media (any-hover: hover) {\n :host(:hover) {\n --sbb-navigation-action-color: var(--sbb-color-5);\n }\n}\n@media (forced-colors: active) {\n :host(:is(:state(button),[state--button])) {\n --sbb-navigation-action-color: ButtonText;\n }\n}\n\n:host([size=m]),\n:host([size=s]) {\n --sbb-navigation-action-line-height: var(--sbb-typo-line-height-text);\n --sbb-navigation-action-letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n\n:host([size=m]) {\n --sbb-navigation-action-font-size: var(--sbb-text-font-size-s);\n}\n\n:host([size=s]) {\n --sbb-navigation-action-font-size: var(--sbb-text-font-size-xxs);\n}\n\n:is(.sbb-navigation-button, .sbb-navigation-link) {\n display: flex;\n position: relative;\n color: var(--sbb-navigation-action-color);\n cursor: var(--sbb-cursor-pointer);\n transition: color var(--sbb-navigation-action-transition-duration) ease;\n outline: none;\n text-align: left;\n font-size: var(--sbb-navigation-action-font-size);\n line-height: var(--sbb-navigation-action-line-height);\n letter-spacing: var(--sbb-navigation-action-letter-spacing);\n font-weight: bold;\n hyphens: auto;\n text-decoration: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n}\n@media (forced-colors: active) {\n :is(.sbb-navigation-button, .sbb-navigation-link) {\n transition: none;\n }\n}\n:host(:focus-visible) :is(.sbb-navigation-button, .sbb-navigation-link), :is(.sbb-navigation-button, .sbb-navigation-link):focus-visible {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));\n}";
|
|
8
|
-
//#endregion
|
|
9
|
-
//#region src/elements/navigation/common/navigation-action-common.ts
|
|
10
|
-
var SbbNavigationActionCommonElementMixin = (superClass) => {
|
|
11
|
-
return (() => {
|
|
12
|
-
let _classSuper = superClass;
|
|
13
|
-
let _size_decorators;
|
|
14
|
-
let _size_initializers = [];
|
|
15
|
-
let _size_extraInitializers = [];
|
|
16
|
-
return class SbbNavigationActionCommonElement extends _classSuper {
|
|
17
|
-
static {
|
|
18
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
19
|
-
_size_decorators = [property({ reflect: true })];
|
|
20
|
-
__esDecorate(this, null, _size_decorators, {
|
|
21
|
-
kind: "accessor",
|
|
22
|
-
name: "size",
|
|
23
|
-
static: false,
|
|
24
|
-
private: false,
|
|
25
|
-
access: {
|
|
26
|
-
has: (obj) => "size" in obj,
|
|
27
|
-
get: (obj) => obj.size,
|
|
28
|
-
set: (obj, value) => {
|
|
29
|
-
obj.size = value;
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
metadata: _metadata
|
|
33
|
-
}, _size_initializers, _size_extraInitializers);
|
|
34
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
35
|
-
enumerable: true,
|
|
36
|
-
configurable: true,
|
|
37
|
-
writable: true,
|
|
38
|
-
value: _metadata
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
static {
|
|
42
|
-
this.elementDependencies = [SbbIconElement];
|
|
43
|
-
}
|
|
44
|
-
static {
|
|
45
|
-
this.styles = [unsafeCSS(navigation_action_default)];
|
|
46
|
-
}
|
|
47
|
-
#size_accessor_storage;
|
|
48
|
-
/**
|
|
49
|
-
* Action size variant, either s, m or l.
|
|
50
|
-
*/
|
|
51
|
-
get size() {
|
|
52
|
-
return this.#size_accessor_storage;
|
|
53
|
-
}
|
|
54
|
-
set size(value) {
|
|
55
|
-
this.#size_accessor_storage = value;
|
|
56
|
-
}
|
|
57
|
-
/** The navigation marker in which the action is nested. */
|
|
58
|
-
get marker() {
|
|
59
|
-
return this._navigationMarker;
|
|
60
|
-
}
|
|
61
|
-
/** The section in which the action is nested. */
|
|
62
|
-
get section() {
|
|
63
|
-
return this._navigationSection;
|
|
64
|
-
}
|
|
65
|
-
constructor(...args) {
|
|
66
|
-
super(...args);
|
|
67
|
-
this.#size_accessor_storage = __runInitializers(this, _size_initializers, "l");
|
|
68
|
-
/** The section that is being controlled by the action, if any. */
|
|
69
|
-
this.connectedSection = __runInitializers(this, _size_extraInitializers);
|
|
70
|
-
this._navigationMarker = null;
|
|
71
|
-
this._navigationSection = null;
|
|
72
|
-
this.addEventListener?.("click", () => {
|
|
73
|
-
if (!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection) this.marker?.select(this);
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
connectedCallback() {
|
|
77
|
-
super.connectedCallback();
|
|
78
|
-
this._navigationMarker = this.closest("sbb-navigation-marker");
|
|
79
|
-
this._navigationSection = this.closest("sbb-navigation-section");
|
|
80
|
-
this.toggleState("section-action", !!this._navigationSection);
|
|
81
|
-
}
|
|
82
|
-
renderTemplate() {
|
|
83
|
-
return html$1`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
})();
|
|
87
|
-
};
|
|
88
|
-
//#endregion
|
|
89
|
-
export { SbbNavigationActionCommonElementMixin as t };
|
|
90
|
-
|
|
91
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1hY3Rpb24tY29tbW9uLUNHeTRLOHEtLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLV9zYmItbmF2aWdhdGlvbi1hY3Rpb24taW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgICh2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKSArIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KSkgKiAtMVxuICApO1xuICAtLV9zYmItbmF2aWdhdGlvbi1hY3Rpb24taW5zZXQtYmxvY2stc3RhcnQ6IGNhbGMoMWVtICogKHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpIC8gMikpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0zeClcbiAgKTtcblxuICBkaXNwbGF5OiBibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG59XG5cbjpob3N0KDpzdGF0ZShzZWN0aW9uLWFjdGlvbik6c3RhdGUoYWN0aW9uLWFjdGl2ZSkuc2JiLWFjdGl2ZSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pY29uLWRpc3BsYXk6IGJsb2NrO1xufVxuXG46aG9zdCg6c3RhdGUoYWN0aW9uLWFjdGl2ZSkpIHtcbiAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG5zYmItaWNvbiB7XG4gIGRpc3BsYXk6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pY29uLWRpc3BsYXkpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tX3NiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pbnNldC1pbmxpbmUtc3RhcnQpO1xuICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tX3NiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pbnNldC1ibG9jay1zdGFydCk7XG4gIHRyYW5zbGF0ZTogMCAtNTAlO1xufVxuXG5AaW5jbHVkZSBzYmIuaG92ZXItbXEoJGhvdmVyOiB0cnVlKSB7XG4gIDpob3N0KDpob3Zlcikge1xuICAgIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNSk7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGJ1dHRvbikpIHtcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yOiBCdXR0b25UZXh0O1xuICB9XG59XG5cbjpob3N0KFtzaXplPSdtJ10pLFxuOmhvc3QoW3NpemU9J3MnXSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1saW5lLWhlaWdodDogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcbn1cblxuOmhvc3QoW3NpemU9J20nXSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS1zKTtcbn1cblxuOmhvc3QoW3NpemU9J3MnXSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS14eHMpO1xufVxuXG46aXMoLnNiYi1uYXZpZ2F0aW9uLWJ1dHRvbiwgLnNiYi1uYXZpZ2F0aW9uLWxpbmspIHtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yKTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuICB0cmFuc2l0aW9uOiBjb2xvciB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tdHJhbnNpdGlvbi1kdXJhdGlvbikgZWFzZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tZm9udC1zaXplKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1saW5lLWhlaWdodCk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tbGV0dGVyLXNwYWNpbmcpO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgaHlwaGVuczogYXV0bztcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuXG4gIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgaG9zdCAoYnV0dG9uIHZhcmlhbnQpXG4gIDpob3N0KDpmb2N1cy12aXNpYmxlKSAmLFxuICAgIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgYWN0aW9uIChsaW5rIHZhcmlhbnQpXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG5cbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KSAtIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUge1xuICBBYnN0cmFjdENvbnN0cnVjdG9yLFxuICBTYmJBY3Rpb25CYXNlRWxlbWVudCxcbiAgU2JiRWxlbWVudENvbnN0cnVjdG9yLFxuICBTYmJFbGVtZW50VHlwZSxcbn0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJJY29uRWxlbWVudCB9IGZyb20gJy4uLy4uL2ljb24ucHVyZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1idXR0b24vbmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1saW5rL25hdmlnYXRpb24tbGluay5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbWFya2VyL25hdmlnYXRpb24tbWFya2VyLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tc2VjdGlvbi9uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbmF2aWdhdGlvbi1hY3Rpb24uc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgZGVjbGFyZSBjbGFzcyBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAncycgfCAnbScgfCAnbCc7XG4gIHB1YmxpYyBnZXQgbWFya2VyKCk6IFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50IHwgbnVsbDtcbiAgcHVibGljIGdldCBzZWN0aW9uKCk6IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IG51bGw7XG4gIHB1YmxpYyBjb25uZWN0ZWRTZWN0aW9uOiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfCB1bmRlZmluZWQ7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBjb25zdCBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluID0gPFxuICBUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJBY3Rpb25CYXNlRWxlbWVudD4gJiBTYmJFbGVtZW50Q29uc3RydWN0b3IsXG4+KFxuICBzdXBlckNsYXNzOiBULFxuKTogQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJiBUID0+IHtcbiAgYWJzdHJhY3QgY2xhc3MgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIHN1cGVyQ2xhc3NcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+XG4gIHtcbiAgICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGVsZW1lbnREZXBlbmRlbmNpZXM6IFNiYkVsZW1lbnRUeXBlW10gPSBbU2JiSWNvbkVsZW1lbnRdO1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAgIC8qKlxuICAgICAqIEFjdGlvbiBzaXplIHZhcmlhbnQsIGVpdGhlciBzLCBtIG9yIGwuXG4gICAgICovXG4gICAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnID0gJ2wnO1xuXG4gICAgLyoqIFRoZSBzZWN0aW9uIHRoYXQgaXMgYmVpbmcgY29udHJvbGxlZCBieSB0aGUgYWN0aW9uLCBpZiBhbnkuICovXG4gICAgcHVibGljIGNvbm5lY3RlZFNlY3Rpb24/OiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQ7XG5cbiAgICAvKiogVGhlIG5hdmlnYXRpb24gbWFya2VyIGluIHdoaWNoIHRoZSBhY3Rpb24gaXMgbmVzdGVkLiAqL1xuICAgIHB1YmxpYyBnZXQgbWFya2VyKCk6IFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50IHwgbnVsbCB7XG4gICAgICByZXR1cm4gdGhpcy5fbmF2aWdhdGlvbk1hcmtlcjtcbiAgICB9XG5cbiAgICAvKiogVGhlIHNlY3Rpb24gaW4gd2hpY2ggdGhlIGFjdGlvbiBpcyBuZXN0ZWQuICovXG4gICAgcHVibGljIGdldCBzZWN0aW9uKCk6IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IG51bGwge1xuICAgICAgcmV0dXJuIHRoaXMuX25hdmlnYXRpb25TZWN0aW9uO1xuICAgIH1cblxuICAgIHByaXZhdGUgX25hdmlnYXRpb25NYXJrZXI6IFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gICAgcHJpdmF0ZSBfbmF2aWdhdGlvblNlY3Rpb246IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gICAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsICgpID0+IHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgICF0aGlzLm1hdGNoZXMoJzpzdGF0ZShhY3Rpb24tYWN0aXZlKScpICYmXG4gICAgICAgICAgdGhpcy5fbmF2aWdhdGlvbk1hcmtlciAmJlxuICAgICAgICAgICF0aGlzLmNvbm5lY3RlZFNlY3Rpb25cbiAgICAgICAgKSB7XG4gICAgICAgICAgdGhpcy5tYXJrZXI/LnNlbGVjdChcbiAgICAgICAgICAgIHRoaXMgYXMgdW5rbm93biBhcyBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB8IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCxcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgICAvLyBDaGVjayBpZiB0aGUgY3VycmVudCBlbGVtZW50IGlzIG5lc3RlZCBpbnNpZGUgYSBuYXZpZ2F0aW9uIG1hcmtlci5cbiAgICAgIHRoaXMuX25hdmlnYXRpb25NYXJrZXIgPSB0aGlzLmNsb3Nlc3QoJ3NiYi1uYXZpZ2F0aW9uLW1hcmtlcicpO1xuXG4gICAgICAvLyBDaGVjayBpZiB0aGUgY3VycmVudCBlbGVtZW50IGlzIG5lc3RlZCBpbnNpZGUgYSBuYXZpZ2F0aW9uIHNlY3Rpb24uXG4gICAgICB0aGlzLl9uYXZpZ2F0aW9uU2VjdGlvbiA9IHRoaXMuY2xvc2VzdCgnc2JiLW5hdmlnYXRpb24tc2VjdGlvbicpO1xuICAgICAgdGhpcy50b2dnbGVTdGF0ZSgnc2VjdGlvbi1hY3Rpb24nLCAhIXRoaXMuX25hdmlnYXRpb25TZWN0aW9uKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgcmV0dXJuIGh0bWxgPHNiYi1pY29uIG5hbWU9XCJkYXNoLXNtYWxsXCI+PC9zYmItaWNvbj4gPHNsb3Q+PC9zbG90PmA7XG4gICAgfVxuICB9XG4gIHJldHVybiBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FDMEJBLElBQWEseUNBR1gsZUFDc0U7Q0EyRHRFLGNBMUQrQztvQkFDckM7Ozs7ZUFESyx5Q0FDTCxZQUFVOzs7d0JBU2pCLFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0lBQUMsYUFBQSxNQUFBLE1BQUEsa0JBQUE7S0FBQSxNQUFBO0tBQUEsTUFBQTtLQUFBLFFBQUE7S0FBQSxTQUFBO0tBQUEsUUFBQTtNQUFBLE1BQUEsUUFBQSxVQUFBO01BQUEsTUFBQSxRQUFBLElBQWdCO01BQUksTUFBQSxLQUFBLFVBQUE7T0FBQSxJQUFKLE9BQUk7O01BQUE7S0FBQSxVQUFBO0tBQUEsRUFBQSxvQkFBQSx3QkFBQTs7Ozs7Ozs7O0lBTjFCLEtBQUEsc0JBQXdDLENBQUMsZUFBZTs7O0lBQ2pFLEtBQUEsU0FBeUIsQ0FBQyxVQUFVLDBCQUFNLENBQUM7O0dBSzVCOzs7O0dBQUEsSUFBZ0IsT0FBSTtJQUFBLE9BQUEsS0FBQTs7R0FBcEIsSUFBZ0IsS0FBSSxPQUFBO0lBQUEsS0FBQSx5QkFBQTs7O0dBTWpELElBQVcsU0FBTTtJQUNmLE9BQU8sS0FBSzs7O0dBSWQsSUFBVyxVQUFPO0lBQ2hCLE9BQU8sS0FBSzs7R0FNZCxZQUFzQixHQUFHLE1BQVc7SUFDbEMsTUFBTSxHQUFHLEtBQUs7SUFuQjZCLEtBQUEseUJBQUEsa0JBQUEsTUFBQSxvQkFBd0IsSUFBRzs7SUFHakUsS0FBQSxtQkFBZ0Isa0JBQUEsTUFBQSx3QkFBQTtJQVlmLEtBQUEsb0JBQXVEO0lBQ3ZELEtBQUEscUJBQXlEO0lBSS9ELEtBQUssbUJBQW1CLGVBQWM7S0FDcEMsSUFDRSxDQUFDLEtBQUssUUFBUSxvREFBd0IsSUFDdEMsS0FBSyxxQkFDTCxDQUFDLEtBQUssa0JBRU4sS0FBSyxRQUFRLE9BQ1gsS0FDRDtNQUVIOztHQUdZLG9CQUFpQjtJQUMvQixNQUFNLG1CQUFtQjtJQUd6QixLQUFLLG9CQUFvQixLQUFLLFFBQVEsd0JBQXdCO0lBRzlELEtBQUsscUJBQXFCLEtBQUssUUFBUSx5QkFBeUI7SUFDaEUsS0FBSyxZQUFZLGtCQUFrQixDQUFDLENBQUMsS0FBSyxtQkFBbUI7O0dBRzVDLGlCQUFjO0lBQy9CLE9BQU8sTUFBSTs7O0tBR1IifQ==
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
-
import { unsafeCSS as n } from "lit";
|
|
3
|
-
import { property as r } from "lit/decorators.js";
|
|
4
|
-
import { html as i } from "lit/static-html.js";
|
|
5
|
-
import { SbbIconElement as a } from "./icon.pure.js";
|
|
6
|
-
//#region src/elements/navigation/common/navigation-action.scss?inline
|
|
7
|
-
var o = ":host{--_sbb-navigation-action-inset-inline-start: calc( (var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1 );--_sbb-navigation-action-inset-block-start: calc(1em * (var(--sbb-typo-line-height-text) / 2));--sbb-navigation-action-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );display:block;outline:none!important}:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active){--sbb-navigation-action-icon-display: block}:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: var(--sbb-color-5)}@media(forced-colors:active){:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:var(--_sbb-navigation-action-inset-inline-start);inset-block-start:var(--_sbb-navigation-action-inset-block-start);translate:0 -50%}@media(any-hover:hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-5)}}@media(forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-navigation-action-color: ButtonText}}:host([size=m]),:host([size=s]){--sbb-navigation-action-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-action-letter-spacing: var(--sbb-typo-letter-spacing-text)}:host([size=m]){--sbb-navigation-action-font-size: var(--sbb-text-font-size-s)}:host([size=s]){--sbb-navigation-action-font-size: var(--sbb-text-font-size-xxs)}:is(.sbb-navigation-button,.sbb-navigation-link){display:flex;position:relative;color:var(--sbb-navigation-action-color);cursor:var(--sbb-cursor-pointer);transition:color var(--sbb-navigation-action-transition-duration) ease;outline:none;text-align:left;font-size:var(--sbb-navigation-action-font-size);line-height:var(--sbb-navigation-action-line-height);letter-spacing:var(--sbb-navigation-action-letter-spacing);font-weight:700;-webkit-hyphens:auto;hyphens:auto;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media(forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}", s = (s) => (() => {
|
|
8
|
-
let c = s, l, u = [], d = [];
|
|
9
|
-
return class extends c {
|
|
10
|
-
static {
|
|
11
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
|
|
12
|
-
l = [r({ reflect: !0 })], e(this, null, l, {
|
|
13
|
-
kind: "accessor",
|
|
14
|
-
name: "size",
|
|
15
|
-
static: !1,
|
|
16
|
-
private: !1,
|
|
17
|
-
access: {
|
|
18
|
-
has: (e) => "size" in e,
|
|
19
|
-
get: (e) => e.size,
|
|
20
|
-
set: (e, t) => {
|
|
21
|
-
e.size = t;
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
metadata: t
|
|
25
|
-
}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
|
|
26
|
-
enumerable: !0,
|
|
27
|
-
configurable: !0,
|
|
28
|
-
writable: !0,
|
|
29
|
-
value: t
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
static {
|
|
33
|
-
this.elementDependencies = [a];
|
|
34
|
-
}
|
|
35
|
-
static {
|
|
36
|
-
this.styles = [n(o)];
|
|
37
|
-
}
|
|
38
|
-
#e;
|
|
39
|
-
get size() {
|
|
40
|
-
return this.#e;
|
|
41
|
-
}
|
|
42
|
-
set size(e) {
|
|
43
|
-
this.#e = e;
|
|
44
|
-
}
|
|
45
|
-
get marker() {
|
|
46
|
-
return this._navigationMarker;
|
|
47
|
-
}
|
|
48
|
-
get section() {
|
|
49
|
-
return this._navigationSection;
|
|
50
|
-
}
|
|
51
|
-
constructor(...e) {
|
|
52
|
-
super(...e), this.#e = t(this, u, "l"), this.connectedSection = t(this, d), this._navigationMarker = null, this._navigationSection = null, this.addEventListener?.("click", () => {
|
|
53
|
-
!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
connectedCallback() {
|
|
57
|
-
super.connectedCallback(), this._navigationMarker = this.closest("sbb-navigation-marker"), this._navigationSection = this.closest("sbb-navigation-section"), this.toggleState("section-action", !!this._navigationSection);
|
|
58
|
-
}
|
|
59
|
-
renderTemplate() {
|
|
60
|
-
return i`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
})();
|
|
64
|
-
//#endregion
|
|
65
|
-
export { s as t };
|