@awes-io/ui 2.54.0 → 2.56.1

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 CHANGED
@@ -3,6 +3,50 @@
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.56.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.0...@awes-io/ui@2.56.1) (2022-07-18)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * bump ([025f696](https://github.com/awes-io/client/commit/025f696bad25ea30ae7eba6997bdecc6aca58b39))
12
+
13
+
14
+
15
+
16
+
17
+ # [2.56.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.55.1...@awes-io/ui@2.56.0) (2022-07-18)
18
+
19
+
20
+ ### Features
21
+
22
+ * added slot for center layout ([65b31c2](https://github.com/awes-io/client/commit/65b31c26c5a405cad2bd28a162a5f6c800270399))
23
+
24
+
25
+
26
+
27
+
28
+ ## [2.55.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.55.0...@awes-io/ui@2.55.1) (2022-07-13)
29
+
30
+
31
+ ### Bug Fixes
32
+
33
+ * app cookies expiration added ([395ace4](https://github.com/awes-io/client/commit/395ace4780ef7a23cc0b6b38df58be188fcbac87))
34
+
35
+
36
+
37
+
38
+
39
+ # [2.55.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.54.0...@awes-io/ui@2.55.0) (2022-07-11)
40
+
41
+
42
+ ### Features
43
+
44
+ * **aw-calendar:** translations from dayjs ([c6f50fa](https://github.com/awes-io/client/commit/c6f50fa1134932894ffe691391c41290c490ad51))
45
+
46
+
47
+
48
+
49
+
6
50
  # [2.54.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.53.0...@awes-io/ui@2.54.0) (2022-07-05)
7
51
 
8
52
 
@@ -17,6 +17,7 @@
17
17
  &__nav-title {
18
18
  flex-grow: 1;
19
19
  text-align: center;
20
+ text-transform: capitalize;
20
21
  font-weight: bold;
21
22
  }
22
23
 
@@ -30,6 +31,7 @@
30
31
  &__weekday {
31
32
  display: block;
32
33
  text-align: center;
34
+ text-transform: capitalize;
33
35
  opacity: 0.8;
34
36
  margin-top: theme('spacing.2');
35
37
  }
@@ -20,10 +20,7 @@
20
20
  />
21
21
  </slot>
22
22
 
23
- <AwCalendarWeekdays
24
- :first-day="firstDay"
25
- :weekday-names="$t('aw.calendar.weekdays_short')"
26
- />
23
+ <AwCalendarWeekdays :first-day="firstDay" />
27
24
 
28
25
  <AwCalendarDays
29
26
  :first-day="firstDay"
@@ -1,9 +1,6 @@
1
1
  <template>
2
2
  <div class="aw-calendar" @click="onClick">
3
- <AwCalendarWeekdays
4
- :first-day="firstDay"
5
- :weekday-names="$t('aw.calendar.weekdays_short')"
6
- />
3
+ <AwCalendarWeekdays :first-day="firstDay" />
7
4
 
8
5
  <AwCalendarDays
9
6
  :first-day="firstDay"
@@ -35,6 +35,7 @@
35
35
  </template>
36
36
 
37
37
  <script>
38
+ import { pathOr, isType } from 'rambdax'
38
39
  import { AwCalendar as _config } from '@AwConfig'
39
40
 
40
41
  export default {
@@ -50,10 +51,8 @@ export default {
50
51
  },
51
52
 
52
53
  months: {
53
- type: Array,
54
- default() {
55
- return this.$t('aw.calendar.months')
56
- }
54
+ type: [Array, Function],
55
+ default: null
57
56
  },
58
57
 
59
58
  disabledPrev: Boolean,
@@ -63,7 +62,23 @@ export default {
63
62
 
64
63
  computed: {
65
64
  _months() {
66
- return Array.isArray(this.months) ? this.months : _config.months
65
+ if (isType('Array', this.month)) {
66
+ return this.month
67
+ }
68
+
69
+ const months = pathOr(
70
+ _config.months,
71
+ ['Ls', this.$i18n.locale, 'months'],
72
+ this.$dayjs
73
+ )
74
+
75
+ if (isType('Function', months) && months.s) {
76
+ return months.s
77
+ } else if (isType('Array', months)) {
78
+ return months
79
+ } else {
80
+ return _config.months
81
+ }
67
82
  }
68
83
  }
69
84
  }
@@ -16,7 +16,7 @@ export default {
16
16
 
17
17
  weekdayNames: {
18
18
  type: Array,
19
- required: true
19
+ default: null
20
20
  }
21
21
  },
22
22
 
@@ -33,7 +33,11 @@ export default {
33
33
 
34
34
  const namesArray = Array.isArray(weekdayNames)
35
35
  ? weekdayNames
36
- : _config.weekdaysShort
36
+ : pathOr(
37
+ _config.weekdaysShort,
38
+ ['Ls', parent.$i18n.locale, 'weekdaysMin'],
39
+ parent.$dayjs
40
+ )
37
41
 
38
42
  const sortedNames = namesArray
39
43
  .slice(firstDay)
@@ -50,10 +50,7 @@
50
50
  :disabled-next="view.disabledNext"
51
51
  v-on="view.navListeners"
52
52
  />
53
- <AwCalendarWeekdays
54
- :first-day="firstDay"
55
- :weekday-names="$t('aw.calendar.weekdays_short')"
56
- />
53
+ <AwCalendarWeekdays :first-day="firstDay" />
57
54
  <AwCalendarDays
58
55
  :first-day="firstDay"
59
56
  :month="month"
@@ -4,25 +4,27 @@
4
4
  class="layout layout--frame-center"
5
5
  v-bind="background"
6
6
  >
7
- <div class="layout__container mx-auto">
8
- <img
9
- v-if="logo"
10
- v-bind="logo"
11
- class="layout__center-logo hidden sm:block mt-auto"
12
- />
7
+ <slot name="container">
8
+ <div class="layout__container mx-auto">
9
+ <img
10
+ v-if="logo"
11
+ v-bind="logo"
12
+ class="layout__center-logo hidden sm:block mt-auto"
13
+ />
13
14
 
14
- <div
15
- class="layout__frame w-full my-auto"
16
- :class="{ 'sm:mt-8': logo }"
17
- >
18
- <slot />
19
- </div>
15
+ <div
16
+ class="layout__frame w-full my-auto"
17
+ :class="{ 'sm:mt-8': logo }"
18
+ >
19
+ <slot />
20
+ </div>
20
21
 
21
- <div
22
- v-html="$sanitize($t('aw.layout_default.footer'))"
23
- class="pt-8 text-sm"
24
- ></div>
25
- </div>
22
+ <div
23
+ v-html="$sanitize($t('aw.layout_default.footer'))"
24
+ class="pt-8 text-sm"
25
+ ></div>
26
+ </div>
27
+ </slot>
26
28
  </AwLayoutProvider>
27
29
  </template>
28
30
 
@@ -13,7 +13,7 @@ export default function({ store, app }) {
13
13
 
14
14
  if (isNil(isDark)) {
15
15
  isDark = window.matchMedia('(prefers-color-scheme: dark)').matches
16
- JsCookie.set(COOKIE_NAME, isDark, { sameSite: 'lax' })
16
+ JsCookie.set(COOKIE_NAME, isDark, { sameSite: 'lax', expires: 365 })
17
17
  } else {
18
18
  isDark = JSON.parse(isDark)
19
19
  }
@@ -36,7 +36,7 @@ export default function({ store, app }) {
36
36
  store.watch(
37
37
  (state) => state.awesIo.isDarkTheme,
38
38
  (isDark) => {
39
- JsCookie.set(COOKIE_NAME, isDark, { sameSite: 'lax' })
39
+ JsCookie.set(COOKIE_NAME, isDark, { sameSite: 'lax', expires: 365 })
40
40
  document.documentElement.setAttribute(ATTR, isDark)
41
41
  app.head.htmlAttrs[ATTR] = isDark
42
42
  }
@@ -118,9 +118,9 @@ export default async ({ app, $axios }) => {
118
118
  }
119
119
  } else if (_browserLang) {
120
120
  app.i18n.locale = _browserLang
121
- JsCookie.set(langCookie, _browserLang, { sameSite: 'lax' })
121
+ JsCookie.set(langCookie, _browserLang, { sameSite: 'lax', expires: 365 })
122
122
  } else {
123
- JsCookie.set(langCookie, i18nOptions.locale, { sameSite: 'lax' })
123
+ JsCookie.set(langCookie, i18nOptions.locale, { sameSite: 'lax', expires: 365 })
124
124
  }
125
125
  }
126
126
 
@@ -173,7 +173,7 @@ export default async ({ app, $axios }) => {
173
173
  app.i18n.locale = locale
174
174
 
175
175
  if (langCookie) {
176
- JsCookie.set(langCookie, locale, { sameSite: 'lax' })
176
+ JsCookie.set(langCookie, locale, { sameSite: 'lax', expires: 365 })
177
177
  }
178
178
 
179
179
  for (const afterListener of afterListeners.keys()) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awes-io/ui",
3
- "version": "2.54.0",
3
+ "version": "2.56.1",
4
4
  "description": "User Interface (UI) components",
5
5
  "keywords": [
6
6
  "ui",
@@ -54,7 +54,7 @@
54
54
  "@nuxtjs/svg-sprite": "^0.5.2",
55
55
  "@popperjs/core": "^2.0.5",
56
56
  "autosize": "^4.0.2",
57
- "axios": "^0.19.0",
57
+ "axios": "^0.27.2",
58
58
  "body-scroll-lock": "^2.6.4",
59
59
  "chroma-js": "^2.0.6",
60
60
  "clipboard-copy": "^3.1.0",
@@ -122,5 +122,5 @@
122
122
  "vue-template-compiler": "^2.6.10",
123
123
  "webfonts-generator": "^0.4.0"
124
124
  },
125
- "gitHead": "fc78eb75d3f2e60b94edaad5977d6772e170ad93"
125
+ "gitHead": "7591daa8d5fd670323ea457b7f6e9a2ca6c2ceec"
126
126
  }
package/readme.md CHANGED
@@ -1 +1 @@
1
- Awes.io/Ui 3443
1
+ Awes.io/Ui 423