@awes-io/ui 2.49.0 → 2.51.0

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/assets/css/components/bottom-bar.css +2 -1
  3. package/assets/css/components/page.css +2 -1
  4. package/components/3_organisms/AwCalendar/AwCalendar.vue +5 -1
  5. package/components/3_organisms/AwCalendar/AwCalendarView.vue +11 -2
  6. package/components/3_organisms/AwCalendar/_AwCalendarDay.vue +18 -2
  7. package/components/3_organisms/AwCalendar/_AwCalendarDays.vue +11 -6
  8. package/components/3_organisms/AwMultiBlockBuilder.vue +7 -2
  9. package/components/3_organisms/AwPagination.vue +1 -1
  10. package/components/4_pages/AwPage.vue +3 -0
  11. package/mixins/calendar.js +6 -0
  12. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,39 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [2.51.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.50.0...@awes-io/ui@2.51.0) (2022-06-14)
7
+
8
+
9
+ ### Features
10
+
11
+ * **aw-bottom-bar:** fixed position to prevent jumps on ios ([c9b32bb](https://github.com/awes-io/client/commit/c9b32bbbb7c109a9f5c3abede7a2aeb7a7c543b9))
12
+
13
+
14
+
15
+
16
+
17
+ # [2.50.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.49.1...@awes-io/ui@2.50.0) (2022-06-13)
18
+
19
+
20
+ ### Features
21
+
22
+ * calendar day slots added ([b9b0897](https://github.com/awes-io/client/commit/b9b0897806fe2f86aa51bc1b472482fab017ce91))
23
+
24
+
25
+
26
+
27
+
28
+ ## [2.49.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.49.0...@awes-io/ui@2.49.1) (2022-05-31)
29
+
30
+
31
+ ### Bug Fixes
32
+
33
+ * multiline translations updated ([3b072f8](https://github.com/awes-io/client/commit/3b072f84be4bfb4327cfa80d23531b80c73e1eda))
34
+
35
+
36
+
37
+
38
+
6
39
  # [2.49.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.48.0...@awes-io/ui@2.49.0) (2022-05-26)
7
40
 
8
41
 
package/assets/css/components/bottom-bar.css CHANGED
@@ -6,9 +6,10 @@
6
6
  padding-bottom: env(safe-area-inset-bottom, 0);
7
7
  box-shadow: 0px -2px 2px rgba(var(--c-mono-100-rgb, 50, 50, 50), 0.1);
8
8
 
9
- position: sticky;
9
+ position: fixed;
10
10
  bottom: 0;
11
11
  min-height: 4rem;
12
+ width: 100%;
12
13
  z-index: 20;
13
14
 
14
15
  & > * {
package/assets/css/components/page.css CHANGED
@@ -75,7 +75,8 @@
75
75
  }
76
76
 
77
77
  &__content {
78
- @apply pt-4 pb-20;
78
+ padding-top: 1rem;
79
+ padding-bottom: calc(5rem + var(--page-buttons-bottom, 0px));
79
80
  flex-grow: 1;
80
81
  }
81
82
 
package/components/3_organisms/AwCalendar/AwCalendar.vue CHANGED
@@ -32,7 +32,11 @@
32
32
  :day-class="_getDayClass"
33
33
  :day-disabled="_isDisabled"
34
34
  :show-today="showToday"
35
- />
35
+ >
36
+ <template v-for="name in _proxiedDaySlots" #[name]="slotData">
37
+ <slot :name="name" v-bind="slotData"></slot>
38
+ </template>
39
+ </AwCalendarDays>
36
40
 
37
41
  <slot name="footer" />
38
42
  </div>
package/components/3_organisms/AwCalendar/AwCalendarView.vue CHANGED
@@ -11,7 +11,14 @@
11
11
  :year="year"
12
12
  :day-class="dayClass"
13
13
  :day-disabled="dayDisabled"
14
- />
14
+ >
15
+ <template
16
+ v-for="name in $options.PROXIED_DAY_SLOTS"
17
+ #[name]="slotData"
18
+ >
19
+ <slot :name="name" v-bind="slotData"></slot>
20
+ </template>
21
+ </AwCalendarDays>
15
22
  </div>
16
23
  </template>
17
24
 
@@ -21,7 +28,7 @@ import { AwCalendar as _config } from '@AwConfig'
21
28
  import { CONFIG_VAR } from '@AwUtils/component'
22
29
  import AwCalendarWeekdays from '@AwOrganisms/AwCalendar/_AwCalendarWeekdays.vue'
23
30
  import AwCalendarDays from '@AwOrganisms/AwCalendar/_AwCalendarDays.vue'
24
- import { getDateFromEvent } from '@AwMixins/calendar'
31
+ import { PROXIED_DAY_SLOTS, getDateFromEvent } from '@AwMixins/calendar'
25
32
 
26
33
  export default {
27
34
  name: '',
@@ -31,6 +38,8 @@ export default {
31
38
  AwCalendarDays
32
39
  },
33
40
 
41
+ PROXIED_DAY_SLOTS,
42
+
34
43
  props: {
35
44
  ...AwCalendarDays.props,
36
45
 
package/components/3_organisms/AwCalendar/_AwCalendarDay.vue CHANGED
@@ -7,7 +7,14 @@
7
7
  tabindex="-1"
8
8
  class="aw-calendar__day"
9
9
  >
10
- <span> {{ props.day }} </span>
10
+ <slot name="day" v-bind="props">
11
+ <slot v-if="props.isOutside" v-bind="props" name="day-outside">
12
+ <span> {{ props.day }} </span>
13
+ </slot>
14
+ <slot v-else v-bind="props" name="day-inside">
15
+ <span> {{ props.day }} </span>
16
+ </slot>
17
+ </slot>
11
18
  </button>
12
19
  </template>
13
20
 
@@ -24,7 +31,16 @@ export default {
24
31
  timestamp: {
25
32
  type: Number,
26
33
  required: true
27
- }
34
+ },
35
+
36
+ month: {
37
+ type: Number,
38
+ required: true
39
+ },
40
+
41
+ isOutside: Boolean,
42
+
43
+ isToday: Boolean
28
44
  }
29
45
  }
30
46
  </script>
package/components/3_organisms/AwCalendar/_AwCalendarDays.vue CHANGED
@@ -78,7 +78,7 @@ export default {
78
78
  }
79
79
  },
80
80
 
81
- render(h, { props, parent }) {
81
+ render(h, { props, parent, scopedSlots }) {
82
82
  const {
83
83
  year,
84
84
  month,
@@ -101,24 +101,29 @@ export default {
101
101
 
102
102
  return dates.map((date) => {
103
103
  const timestamp = date.setHours(0, 0, 0, 0)
104
+ const isOutside = date.getMonth() !== month
105
+ const isToday = showToday && timestamp === today
104
106
 
105
107
  return h(AwCalendarDay, {
106
108
  key: timestamp,
107
109
  props: {
108
110
  timestamp,
109
- day: date.getDate()
111
+ day: date.getDate(),
112
+ month,
113
+ isOutside,
114
+ isToday
110
115
  },
111
116
  class: [
112
117
  {
113
- 'aw-calendar__day_outside': date.getMonth() !== month,
114
- 'aw-calendar__day_today':
115
- showToday && timestamp === today
118
+ 'aw-calendar__day_outside': isOutside,
119
+ 'aw-calendar__day_today': isToday
116
120
  },
117
121
  dayClass(date)
118
122
  ],
119
123
  attrs: {
120
124
  disabled: dayDisabled(date)
121
- }
125
+ },
126
+ scopedSlots
122
127
  })
123
128
  })
124
129
  }
package/components/3_organisms/AwMultiBlockBuilder.vue CHANGED
@@ -21,7 +21,7 @@
21
21
  <h5 class="flex items-center draggable">
22
22
  <span>
23
23
  {{
24
- $t('AwMultiBlockBuilder.title', {
24
+ $t('aw.multi_block_builder.title', {
25
25
  title,
26
26
  iteration: index + 1
27
27
  })
@@ -30,7 +30,12 @@
30
30
  <AwButton
31
31
  icon="close"
32
32
  theme="icon"
33
- :text="$t('aw.multi_block_builder.remove')"
33
+ :text="
34
+ $t('aw.multi_block_builder.remove', {
35
+ title,
36
+ iteration: index + 1
37
+ })
38
+ "
34
39
  @click="remove(model)"
35
40
  />
36
41
  </h5>
package/components/3_organisms/AwPagination.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <div v-if="pagesTotal > 1" class="flex items-center lg:px-6">
3
3
  <!-- info text -->
4
4
  <span class="flex-1 text-sm opacity-50 hidden lg:block">{{
5
- $t('AwPagination.info', {
5
+ $t('aw.pagination.info', {
6
6
  ...itemsRange,
7
7
  total
8
8
  })
package/components/4_pages/AwPage.vue CHANGED
@@ -46,6 +46,9 @@
46
46
  'aw-page__content_fullscreen': isFullscreen || isFakeFullscreen,
47
47
  'aw-page__content_fake-fullscreen': isFakeFullscreen
48
48
  }"
49
+ :style="{
50
+ '--page-buttons-bottom': _hideBottomBar ? null : '4rem'
51
+ }"
49
52
  >
50
53
  <!-- eslint-disable prettier/prettier -->
51
54
  <div :class="[containerClass, { 'aw-page__grid': hasAside }]">
package/mixins/calendar.js CHANGED
@@ -18,6 +18,8 @@ export function getDateFromEvent($event) {
18
18
  return new Date(timestamp)
19
19
  }
20
20
 
21
+ export const PROXIED_DAY_SLOTS = ['day', 'day-outside', 'day-inside']
22
+
21
23
  export default {
22
24
  props: {
23
25
  /**
@@ -273,6 +275,10 @@ export default {
273
275
  } else {
274
276
  return (_dayjs) => _dayjs.format(this.outputFormat)
275
277
  }
278
+ },
279
+
280
+ _proxiedDaySlots() {
281
+ return PROXIED_DAY_SLOTS
276
282
  }
277
283
  },
278
284
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awes-io/ui",
3
- "version": "2.49.0",
3
+ "version": "2.51.0",
4
4
  "description": "User Interface (UI) components",
5
5
  "keywords": [
6
6
  "ui",
@@ -122,5 +122,5 @@
122
122
  "vue-template-compiler": "^2.6.10",
123
123
  "webfonts-generator": "^0.4.0"
124
124
  },
125
- "gitHead": "ca752831e302a933c88be74727976986d0215ec2"
125
+ "gitHead": "2738638c43e3acbcf57f91b44821b60cc470762b"
126
126
  }