hr-design-system-handlebars 1.24.2 → 1.24.4
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/CHANGELOG.md +24 -0
- package/dist/assets/index.css +12 -3
- package/dist/views/components/button/components/button_label.hbs +1 -1
- package/dist/views/components/button/utilities/button_dimension_classes.hbs +1 -1
- package/dist/views/components/pagination/pagination_button_left.hbs +2 -2
- package/dist/views/components/pagination/pagination_button_left_linked.hbs +2 -2
- package/dist/views/components/pagination/pagination_button_right.hbs +2 -2
- package/dist/views/components/pagination/pagination_button_right_linked.hbs +2 -2
- package/dist/views/components/pagination/pagination_current_page_invalid.hbs +7 -7
- package/dist/views/components/pagination/pagination_more_than_three_pages.hbs +19 -19
- package/dist/views/components/pagination/pagination_only_three_pages.hbs +31 -31
- package/dist/views/components/pagination/pagination_only_two_pages.hbs +10 -10
- package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/button/components/button_label.hbs +1 -1
- package/src/stories/views/components/button/utilities/button_dimension_classes.hbs +1 -1
- package/src/stories/views/components/page/page_pagination.stories.js +0 -4
- package/src/stories/views/components/pagination/pagination_button_left.hbs +2 -2
- package/src/stories/views/components/pagination/pagination_button_left_linked.hbs +2 -2
- package/src/stories/views/components/pagination/pagination_button_right.hbs +2 -2
- package/src/stories/views/components/pagination/pagination_button_right_linked.hbs +2 -2
- package/src/stories/views/components/pagination/pagination_current_page_invalid.hbs +7 -7
- package/src/stories/views/components/pagination/pagination_more_than_three_pages.hbs +19 -19
- package/src/stories/views/components/pagination/pagination_only_three_pages.hbs +31 -31
- package/src/stories/views/components/pagination/pagination_only_two_pages.hbs +10 -10
- package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs +1 -1
- package/tailwind.config.js +5 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.24.4 (Wed May 17 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Paging auf Indexseiten in Storybook bauen - FIX PROBLEMS - DPE-2079 [#642](https://github.com/mumprod/hr-design-system-handlebars/pull/642) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.24.3 (Tue May 16 2023)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- checked if is Cluster [#641](https://github.com/mumprod/hr-design-system-handlebars/pull/641) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.24.2 (Tue May 16 2023)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1477,6 +1477,15 @@ video {
|
|
|
1477
1477
|
.min-w-0 {
|
|
1478
1478
|
min-width: 0px;
|
|
1479
1479
|
}
|
|
1480
|
+
.min-w-10\.5 {
|
|
1481
|
+
min-width: 2.625rem;
|
|
1482
|
+
}
|
|
1483
|
+
.min-w-11\.5 {
|
|
1484
|
+
min-width: 2.875rem;
|
|
1485
|
+
}
|
|
1486
|
+
.min-w-7\.5 {
|
|
1487
|
+
min-width: 1.875rem;
|
|
1488
|
+
}
|
|
1480
1489
|
.max-w-3\/4 {
|
|
1481
1490
|
max-width: 75%;
|
|
1482
1491
|
}
|
|
@@ -2720,7 +2729,7 @@ video {
|
|
|
2720
2729
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2721
2730
|
}
|
|
2722
2731
|
.counter-reset {
|
|
2723
|
-
counter-reset:
|
|
2732
|
+
counter-reset: cnt1684325301151;
|
|
2724
2733
|
}
|
|
2725
2734
|
.hyphens-auto {
|
|
2726
2735
|
-webkit-hyphens: auto;
|
|
@@ -2962,7 +2971,7 @@ video {
|
|
|
2962
2971
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2963
2972
|
}
|
|
2964
2973
|
.-ordered {
|
|
2965
|
-
counter-increment:
|
|
2974
|
+
counter-increment: cnt1684325301151 1;
|
|
2966
2975
|
}
|
|
2967
2976
|
.-ordered::before {
|
|
2968
2977
|
position: absolute;
|
|
@@ -2978,7 +2987,7 @@ video {
|
|
|
2978
2987
|
letter-spacing: .0125em;
|
|
2979
2988
|
--tw-text-opacity: 1;
|
|
2980
2989
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2981
|
-
content: counter(
|
|
2990
|
+
content: counter(cnt1684325301151);
|
|
2982
2991
|
}
|
|
2983
2992
|
/*! ****************************/
|
|
2984
2993
|
/*! text-shadow */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<span class='ds-button-label {{
|
|
1
|
+
<span class='ds-button-label {{_css}}'>{{_label}}</span>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{{~inline-switch _size '["sm","md","lg"]' '[" px-2 py-0.5"," p-2"," px-4 py-2.5",""]'~}}
|
|
1
|
+
{{~inline-switch _size '["sm","md","lg"]' '[" px-2 py-0.5 min-w-7.5 justify-center"," p-2 min-w-10.5 justify-center"," px-4 py-2.5 min-w-11.5 justify-center",""]'~}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.previousItemLink _css="mr-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
4
4
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="ml-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
<nav class="flex flex-row content-center justify-center py-10" role="navigation" aria-label="Paginierung">
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex"></div>
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/link_button _size="
|
|
5
|
-
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
{{~#if _moreThanOnePage ~}}
|
|
8
8
|
{{~#unless _onlyTwoPages ~}}
|
|
9
9
|
{{~#if _onlyThreePages ~}}
|
|
10
|
-
{{#> components/button/link_button _size="
|
|
11
|
-
|
|
10
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOnePageItemLink _css="mr-1 ml-1"}}
|
|
11
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
12
12
|
{{/components/button/link_button}}
|
|
13
13
|
{{else}}
|
|
14
14
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
15
15
|
{{~/if~}}
|
|
16
16
|
{{~/unless~}}
|
|
17
|
-
{{#> components/button/link_button _size="
|
|
18
|
-
|
|
17
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
18
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
20
|
{{~/if~}}
|
|
21
21
|
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/link_button _size="
|
|
5
|
-
{{> components/button/components/button_label _label="1"}}
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
8
|
-
{{#> components/button/link_button _size="
|
|
9
|
-
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
8
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
9
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
10
10
|
{{/components/button/link_button}}
|
|
11
11
|
{{> components/pagination/pagination_button_right_linked }}
|
|
12
12
|
</div>
|
|
13
13
|
{{else}}
|
|
14
14
|
{{~#if _secondPage~}}
|
|
15
|
-
<div class="flex
|
|
15
|
+
<div class="flex">
|
|
16
16
|
{{> components/pagination/pagination_button_left_linked }}
|
|
17
|
-
{{#> components/button/link_button _size="
|
|
18
|
-
{{> components/button/components/button_label _label="1"}}
|
|
17
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
18
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
|
-
{{#> components/button/link_button _size="
|
|
21
|
-
{{> components/button/components/button_label _label="2"}}
|
|
20
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
21
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
22
22
|
{{/components/button/link_button}}
|
|
23
23
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
24
|
-
{{#> components/button/link_button _size="
|
|
25
|
-
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
24
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
25
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
26
26
|
{{/components/button/link_button}}
|
|
27
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
28
28
|
</div>
|
|
29
29
|
{{else}}
|
|
30
|
-
<div class="flex
|
|
30
|
+
<div class="flex">
|
|
31
31
|
{{> components/pagination/pagination_button_left_linked }}
|
|
32
|
-
{{#> components/button/link_button _size="
|
|
33
|
-
{{> components/button/components/button_label _label="1"}}
|
|
32
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
33
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
34
34
|
{{/components/button/link_button}}
|
|
35
35
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
36
|
-
{{#> components/button/link_button _size="
|
|
37
|
-
{{> components/button/components/button_label _label=../../_currentPage-adjust_context}}
|
|
36
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
37
|
+
{{> components/button/components/button_label _label=../../_currentPage-adjust_context _css=""}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
39
|
{{~#if _notLastPage~}}
|
|
40
40
|
{{~#if _notLastButOnePage~}}
|
|
41
41
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
42
42
|
{{~/if~}}
|
|
43
|
-
{{#> components/button/link_button _size="
|
|
44
|
-
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
43
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
44
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
45
45
|
{{/components/button/link_button}}
|
|
46
46
|
{{~/if~}}
|
|
47
47
|
{{~#if _notLastPage~}}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
<div class="flex">
|
|
3
|
+
{{> components/pagination/pagination_button_left }}
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
|
+
{{/components/button/link_button}}
|
|
7
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="mr-1 ml-1"}}
|
|
8
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
9
|
+
{{/components/button/link_button}}
|
|
10
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
11
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
12
|
+
{{/components/button/link_button}}
|
|
13
|
+
{{> components/pagination/pagination_button_right_linked }}
|
|
14
14
|
</div>
|
|
15
15
|
{{else}}
|
|
16
16
|
{{~#if _secondPage~}}
|
|
17
|
-
<div class="flex
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
<div class="flex">
|
|
18
|
+
{{> components/pagination/pagination_button_left_linked }}
|
|
19
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
20
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
21
|
+
{{/components/button/link_button}}
|
|
22
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
23
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
24
|
+
{{/components/button/link_button}}
|
|
25
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
26
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
27
|
+
{{/components/button/link_button}}
|
|
28
|
+
{{> components/pagination/pagination_button_right_linked }}
|
|
29
29
|
</div>
|
|
30
30
|
{{else}}
|
|
31
|
-
<div class="flex
|
|
31
|
+
<div class="flex">
|
|
32
32
|
{{> components/pagination/pagination_button_left_linked }}
|
|
33
|
-
{{#> components/button/link_button _size="
|
|
34
|
-
{{> components/button/components/button_label _label="1"}}
|
|
33
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
34
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
35
35
|
{{/components/button/link_button}}
|
|
36
|
-
{{#> components/button/link_button _size="
|
|
37
|
-
{{> components/button/components/button_label _label="2"}}
|
|
36
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOneItemLink _css="mr-1 ml-1"}}
|
|
37
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
|
-
{{#> components/button/link_button _size="
|
|
40
|
-
{{> components/button/components/button_label _label="3"}}
|
|
39
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
40
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
41
41
|
{{/components/button/link_button}}
|
|
42
42
|
{{> components/pagination/pagination_button_right }}
|
|
43
43
|
</div>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/button _size="
|
|
5
|
-
{{> components/button/components/button_label _label="1"}}
|
|
4
|
+
{{#> components/button/button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
|
-
{{#> components/button/button _size="
|
|
8
|
-
{{> components/button/components/button_label _label="2"}}
|
|
7
|
+
{{#> components/button/button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
8
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
9
9
|
{{/components/button/button}}
|
|
10
10
|
{{> components/pagination/pagination_button_right_linked }}
|
|
11
11
|
</div>
|
|
12
12
|
{{else}}
|
|
13
|
-
<div class="flex
|
|
13
|
+
<div class="flex">
|
|
14
14
|
{{> components/pagination/pagination_button_left_linked }}
|
|
15
|
-
{{#> components/button/button _size="
|
|
16
|
-
{{> components/button/components/button_label _label="1"}}
|
|
15
|
+
{{#> components/button/button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
16
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
17
17
|
{{/components/button/button}}
|
|
18
|
-
{{#> components/button/button _size="
|
|
19
|
-
{{> components/button/components/button_label _label="2"}}
|
|
18
|
+
{{#> components/button/button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
19
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
20
20
|
{{/components/button/button}}
|
|
21
21
|
{{> components/pagination/pagination_button_right }}
|
|
22
22
|
</div>
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
{{~this.text~}}
|
|
72
72
|
|
|
73
73
|
{{#if this.subNavigation.showAsFlyout ~}}
|
|
74
|
-
<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex">
|
|
74
|
+
<div class="items-center justify-center{{#if this.isCluster}} flex{{else}} hidden{{~/if}} w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex">
|
|
75
75
|
<div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''">
|
|
76
76
|
{{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
|
|
77
77
|
</div>
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "1.24.
|
|
9
|
+
"version": "1.24.4",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<span class='ds-button-label {{
|
|
1
|
+
<span class='ds-button-label {{_css}}'>{{_label}}</span>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{{~inline-switch _size '["sm","md","lg"]' '[" px-2 py-0.5"," p-2"," px-4 py-2.5",""]'~}}
|
|
1
|
+
{{~inline-switch _size '["sm","md","lg"]' '[" px-2 py-0.5 min-w-7.5 justify-center"," p-2 min-w-10.5 justify-center"," px-4 py-2.5 min-w-11.5 justify-center",""]'~}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.previousItemLink _css="mr-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
4
4
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="ml-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
<nav class="flex flex-row content-center justify-center py-10" role="navigation" aria-label="Paginierung">
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex"></div>
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/link_button _size="
|
|
5
|
-
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
{{~#if _moreThanOnePage ~}}
|
|
8
8
|
{{~#unless _onlyTwoPages ~}}
|
|
9
9
|
{{~#if _onlyThreePages ~}}
|
|
10
|
-
{{#> components/button/link_button _size="
|
|
11
|
-
|
|
10
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOnePageItemLink _css="mr-1 ml-1"}}
|
|
11
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
12
12
|
{{/components/button/link_button}}
|
|
13
13
|
{{else}}
|
|
14
14
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
15
15
|
{{~/if~}}
|
|
16
16
|
{{~/unless~}}
|
|
17
|
-
{{#> components/button/link_button _size="
|
|
18
|
-
|
|
17
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
18
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
20
|
{{~/if~}}
|
|
21
21
|
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/link_button _size="
|
|
5
|
-
{{> components/button/components/button_label _label="1"}}
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
8
|
-
{{#> components/button/link_button _size="
|
|
9
|
-
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
8
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
9
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
10
10
|
{{/components/button/link_button}}
|
|
11
11
|
{{> components/pagination/pagination_button_right_linked }}
|
|
12
12
|
</div>
|
|
13
13
|
{{else}}
|
|
14
14
|
{{~#if _secondPage~}}
|
|
15
|
-
<div class="flex
|
|
15
|
+
<div class="flex">
|
|
16
16
|
{{> components/pagination/pagination_button_left_linked }}
|
|
17
|
-
{{#> components/button/link_button _size="
|
|
18
|
-
{{> components/button/components/button_label _label="1"}}
|
|
17
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
18
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
|
-
{{#> components/button/link_button _size="
|
|
21
|
-
{{> components/button/components/button_label _label="2"}}
|
|
20
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
21
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
22
22
|
{{/components/button/link_button}}
|
|
23
23
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
24
|
-
{{#> components/button/link_button _size="
|
|
25
|
-
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
24
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
25
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
26
26
|
{{/components/button/link_button}}
|
|
27
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
28
28
|
</div>
|
|
29
29
|
{{else}}
|
|
30
|
-
<div class="flex
|
|
30
|
+
<div class="flex">
|
|
31
31
|
{{> components/pagination/pagination_button_left_linked }}
|
|
32
|
-
{{#> components/button/link_button _size="
|
|
33
|
-
{{> components/button/components/button_label _label="1"}}
|
|
32
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
33
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
34
34
|
{{/components/button/link_button}}
|
|
35
35
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
36
|
-
{{#> components/button/link_button _size="
|
|
37
|
-
{{> components/button/components/button_label _label=_currentPage-adjust_context}}
|
|
36
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
37
|
+
{{> components/button/components/button_label _label=_currentPage-adjust_context _css=""}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
39
|
{{~#if _notLastPage~}}
|
|
40
40
|
{{~#if _notLastButOnePage~}}
|
|
41
41
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
42
42
|
{{~/if~}}
|
|
43
|
-
{{#> components/button/link_button _size="
|
|
44
|
-
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
43
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
44
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
45
45
|
{{/components/button/link_button}}
|
|
46
46
|
{{~/if~}}
|
|
47
47
|
{{~#if _notLastPage~}}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
<div class="flex">
|
|
3
|
+
{{> components/pagination/pagination_button_left }}
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
|
+
{{/components/button/link_button}}
|
|
7
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="mr-1 ml-1"}}
|
|
8
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
9
|
+
{{/components/button/link_button}}
|
|
10
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
11
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
12
|
+
{{/components/button/link_button}}
|
|
13
|
+
{{> components/pagination/pagination_button_right_linked }}
|
|
14
14
|
</div>
|
|
15
15
|
{{else}}
|
|
16
16
|
{{~#if _secondPage~}}
|
|
17
|
-
<div class="flex
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
<div class="flex">
|
|
18
|
+
{{> components/pagination/pagination_button_left_linked }}
|
|
19
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
20
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
21
|
+
{{/components/button/link_button}}
|
|
22
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
23
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
24
|
+
{{/components/button/link_button}}
|
|
25
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
26
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
27
|
+
{{/components/button/link_button}}
|
|
28
|
+
{{> components/pagination/pagination_button_right_linked }}
|
|
29
29
|
</div>
|
|
30
30
|
{{else}}
|
|
31
|
-
<div class="flex
|
|
31
|
+
<div class="flex">
|
|
32
32
|
{{> components/pagination/pagination_button_left_linked }}
|
|
33
|
-
{{#> components/button/link_button _size="
|
|
34
|
-
{{> components/button/components/button_label _label="1"}}
|
|
33
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
34
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
35
35
|
{{/components/button/link_button}}
|
|
36
|
-
{{#> components/button/link_button _size="
|
|
37
|
-
{{> components/button/components/button_label _label="2"}}
|
|
36
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOneItemLink _css="mr-1 ml-1"}}
|
|
37
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
|
-
{{#> components/button/link_button _size="
|
|
40
|
-
{{> components/button/components/button_label _label="3"}}
|
|
39
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
40
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
41
41
|
{{/components/button/link_button}}
|
|
42
42
|
{{> components/pagination/pagination_button_right }}
|
|
43
43
|
</div>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/button _size="
|
|
5
|
-
{{> components/button/components/button_label _label="1"}}
|
|
4
|
+
{{#> components/button/button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
|
-
{{#> components/button/button _size="
|
|
8
|
-
{{> components/button/components/button_label _label="2"}}
|
|
7
|
+
{{#> components/button/button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
8
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
9
9
|
{{/components/button/button}}
|
|
10
10
|
{{> components/pagination/pagination_button_right_linked }}
|
|
11
11
|
</div>
|
|
12
12
|
{{else}}
|
|
13
|
-
<div class="flex
|
|
13
|
+
<div class="flex">
|
|
14
14
|
{{> components/pagination/pagination_button_left_linked }}
|
|
15
|
-
{{#> components/button/button _size="
|
|
16
|
-
{{> components/button/components/button_label _label="1"}}
|
|
15
|
+
{{#> components/button/button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
16
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
17
17
|
{{/components/button/button}}
|
|
18
|
-
{{#> components/button/button _size="
|
|
19
|
-
{{> components/button/components/button_label _label="2"}}
|
|
18
|
+
{{#> components/button/button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
19
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
20
20
|
{{/components/button/button}}
|
|
21
21
|
{{> components/pagination/pagination_button_right }}
|
|
22
22
|
</div>
|
package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs
CHANGED
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
{{~this.text~}}
|
|
72
72
|
|
|
73
73
|
{{#if this.subNavigation.showAsFlyout ~}}
|
|
74
|
-
<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex">
|
|
74
|
+
<div class="items-center justify-center{{#if this.isCluster}} flex{{else}} hidden{{~/if}} w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex">
|
|
75
75
|
<div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''">
|
|
76
76
|
{{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
|
|
77
77
|
</div>
|
package/tailwind.config.js
CHANGED