@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1778950677 → 5.0.0-next.3-dev.1779119726

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.
@@ -131565,6 +131565,50 @@
131565
131565
  "module": "core/base-elements/action-base-element.js"
131566
131566
  }
131567
131567
  },
131568
+ {
131569
+ "kind": "field",
131570
+ "name": "disabled",
131571
+ "privacy": "public",
131572
+ "description": "Whether the component is disabled.",
131573
+ "default": "false",
131574
+ "type": {
131575
+ "text": "boolean"
131576
+ },
131577
+ "attribute": "disabled",
131578
+ "reflects": true,
131579
+ "inheritedFrom": {
131580
+ "name": "SbbDisabledMixin",
131581
+ "module": "core/mixins/disabled-mixin.js"
131582
+ }
131583
+ },
131584
+ {
131585
+ "kind": "field",
131586
+ "name": "#disabled",
131587
+ "privacy": "private",
131588
+ "type": {
131589
+ "text": "boolean"
131590
+ },
131591
+ "default": "false",
131592
+ "inheritedFrom": {
131593
+ "name": "SbbDisabledMixin",
131594
+ "module": "core/mixins/disabled-mixin.js"
131595
+ }
131596
+ },
131597
+ {
131598
+ "kind": "method",
131599
+ "name": "isDisabledExternally",
131600
+ "privacy": "protected",
131601
+ "return": {
131602
+ "type": {
131603
+ "text": "boolean"
131604
+ }
131605
+ },
131606
+ "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
131607
+ "inheritedFrom": {
131608
+ "name": "SbbDisabledMixin",
131609
+ "module": "core/mixins/disabled-mixin.js"
131610
+ }
131611
+ },
131568
131612
  {
131569
131613
  "kind": "field",
131570
131614
  "name": "_elementsOnWhichEnterPressTriggersSubmit",
@@ -132353,6 +132397,19 @@
132353
132397
  "tagName": "sbb-navigation-button",
132354
132398
  "customElement": true,
132355
132399
  "attributes": [
132400
+ {
132401
+ "name": "disabled",
132402
+ "description": "Whether the component is disabled.",
132403
+ "default": "false",
132404
+ "type": {
132405
+ "text": "boolean"
132406
+ },
132407
+ "fieldName": "disabled",
132408
+ "inheritedFrom": {
132409
+ "name": "SbbDisabledMixin",
132410
+ "module": "core/mixins/disabled-mixin.js"
132411
+ }
132412
+ },
132356
132413
  {
132357
132414
  "name": "value",
132358
132415
  "type": {
@@ -132592,6 +132649,50 @@
132592
132649
  "module": "core/base-elements/action-base-element.js"
132593
132650
  }
132594
132651
  },
132652
+ {
132653
+ "kind": "field",
132654
+ "name": "disabled",
132655
+ "privacy": "public",
132656
+ "description": "Whether the component is disabled.",
132657
+ "default": "false",
132658
+ "type": {
132659
+ "text": "boolean"
132660
+ },
132661
+ "attribute": "disabled",
132662
+ "reflects": true,
132663
+ "inheritedFrom": {
132664
+ "name": "SbbDisabledMixin",
132665
+ "module": "core/mixins/disabled-mixin.js"
132666
+ }
132667
+ },
132668
+ {
132669
+ "kind": "field",
132670
+ "name": "#disabled",
132671
+ "privacy": "private",
132672
+ "type": {
132673
+ "text": "boolean"
132674
+ },
132675
+ "default": "false",
132676
+ "inheritedFrom": {
132677
+ "name": "SbbDisabledMixin",
132678
+ "module": "core/mixins/disabled-mixin.js"
132679
+ }
132680
+ },
132681
+ {
132682
+ "kind": "method",
132683
+ "name": "isDisabledExternally",
132684
+ "privacy": "protected",
132685
+ "return": {
132686
+ "type": {
132687
+ "text": "boolean"
132688
+ }
132689
+ },
132690
+ "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
132691
+ "inheritedFrom": {
132692
+ "name": "SbbDisabledMixin",
132693
+ "module": "core/mixins/disabled-mixin.js"
132694
+ }
132695
+ },
132595
132696
  {
132596
132697
  "kind": "field",
132597
132698
  "name": "href",
@@ -133065,6 +133166,19 @@
133065
133166
  "tagName": "sbb-navigation-link",
133066
133167
  "customElement": true,
133067
133168
  "attributes": [
133169
+ {
133170
+ "name": "disabled",
133171
+ "description": "Whether the component is disabled.",
133172
+ "default": "false",
133173
+ "type": {
133174
+ "text": "boolean"
133175
+ },
133176
+ "fieldName": "disabled",
133177
+ "inheritedFrom": {
133178
+ "name": "SbbDisabledMixin",
133179
+ "module": "core/mixins/disabled-mixin.js"
133180
+ }
133181
+ },
133068
133182
  {
133069
133183
  "name": "href",
133070
133184
  "type": {
@@ -135594,107 +135708,90 @@
135594
135708
  "text": "SbbNavigationSectionElement | undefined"
135595
135709
  },
135596
135710
  "privacy": "public"
135597
- }
135598
- ]
135599
- },
135600
- {
135601
- "kind": "mixin",
135602
- "description": "",
135603
- "name": "SbbNavigationActionCommonElementMixin",
135604
- "members": [
135605
- {
135606
- "kind": "field",
135607
- "name": "elementDependencies",
135608
- "type": {
135609
- "text": "SbbElementType[]"
135610
- },
135611
- "privacy": "public",
135612
- "static": true,
135613
- "default": "[SbbIconElement]"
135614
135711
  },
135615
135712
  {
135616
135713
  "kind": "field",
135617
- "name": "styles",
135618
- "type": {
135619
- "text": "CSSResultGroup"
135620
- },
135714
+ "name": "disabled",
135621
135715
  "privacy": "public",
135622
- "static": true,
135623
- "default": "[unsafeCSS(style)]"
135624
- },
135625
- {
135626
- "kind": "field",
135627
- "name": "connectedSection",
135716
+ "description": "Whether the component is disabled.",
135717
+ "default": "false",
135628
135718
  "type": {
135629
- "text": "SbbNavigationSectionElement | undefined"
135719
+ "text": "boolean"
135630
135720
  },
135631
- "privacy": "public",
135632
- "description": "The section that is being controlled by the action, if any."
135721
+ "attribute": "disabled",
135722
+ "reflects": true,
135723
+ "inheritedFrom": {
135724
+ "name": "SbbDisabledMixin",
135725
+ "module": "core/mixins/disabled-mixin.js"
135726
+ }
135633
135727
  },
135634
135728
  {
135635
135729
  "kind": "field",
135636
- "name": "_navigationMarker",
135637
- "type": {
135638
- "text": "SbbNavigationMarkerElement | null"
135639
- },
135730
+ "name": "#disabled",
135640
135731
  "privacy": "private",
135641
- "default": "null"
135642
- },
135643
- {
135644
- "kind": "field",
135645
- "name": "_navigationSection",
135646
135732
  "type": {
135647
- "text": "SbbNavigationSectionElement | null"
135733
+ "text": "boolean"
135648
135734
  },
135649
- "privacy": "private",
135650
- "default": "null"
135735
+ "default": "false",
135736
+ "inheritedFrom": {
135737
+ "name": "SbbDisabledMixin",
135738
+ "module": "core/mixins/disabled-mixin.js"
135739
+ }
135651
135740
  },
135652
135741
  {
135653
- "kind": "field",
135654
- "name": "_size",
135655
- "type": {
135656
- "text": "'s' | 'm' | 'l'"
135742
+ "kind": "method",
135743
+ "name": "isDisabledExternally",
135744
+ "privacy": "protected",
135745
+ "return": {
135746
+ "type": {
135747
+ "text": "boolean"
135748
+ }
135657
135749
  },
135658
- "privacy": "private",
135659
- "default": "'l'"
135750
+ "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
135751
+ "inheritedFrom": {
135752
+ "name": "SbbDisabledMixin",
135753
+ "module": "core/mixins/disabled-mixin.js"
135754
+ }
135660
135755
  },
135661
135756
  {
135662
135757
  "kind": "field",
135663
- "name": "marker",
135758
+ "name": "maybeDisabled",
135664
135759
  "type": {
135665
- "text": "SbbNavigationMarkerElement | null"
135760
+ "text": "boolean | undefined"
135666
135761
  },
135667
- "privacy": "public",
135668
- "description": "The navigation marker in which the action is nested.",
135669
- "readonly": true
135762
+ "privacy": "protected",
135763
+ "readonly": true,
135764
+ "inheritedFrom": {
135765
+ "name": "SbbActionBaseElement",
135766
+ "module": "core/base-elements/action-base-element.js"
135767
+ }
135670
135768
  },
135671
135769
  {
135672
135770
  "kind": "field",
135673
- "name": "section",
135771
+ "name": "maybeDisabledInteractive",
135674
135772
  "type": {
135675
- "text": "SbbNavigationSectionElement | null"
135773
+ "text": "boolean | undefined"
135676
135774
  },
135677
- "privacy": "public",
135678
- "description": "The section in which the action is nested.",
135679
- "readonly": true
135775
+ "privacy": "protected",
135776
+ "readonly": true,
135777
+ "inheritedFrom": {
135778
+ "name": "SbbActionBaseElement",
135779
+ "module": "core/base-elements/action-base-element.js"
135780
+ }
135680
135781
  },
135681
135782
  {
135682
135783
  "kind": "method",
135683
- "name": "_applySize",
135684
- "privacy": "private",
135784
+ "name": "setupBaseEventHandlers",
135785
+ "privacy": "protected",
135685
135786
  "return": {
135686
135787
  "type": {
135687
135788
  "text": "void"
135688
135789
  }
135689
135790
  },
135690
- "parameters": [
135691
- {
135692
- "name": "size",
135693
- "type": {
135694
- "text": "SbbNavigationActionCommonElement['_size']"
135695
- }
135696
- }
135697
- ]
135791
+ "inheritedFrom": {
135792
+ "name": "SbbActionBaseElement",
135793
+ "module": "core/base-elements/action-base-element.js"
135794
+ }
135698
135795
  },
135699
135796
  {
135700
135797
  "kind": "method",
@@ -135704,14 +135801,517 @@
135704
135801
  "type": {
135705
135802
  "text": "TemplateResult"
135706
135803
  }
135804
+ },
135805
+ "description": "Override this method to render the component template.",
135806
+ "inheritedFrom": {
135807
+ "name": "SbbActionBaseElement",
135808
+ "module": "core/base-elements/action-base-element.js"
135707
135809
  }
135708
- }
135709
- ],
135710
- "parameters": [
135810
+ },
135711
135811
  {
135712
- "name": "superClass",
135812
+ "kind": "field",
135813
+ "name": "['_$sbbElement$']",
135713
135814
  "type": {
135714
- "text": "T"
135815
+ "text": "boolean"
135816
+ },
135817
+ "privacy": "public",
135818
+ "static": true,
135819
+ "default": "true",
135820
+ "inheritedFrom": {
135821
+ "name": "SbbElement",
135822
+ "module": "core/base-elements/element.js"
135823
+ }
135824
+ },
135825
+ {
135826
+ "kind": "field",
135827
+ "name": "elementName",
135828
+ "type": {
135829
+ "text": "string"
135830
+ },
135831
+ "privacy": "public",
135832
+ "static": true,
135833
+ "readonly": true,
135834
+ "inheritedFrom": {
135835
+ "name": "SbbElement",
135836
+ "module": "core/base-elements/element.js"
135837
+ }
135838
+ },
135839
+ {
135840
+ "kind": "field",
135841
+ "name": "elementDependencies",
135842
+ "type": {
135843
+ "text": "SbbElementType[] | undefined"
135844
+ },
135845
+ "privacy": "public",
135846
+ "static": true,
135847
+ "inheritedFrom": {
135848
+ "name": "SbbElement",
135849
+ "module": "core/base-elements/element.js"
135850
+ }
135851
+ },
135852
+ {
135853
+ "kind": "field",
135854
+ "name": "role",
135855
+ "type": {
135856
+ "text": "ElementInternals['role'] | undefined"
135857
+ },
135858
+ "privacy": "public",
135859
+ "static": true,
135860
+ "inheritedFrom": {
135861
+ "name": "SbbElement",
135862
+ "module": "core/base-elements/element.js"
135863
+ }
135864
+ },
135865
+ {
135866
+ "kind": "field",
135867
+ "name": "_controllers",
135868
+ "type": {
135869
+ "text": "Set<SbbReactiveController> | undefined"
135870
+ },
135871
+ "privacy": "private",
135872
+ "inheritedFrom": {
135873
+ "name": "SbbElement",
135874
+ "module": "core/base-elements/element.js"
135875
+ }
135876
+ },
135877
+ {
135878
+ "kind": "field",
135879
+ "name": "_hydrationRequired",
135880
+ "type": {
135881
+ "text": "boolean"
135882
+ },
135883
+ "privacy": "private",
135884
+ "default": "!!this.shadowRoot",
135885
+ "inheritedFrom": {
135886
+ "name": "SbbElement",
135887
+ "module": "core/base-elements/element.js"
135888
+ }
135889
+ },
135890
+ {
135891
+ "kind": "field",
135892
+ "name": "_hydrationComplete",
135893
+ "privacy": "private",
135894
+ "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
135895
+ "inheritedFrom": {
135896
+ "name": "SbbElement",
135897
+ "module": "core/base-elements/element.js"
135898
+ }
135899
+ },
135900
+ {
135901
+ "kind": "field",
135902
+ "name": "_resolveHydration",
135903
+ "type": {
135904
+ "text": "(hydrationRequired: boolean) => void"
135905
+ },
135906
+ "privacy": "private",
135907
+ "inheritedFrom": {
135908
+ "name": "SbbElement",
135909
+ "module": "core/base-elements/element.js"
135910
+ }
135911
+ },
135912
+ {
135913
+ "kind": "field",
135914
+ "name": "_textObserver",
135915
+ "type": {
135916
+ "text": "MutationObserver | undefined"
135917
+ },
135918
+ "privacy": "private",
135919
+ "inheritedFrom": {
135920
+ "name": "SbbElement",
135921
+ "module": "core/base-elements/element.js"
135922
+ }
135923
+ },
135924
+ {
135925
+ "kind": "field",
135926
+ "name": "hydrationRequired",
135927
+ "type": {
135928
+ "text": "boolean"
135929
+ },
135930
+ "privacy": "protected",
135931
+ "description": "Returns whether hydration is required and not completed.",
135932
+ "readonly": true,
135933
+ "inheritedFrom": {
135934
+ "name": "SbbElement",
135935
+ "module": "core/base-elements/element.js"
135936
+ },
135937
+ "default": "!!this.shadowRoot"
135938
+ },
135939
+ {
135940
+ "kind": "method",
135941
+ "name": "finalizeStyles",
135942
+ "privacy": "protected",
135943
+ "static": true,
135944
+ "return": {
135945
+ "type": {
135946
+ "text": "CSSResultOrNative[]"
135947
+ }
135948
+ },
135949
+ "parameters": [
135950
+ {
135951
+ "name": "_styles",
135952
+ "type": {
135953
+ "text": "CSSResultGroup"
135954
+ }
135955
+ }
135956
+ ],
135957
+ "description": "Collects `styles` from every class in the prototype chain (using `Object.hasOwn`)\nand merges them in top-down order. This means each class/mixin only needs to declare\nits **own** styles — there is no need to reference `super.styles`.\n\nLit's default behaviour already walks the chain, but fails for mixins where\n`super.styles` resolves to the wrong class. This override fixes that.",
135958
+ "inheritedFrom": {
135959
+ "name": "SbbElement",
135960
+ "module": "core/base-elements/element.js"
135961
+ }
135962
+ },
135963
+ {
135964
+ "kind": "method",
135965
+ "name": "toggleState",
135966
+ "privacy": "protected",
135967
+ "return": {
135968
+ "type": {
135969
+ "text": "void"
135970
+ }
135971
+ },
135972
+ "parameters": [
135973
+ {
135974
+ "name": "value",
135975
+ "type": {
135976
+ "text": "string"
135977
+ }
135978
+ },
135979
+ {
135980
+ "name": "force",
135981
+ "optional": true,
135982
+ "type": {
135983
+ "text": "boolean"
135984
+ }
135985
+ }
135986
+ ],
135987
+ "inheritedFrom": {
135988
+ "name": "SbbElement",
135989
+ "module": "core/base-elements/element.js"
135990
+ }
135991
+ },
135992
+ {
135993
+ "kind": "method",
135994
+ "name": "_slotchangeHandler",
135995
+ "privacy": "private",
135996
+ "return": {
135997
+ "type": {
135998
+ "text": "void"
135999
+ }
136000
+ },
136001
+ "parameters": [
136002
+ {
136003
+ "name": "event",
136004
+ "type": {
136005
+ "text": "Event"
136006
+ }
136007
+ },
136008
+ {
136009
+ "name": "slot",
136010
+ "type": {
136011
+ "text": "HTMLSlotElement"
136012
+ }
136013
+ }
136014
+ ],
136015
+ "inheritedFrom": {
136016
+ "name": "SbbElement",
136017
+ "module": "core/base-elements/element.js"
136018
+ }
136019
+ },
136020
+ {
136021
+ "kind": "method",
136022
+ "name": "_handleSlotChangeForSlottedState",
136023
+ "privacy": "private",
136024
+ "return": {
136025
+ "type": {
136026
+ "text": "void"
136027
+ }
136028
+ },
136029
+ "parameters": [
136030
+ {
136031
+ "name": "slot",
136032
+ "type": {
136033
+ "text": "HTMLSlotElement"
136034
+ }
136035
+ }
136036
+ ],
136037
+ "inheritedFrom": {
136038
+ "name": "SbbElement",
136039
+ "module": "core/base-elements/element.js"
136040
+ }
136041
+ },
136042
+ {
136043
+ "kind": "method",
136044
+ "name": "_updateSlottedState",
136045
+ "privacy": "private",
136046
+ "return": {
136047
+ "type": {
136048
+ "text": "void"
136049
+ }
136050
+ },
136051
+ "parameters": [
136052
+ {
136053
+ "name": "slot",
136054
+ "type": {
136055
+ "text": "HTMLSlotElement"
136056
+ }
136057
+ }
136058
+ ],
136059
+ "inheritedFrom": {
136060
+ "name": "SbbElement",
136061
+ "module": "core/base-elements/element.js"
136062
+ }
136063
+ },
136064
+ {
136065
+ "kind": "method",
136066
+ "name": "_observeTextNodesInSlot",
136067
+ "privacy": "private",
136068
+ "return": {
136069
+ "type": {
136070
+ "text": "void"
136071
+ }
136072
+ },
136073
+ "parameters": [
136074
+ {
136075
+ "name": "slot",
136076
+ "type": {
136077
+ "text": "HTMLSlotElement"
136078
+ }
136079
+ }
136080
+ ],
136081
+ "inheritedFrom": {
136082
+ "name": "SbbElement",
136083
+ "module": "core/base-elements/element.js"
136084
+ }
136085
+ },
136086
+ {
136087
+ "kind": "method",
136088
+ "name": "_hasSlottedContent",
136089
+ "privacy": "private",
136090
+ "return": {
136091
+ "type": {
136092
+ "text": "boolean"
136093
+ }
136094
+ },
136095
+ "parameters": [
136096
+ {
136097
+ "name": "slot",
136098
+ "type": {
136099
+ "text": "HTMLSlotElement"
136100
+ }
136101
+ }
136102
+ ],
136103
+ "inheritedFrom": {
136104
+ "name": "SbbElement",
136105
+ "module": "core/base-elements/element.js"
136106
+ }
136107
+ }
136108
+ ],
136109
+ "mixins": [
136110
+ {
136111
+ "name": "SbbDisabledMixin",
136112
+ "module": "core.js"
136113
+ }
136114
+ ],
136115
+ "superclass": {
136116
+ "name": "SbbActionBaseElement",
136117
+ "module": "core.js"
136118
+ },
136119
+ "attributes": [
136120
+ {
136121
+ "name": "disabled",
136122
+ "description": "Whether the component is disabled.",
136123
+ "default": "false",
136124
+ "type": {
136125
+ "text": "boolean"
136126
+ },
136127
+ "fieldName": "disabled",
136128
+ "inheritedFrom": {
136129
+ "name": "SbbDisabledMixin",
136130
+ "module": "core/mixins/disabled-mixin.js"
136131
+ }
136132
+ }
136133
+ ]
136134
+ },
136135
+ {
136136
+ "kind": "mixin",
136137
+ "description": "",
136138
+ "name": "SbbNavigationActionCommonElementMixin",
136139
+ "members": [
136140
+ {
136141
+ "kind": "field",
136142
+ "name": "elementDependencies",
136143
+ "type": {
136144
+ "text": "SbbElementType[]"
136145
+ },
136146
+ "privacy": "public",
136147
+ "static": true,
136148
+ "default": "[SbbIconElement]"
136149
+ },
136150
+ {
136151
+ "kind": "field",
136152
+ "name": "styles",
136153
+ "type": {
136154
+ "text": "CSSResultGroup"
136155
+ },
136156
+ "privacy": "public",
136157
+ "static": true,
136158
+ "default": "[unsafeCSS(style)]"
136159
+ },
136160
+ {
136161
+ "kind": "field",
136162
+ "name": "connectedSection",
136163
+ "type": {
136164
+ "text": "SbbNavigationSectionElement | undefined"
136165
+ },
136166
+ "privacy": "public",
136167
+ "description": "The section that is being controlled by the action, if any."
136168
+ },
136169
+ {
136170
+ "kind": "field",
136171
+ "name": "_navigationMarker",
136172
+ "type": {
136173
+ "text": "SbbNavigationMarkerElement | null"
136174
+ },
136175
+ "privacy": "private",
136176
+ "default": "null"
136177
+ },
136178
+ {
136179
+ "kind": "field",
136180
+ "name": "_navigationSection",
136181
+ "type": {
136182
+ "text": "SbbNavigationSectionElement | null"
136183
+ },
136184
+ "privacy": "private",
136185
+ "default": "null"
136186
+ },
136187
+ {
136188
+ "kind": "field",
136189
+ "name": "_size",
136190
+ "type": {
136191
+ "text": "'s' | 'm' | 'l'"
136192
+ },
136193
+ "privacy": "private",
136194
+ "default": "'l'"
136195
+ },
136196
+ {
136197
+ "kind": "field",
136198
+ "name": "marker",
136199
+ "type": {
136200
+ "text": "SbbNavigationMarkerElement | null"
136201
+ },
136202
+ "privacy": "public",
136203
+ "description": "The navigation marker in which the action is nested.",
136204
+ "readonly": true
136205
+ },
136206
+ {
136207
+ "kind": "field",
136208
+ "name": "section",
136209
+ "type": {
136210
+ "text": "SbbNavigationSectionElement | null"
136211
+ },
136212
+ "privacy": "public",
136213
+ "description": "The section in which the action is nested.",
136214
+ "readonly": true
136215
+ },
136216
+ {
136217
+ "kind": "method",
136218
+ "name": "_applySize",
136219
+ "privacy": "private",
136220
+ "return": {
136221
+ "type": {
136222
+ "text": "void"
136223
+ }
136224
+ },
136225
+ "parameters": [
136226
+ {
136227
+ "name": "size",
136228
+ "type": {
136229
+ "text": "SbbNavigationActionCommonElement['_size']"
136230
+ }
136231
+ }
136232
+ ]
136233
+ },
136234
+ {
136235
+ "kind": "method",
136236
+ "name": "renderTemplate",
136237
+ "privacy": "protected",
136238
+ "return": {
136239
+ "type": {
136240
+ "text": "TemplateResult"
136241
+ }
136242
+ }
136243
+ },
136244
+ {
136245
+ "kind": "field",
136246
+ "name": "disabled",
136247
+ "privacy": "public",
136248
+ "description": "Whether the component is disabled.",
136249
+ "default": "false",
136250
+ "type": {
136251
+ "text": "boolean"
136252
+ },
136253
+ "attribute": "disabled",
136254
+ "reflects": true,
136255
+ "inheritedFrom": {
136256
+ "name": "SbbDisabledMixin",
136257
+ "module": "core/mixins/disabled-mixin.js"
136258
+ }
136259
+ },
136260
+ {
136261
+ "kind": "field",
136262
+ "name": "#disabled",
136263
+ "privacy": "private",
136264
+ "type": {
136265
+ "text": "boolean"
136266
+ },
136267
+ "default": "false",
136268
+ "inheritedFrom": {
136269
+ "name": "SbbDisabledMixin",
136270
+ "module": "core/mixins/disabled-mixin.js"
136271
+ }
136272
+ },
136273
+ {
136274
+ "kind": "method",
136275
+ "name": "isDisabledExternally",
136276
+ "privacy": "protected",
136277
+ "return": {
136278
+ "type": {
136279
+ "text": "boolean"
136280
+ }
136281
+ },
136282
+ "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
136283
+ "inheritedFrom": {
136284
+ "name": "SbbDisabledMixin",
136285
+ "module": "core/mixins/disabled-mixin.js"
136286
+ }
136287
+ }
136288
+ ],
136289
+ "mixins": [
136290
+ {
136291
+ "name": "SbbDisabledMixin",
136292
+ "module": "core.js"
136293
+ }
136294
+ ],
136295
+ "parameters": [
136296
+ {
136297
+ "name": "superClass",
136298
+ "type": {
136299
+ "text": "T"
136300
+ }
136301
+ }
136302
+ ],
136303
+ "attributes": [
136304
+ {
136305
+ "name": "disabled",
136306
+ "description": "Whether the component is disabled.",
136307
+ "default": "false",
136308
+ "type": {
136309
+ "text": "boolean"
136310
+ },
136311
+ "fieldName": "disabled",
136312
+ "inheritedFrom": {
136313
+ "name": "SbbDisabledMixin",
136314
+ "module": "core/mixins/disabled-mixin.js"
135715
136315
  }
135716
136316
  }
135717
136317
  ]
@@ -1,10 +1,12 @@
1
1
  import { AbstractConstructor, SbbActionBaseElement, SbbElementConstructor } from '../../core.ts';
2
2
  import { SbbNavigationMarkerElement } from '../navigation-marker/navigation-marker.component.ts';
3
3
  import { SbbNavigationSectionElement } from '../navigation-section/navigation-section.component.ts';
4
- export declare class SbbNavigationActionCommonElementMixinType {
4
+ declare const SbbNavigationActionCommonElementMixinType_base: AbstractConstructor<import('../../core.ts').SbbDisabledMixinType> & typeof SbbActionBaseElement;
5
+ export declare class SbbNavigationActionCommonElementMixinType extends SbbNavigationActionCommonElementMixinType_base {
5
6
  get marker(): SbbNavigationMarkerElement | null;
6
7
  get section(): SbbNavigationSectionElement | null;
7
8
  connectedSection: SbbNavigationSectionElement | undefined;
8
9
  }
9
10
  export declare const SbbNavigationActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement> & SbbElementConstructor>(superClass: T) => AbstractConstructor<SbbNavigationActionCommonElementMixinType> & T;
11
+ export {};
10
12
  //# sourceMappingURL=navigation-action-common.d.ts.map
@@ -1 +1 @@
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
+ {"version":3,"file":"navigation-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/common/navigation-action-common.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAE3B,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,yCAA0C,SAAQ,8CAEtE;IACC,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-fkYNyX19.js";
1
+ import { t as SbbNavigationActionCommonElementMixin } from "../../navigation-action-common-wrzPCkMT.js";
2
2
  export { SbbNavigationActionCommonElementMixin };
@@ -0,0 +1,56 @@
1
+ import { unsafeCSS } from "lit";
2
+ import { SbbDisabledMixin, 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 --sbb-navigation-cursor: var(--sbb-cursor-pointer);\n --sbb-navigation-text-decoration: none;\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-navigation-cursor);\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: var(--sbb-navigation-text-decoration);\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}\n\n:host(:is(:disabled, [disabled])) {\n --sbb-navigation-action-color: var(--sbb-color-5);\n --sbb-navigation-cursor: unset;\n --sbb-navigation-text-decoration: line-through;\n}";
7
+ //#endregion
8
+ //#region src/elements/navigation/common/navigation-action-common.ts
9
+ var SbbNavigationActionCommonElementMixin = (superClass) => {
10
+ class SbbNavigationActionCommonElement extends SbbDisabledMixin(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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1hY3Rpb24tY29tbW9uLXdyelBDa01ULmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLV9zYmItbmF2aWdhdGlvbi1hY3Rpb24taW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgICh2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKSArIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KSkgKiAtMVxuICApO1xuICAtLV9zYmItbmF2aWdhdGlvbi1hY3Rpb24taW5zZXQtYmxvY2stc3RhcnQ6IGNhbGMoMWVtICogKHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpIC8gMikpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0zeClcbiAgKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1jdXJzb3I6IHZhcigtLXNiYi1jdXJzb3ItcG9pbnRlcik7XG4gIC0tc2JiLW5hdmlnYXRpb24tdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gIC8vIFVzZSAhaW1wb3J0YW50IGhlcmUgdG8gbm90IGludGVyZmVyZSB3aXRoIEZpcmVmb3ggZm9jdXMgcmluZyBkZWZpbml0aW9uXG4gIC8vIHdoaWNoIGFwcGVhcnMgaW4gbm9ybWFsaXplIENTUyBvZiBzZXZlcmFsIGZyYW1ld29ya3MuXG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOmhvc3QoOnN0YXRlKHNlY3Rpb24tYWN0aW9uKTpzdGF0ZShhY3Rpb24tYWN0aXZlKS5zYmItYWN0aXZlKSB7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWljb24tZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KDpzdGF0ZShhY3Rpb24tYWN0aXZlKSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTUpO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1jb2xvcjogSGlnaGxpZ2h0O1xuICB9XG59XG5cbnNiYi1pY29uIHtcbiAgZGlzcGxheTogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWljb24tZGlzcGxheSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiB2YXIoLS1fc2JiLW5hdmlnYXRpb24tYWN0aW9uLWluc2V0LWlubGluZS1zdGFydCk7XG4gIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1fc2JiLW5hdmlnYXRpb24tYWN0aW9uLWluc2V0LWJsb2NrLXN0YXJ0KTtcbiAgdHJhbnNsYXRlOiAwIC01MCU7XG59XG5cbkBpbmNsdWRlIHNiYi5ob3Zlci1tcSgkaG92ZXI6IHRydWUpIHtcbiAgOmhvc3QoOmhvdmVyKSB7XG4gICAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcbiAgfVxufVxuXG46aG9zdCg6c3RhdGUoYnV0dG9uKSkge1xuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IEJ1dHRvblRleHQ7XG4gIH1cbn1cblxuOmhvc3QoOmlzKDpzdGF0ZShzaXplLXMpLCA6c3RhdGUoc2l6ZS1tKSkpIHtcbiAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1sZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXh4cyk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLW0pKSB7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXMpO1xufVxuXG46aXMoLnNiYi1uYXZpZ2F0aW9uLWJ1dHRvbiwgLnNiYi1uYXZpZ2F0aW9uLWxpbmspIHtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yKTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1jdXJzb3IpO1xuICB0cmFuc2l0aW9uOiBjb2xvciB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tdHJhbnNpdGlvbi1kdXJhdGlvbikgZWFzZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tZm9udC1zaXplKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1saW5lLWhlaWdodCk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tbGV0dGVyLXNwYWNpbmcpO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgaHlwaGVuczogYXV0bztcbiAgdGV4dC1kZWNvcmF0aW9uOiB2YXIoLS1zYmItbmF2aWdhdGlvbi10ZXh0LWRlY29yYXRpb24pO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuXG4gIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgaG9zdCAoYnV0dG9uIHZhcmlhbnQpXG4gIDpob3N0KDpmb2N1cy12aXNpYmxlKSAmLFxuICAvLyBIYW5kbGUgZm9jdXMgb24gdGhlIGFjdGlvbiAobGluayB2YXJpYW50KVxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy00eCkgLSB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1vZmZzZXQpKTtcbiAgfVxufVxuXG46aG9zdCg6aXMoOmRpc2FibGVkLCBbZGlzYWJsZWRdKSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTUpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLWN1cnNvcjogdW5zZXQ7XG4gIC0tc2JiLW5hdmlnYXRpb24tdGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2g7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7XG4gIFNiYkRpc2FibGVkTWl4aW4sXG4gIHR5cGUgQWJzdHJhY3RDb25zdHJ1Y3RvcixcbiAgdHlwZSBTYmJBY3Rpb25CYXNlRWxlbWVudCxcbiAgdHlwZSBTYmJFbGVtZW50Q29uc3RydWN0b3IsXG4gIHR5cGUgU2JiRWxlbWVudFR5cGUsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiSWNvbkVsZW1lbnQgfSBmcm9tICcuLi8uLi9pY29uLnB1cmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLW1hcmtlci9uYXZpZ2F0aW9uLW1hcmtlci5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLXNlY3Rpb24vbmF2aWdhdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL25hdmlnYXRpb24tYWN0aW9uLnNjc3M/aW5saW5lJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKFxuICBTYmJBY3Rpb25CYXNlRWxlbWVudCxcbikge1xuICBwdWJsaWMgZ2V0IG1hcmtlcigpOiBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudCB8IG51bGw7XG4gIHB1YmxpYyBnZXQgc2VjdGlvbigpOiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfCBudWxsO1xuICBwdWJsaWMgY29ubmVjdGVkU2VjdGlvbjogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IHwgdW5kZWZpbmVkO1xufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbiA9IDxcbiAgVCBleHRlbmRzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQWN0aW9uQmFzZUVsZW1lbnQ+ICYgU2JiRWxlbWVudENvbnN0cnVjdG9yLFxuPihcbiAgc3VwZXJDbGFzczogVCxcbik6IEFic3RyYWN0Q29uc3RydWN0b3I8U2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIGFic3RyYWN0IGNsYXNzIFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50XG4gICAgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKHN1cGVyQ2xhc3MpXG4gICAgaW1wbGVtZW50cyBQYXJ0aWFsPFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPlxuICB7XG4gICAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBlbGVtZW50RGVwZW5kZW5jaWVzOiBTYmJFbGVtZW50VHlwZVtdID0gW1NiYkljb25FbGVtZW50XTtcbiAgICBwdWJsaWMgc3RhdGljIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgICAvKiogVGhlIHNlY3Rpb24gdGhhdCBpcyBiZWluZyBjb250cm9sbGVkIGJ5IHRoZSBhY3Rpb24sIGlmIGFueS4gKi9cbiAgICBwdWJsaWMgY29ubmVjdGVkU2VjdGlvbj86IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudDtcblxuICAgIHByaXZhdGUgX25hdmlnYXRpb25NYXJrZXI6IFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gICAgcHJpdmF0ZSBfbmF2aWdhdGlvblNlY3Rpb246IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICAgIHByaXZhdGUgX3NpemU6ICdzJyB8ICdtJyB8ICdsJyA9ICdsJztcblxuICAgIC8qKiBUaGUgbmF2aWdhdGlvbiBtYXJrZXIgaW4gd2hpY2ggdGhlIGFjdGlvbiBpcyBuZXN0ZWQuICovXG4gICAgcHVibGljIGdldCBtYXJrZXIoKTogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfCBudWxsIHtcbiAgICAgIHJldHVybiB0aGlzLl9uYXZpZ2F0aW9uTWFya2VyO1xuICAgIH1cblxuICAgIC8qKiBUaGUgc2VjdGlvbiBpbiB3aGljaCB0aGUgYWN0aW9uIGlzIG5lc3RlZC4gKi9cbiAgICBwdWJsaWMgZ2V0IHNlY3Rpb24oKTogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IHwgbnVsbCB7XG4gICAgICByZXR1cm4gdGhpcy5fbmF2aWdhdGlvblNlY3Rpb247XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsICgpID0+IHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgICF0aGlzLm1hdGNoZXMoJzpzdGF0ZShhY3Rpb24tYWN0aXZlKScpICYmXG4gICAgICAgICAgdGhpcy5fbmF2aWdhdGlvbk1hcmtlciAmJlxuICAgICAgICAgICF0aGlzLmNvbm5lY3RlZFNlY3Rpb25cbiAgICAgICAgKSB7XG4gICAgICAgICAgdGhpcy5tYXJrZXI/LnNlbGVjdChcbiAgICAgICAgICAgIHRoaXMgYXMgdW5rbm93biBhcyBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB8IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCxcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5jbG9zZXN0KCdzYmItbmF2aWdhdGlvbi1tYXJrZXInKSwge1xuICAgICAgICAgIHNpemU6IChtYXJrZXIpID0+IHRoaXMuX2FwcGx5U2l6ZShtYXJrZXIuc2l6ZSksXG4gICAgICAgIH0pLFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgICAvLyBDaGVjayBpZiB0aGUgY3VycmVudCBlbGVtZW50IGlzIG5lc3RlZCBpbnNpZGUgYSBuYXZpZ2F0aW9uIG1hcmtlci5cbiAgICAgIHRoaXMuX25hdmlnYXRpb25NYXJrZXIgPSB0aGlzLmNsb3Nlc3QoJ3NiYi1uYXZpZ2F0aW9uLW1hcmtlcicpO1xuXG4gICAgICAvLyBDaGVjayBpZiB0aGUgY3VycmVudCBlbGVtZW50IGlzIG5lc3RlZCBpbnNpZGUgYSBuYXZpZ2F0aW9uIHNlY3Rpb24uXG4gICAgICB0aGlzLl9uYXZpZ2F0aW9uU2VjdGlvbiA9IHRoaXMuY2xvc2VzdCgnc2JiLW5hdmlnYXRpb24tc2VjdGlvbicpO1xuICAgICAgdGhpcy50b2dnbGVTdGF0ZSgnc2VjdGlvbi1hY3Rpb24nLCAhIXRoaXMuX25hdmlnYXRpb25TZWN0aW9uKTtcbiAgICAgIGlmICh0aGlzLmNsb3Nlc3QoJ3NiYi1uYXZpZ2F0aW9uLWxpc3QnKSkge1xuICAgICAgICB0aGlzLl9hcHBseVNpemUoJ20nKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9hcHBseVNpemUoc2l6ZTogU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRbJ19zaXplJ10pOiB2b2lkIHtcbiAgICAgIGlmICh0aGlzLl9zaXplKSB7XG4gICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoYHNpemUtJHt0aGlzLl9zaXplfWApO1xuICAgICAgfVxuICAgICAgdGhpcy5fc2l6ZSA9IHNpemU7XG4gICAgICBpZiAodGhpcy5fc2l6ZSkge1xuICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBzaXplLSR7dGhpcy5fc2l6ZX1gKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgcmV0dXJuIGh0bWxgPHNiYi1pY29uIG5hbWU9XCJkYXNoLXNtYWxsXCI+PC9zYmItaWNvbj4gPHNsb3Q+PC9zbG90PmA7XG4gICAgfVxuICB9XG4gIHJldHVybiBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUM0QkEsSUFBYSx5Q0FHWCxlQUNzRTtDQUN0RSxNQUFlLHlDQUNMLGlCQUFpQixVQUFVLEVBQUM7O0dBR2IsS0FBQSxzQkFBd0MsQ0FBQyxjQUFjO0VBQUU7O0dBQ2xFLEtBQUEsU0FBeUIsQ0FBQyxVQUFVLHlCQUFLLENBQUM7RUFBRTs7RUFVMUQsSUFBVyxTQUFNO0dBQ2YsT0FBTyxLQUFLO0VBQ2Q7O0VBR0EsSUFBVyxVQUFPO0dBQ2hCLE9BQU8sS0FBSztFQUNkO0VBRUEsWUFBc0IsR0FBRyxNQUFXO0dBQ2xDLE1BQU0sR0FBRyxJQUFJO0dBZlAsS0FBQSxvQkFBdUQ7R0FDdkQsS0FBQSxxQkFBeUQ7R0FDekQsS0FBQSxRQUF5QjtHQWMvQixLQUFLLG1CQUFtQixlQUFjO0lBQ3BDLElBQ0UsQ0FBQyxLQUFLLFFBQVEsbURBQXVCLEtBQ3JDLEtBQUsscUJBQ0wsQ0FBQyxLQUFLLGtCQUVOLEtBQUssUUFBUSxPQUNYLElBQXdFO0dBRzlFLENBQUM7R0FDRCxLQUFLLGNBQ0gsSUFBSSw2QkFBNkIsWUFBWSxLQUFLLFFBQVEsdUJBQXVCLEdBQUcsRUFDbEYsT0FBTyxXQUFXLEtBQUssV0FBVyxPQUFPLElBQUksRUFBQSxDQUM5QyxDQUFDO0VBRU47RUFFZ0Isb0JBQWlCO0dBQy9CLE1BQU0sa0JBQWlCO0dBR3ZCLEtBQUssb0JBQW9CLEtBQUssUUFBUSx1QkFBdUI7R0FHN0QsS0FBSyxxQkFBcUIsS0FBSyxRQUFRLHdCQUF3QjtHQUMvRCxLQUFLLFlBQVksa0JBQWtCLENBQUMsQ0FBQyxLQUFLLGtCQUFrQjtHQUM1RCxJQUFJLEtBQUssUUFBUSxxQkFBcUIsR0FDcEMsS0FBSyxXQUFXLEdBQUc7RUFFdkI7RUFFUSxXQUFXLE1BQStDO0dBQ2hFLElBQUksS0FBSyxPQUNQLEtBQUssVUFBVSxPQUFPLE9BQU8sUUFBUSxLQUFLLE9BQU87R0FFbkQsS0FBSyxRQUFRO0dBQ2IsSUFBSSxLQUFLLE9BQ1AsS0FBSyxVQUFVLE9BQU8sSUFBSSxRQUFRLEtBQUssT0FBTztFQUVsRDtFQUVtQixpQkFBYztHQUMvQixPQUFPLE1BQUk7RUFDYjs7Q0FFRixPQUFPO0FBRVQifQ==
@@ -1,4 +1,4 @@
1
- import { t as SbbNavigationActionCommonElementMixin } from "./navigation-action-common-fkYNyX19.js";
1
+ import { t as SbbNavigationActionCommonElementMixin } from "./navigation-action-common-wrzPCkMT.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
4
  import { t as SbbNavigationListElement } from "./navigation-list.component-Dvv-bZ2V.js";
@@ -1,4 +1,4 @@
1
- import { t as SbbNavigationActionCommonElementMixin } from "./navigation-action-common-fkYNyX19.js";
1
+ import { t as SbbNavigationActionCommonElementMixin } from "./navigation-action-common-wrzPCkMT.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
4
  import { t as SbbNavigationListElement } from "./navigation-list.component-Dvv-bZ2V.js";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../navigation-action-common-x7PMfho0.js";
1
+ import { t as e } from "../../navigation-action-common-CBlB5vk9.js";
2
2
  export { e as SbbNavigationActionCommonElementMixin };
@@ -0,0 +1,38 @@
1
+ import { unsafeCSS as e } from "lit";
2
+ import { SbbDisabledMixin as t, SbbPropertyWatcherController as n } from "./core.js";
3
+ import { html as r } from "lit/static-html.js";
4
+ import { SbbIconElement as i } from "./icon.pure.js";
5
+ //#region src/elements/navigation/common/navigation-action.scss?inline
6
+ var a = ":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) );--sbb-navigation-cursor: var(--sbb-cursor-pointer);--sbb-navigation-text-decoration: none;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-navigation-cursor);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:var(--sbb-navigation-text-decoration);-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))}:host(:is(:disabled,[disabled])){--sbb-navigation-action-color: var(--sbb-color-5);--sbb-navigation-cursor: unset;--sbb-navigation-text-decoration: line-through}", o = (o) => {
7
+ class s extends t(o) {
8
+ static {
9
+ this.elementDependencies = [i];
10
+ }
11
+ static {
12
+ this.styles = [e(a)];
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 n(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 r`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
33
+ }
34
+ }
35
+ return s;
36
+ };
37
+ //#endregion
38
+ export { o as t };
package/navigation.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./navigation-action-common-x7PMfho0.js";
1
+ import { t as e } from "./navigation-action-common-CBlB5vk9.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
4
  import { t as r } from "./navigation-list.component-Cezo1tC-.js";
@@ -1,4 +1,4 @@
1
- import { t as e } from "./navigation-action-common-x7PMfho0.js";
1
+ import { t as e } from "./navigation-action-common-CBlB5vk9.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
4
  import { t as r } from "./navigation-list.component-Cezo1tC-.js";
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.0-next.3-dev.1778950677",
3
+ "version": "5.0.0-next.3-dev.1779119726",
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/c658679e5dfac7d0abd44ea3faeb22e76afc0600"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/0f0b0fe41a88c8c3fa7b1e9e40ce37503bf2beba"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
@@ -1,56 +0,0 @@
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+IDxzbG90Pjwvc2xvdD5gO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnQgYXMgdW5rbm93biBhcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmXG4gICAgVDtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FDeUJBLElBQWEseUNBR1gsZUFDc0U7Q0FDdEUsTUFBZSx5Q0FDTCxXQUFVOztHQUdLLEtBQUEsc0JBQXdDLENBQUMsY0FBYztFQUFFOztHQUNsRSxLQUFBLFNBQXlCLENBQUMsVUFBVSx5QkFBSyxDQUFDO0VBQUU7O0VBVTFELElBQVcsU0FBTTtHQUNmLE9BQU8sS0FBSztFQUNkOztFQUdBLElBQVcsVUFBTztHQUNoQixPQUFPLEtBQUs7RUFDZDtFQUVBLFlBQXNCLEdBQUcsTUFBVztHQUNsQyxNQUFNLEdBQUcsSUFBSTtHQWZQLEtBQUEsb0JBQXVEO0dBQ3ZELEtBQUEscUJBQXlEO0dBQ3pELEtBQUEsUUFBeUI7R0FjL0IsS0FBSyxtQkFBbUIsZUFBYztJQUNwQyxJQUNFLENBQUMsS0FBSyxRQUFRLG1EQUF1QixLQUNyQyxLQUFLLHFCQUNMLENBQUMsS0FBSyxrQkFFTixLQUFLLFFBQVEsT0FDWCxJQUF3RTtHQUc5RSxDQUFDO0dBQ0QsS0FBSyxjQUNILElBQUksNkJBQTZCLFlBQVksS0FBSyxRQUFRLHVCQUF1QixHQUFHLEVBQ2xGLE9BQU8sV0FBVyxLQUFLLFdBQVcsT0FBTyxJQUFJLEVBQUEsQ0FDOUMsQ0FBQztFQUVOO0VBRWdCLG9CQUFpQjtHQUMvQixNQUFNLGtCQUFpQjtHQUd2QixLQUFLLG9CQUFvQixLQUFLLFFBQVEsdUJBQXVCO0dBRzdELEtBQUsscUJBQXFCLEtBQUssUUFBUSx3QkFBd0I7R0FDL0QsS0FBSyxZQUFZLGtCQUFrQixDQUFDLENBQUMsS0FBSyxrQkFBa0I7R0FDNUQsSUFBSSxLQUFLLFFBQVEscUJBQXFCLEdBQ3BDLEtBQUssV0FBVyxHQUFHO0VBRXZCO0VBRVEsV0FBVyxNQUErQztHQUNoRSxJQUFJLEtBQUssT0FDUCxLQUFLLFVBQVUsT0FBTyxPQUFPLFFBQVEsS0FBSyxPQUFPO0dBRW5ELEtBQUssUUFBUTtHQUNiLElBQUksS0FBSyxPQUNQLEtBQUssVUFBVSxPQUFPLElBQUksUUFBUSxLQUFLLE9BQU87RUFFbEQ7RUFFbUIsaUJBQWM7R0FDL0IsT0FBTyxNQUFJO0VBQ2I7O0NBRUYsT0FBTztBQUVUIn0=
@@ -1,38 +0,0 @@
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 };