@simsustech/quasar-components 0.11.11 → 0.11.13

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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/authentication.js +4 -1
  3. package/dist/md3.js +33 -10
  4. package/dist/types/ui/md3/NavigationRailFabs.vue.d.ts +1 -0
  5. package/package.json +10 -10
  6. package/src/ui/authentication/UserMenuButton.vue +1 -1
  7. package/src/ui/md3/Md3Layout.vue +3 -1
  8. package/src/ui/md3/NavigationRailFabs.vue +25 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @simsustech/quasar-components
2
2
 
3
+ ## 0.11.13
4
+
5
+ ### Patch Changes
6
+
7
+ - 221c1b4: chore: update dependencies
8
+
9
+ ## 0.11.12
10
+
11
+ ### Patch Changes
12
+
13
+ - 911f1ce: feat(components): make UserMenuButton round
14
+ - 08f4c9d: feat(components): add seekAttention prop to NavigationRailFabs
15
+ - 76e1484: fix(components): fix Md3Layout onMounted set mini state
16
+
3
17
  ## 0.11.11
4
18
 
5
19
  ### Patch Changes
package/dist/authentication.js CHANGED
@@ -1601,7 +1601,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
1601
1601
  const _component_q_list = QList;
1602
1602
  const _component_q_menu = QMenu;
1603
1603
  const _component_q_btn = QBtn;
1604
- return openBlock(), createBlock(_component_q_btn, { icon: unref(personIcon) }, {
1604
+ return openBlock(), createBlock(_component_q_btn, {
1605
+ icon: unref(personIcon),
1606
+ round: ""
1607
+ }, {
1605
1608
  default: withCtx(() => [
1606
1609
  createVNode(_component_q_menu, null, {
1607
1610
  default: withCtx(() => [
package/dist/md3.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import { QBtn, QPageSticky, useQuasar, debounce, QLayout, QHeader, QToolbar, QDrawer, QFooter, QPageContainer } from "quasar";
2
- import { defineComponent, toRefs, inject, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, unref, withCtx, watch, getCurrentScope, onScopeDispose, computed, toValue, ref, onMounted, resolveComponent, withDirectives, createElementVNode, createVNode, renderSlot, normalizeClass, vShow } from "vue";
2
+ import { defineComponent, toRefs, inject, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, unref, normalizeClass, withCtx, watch, getCurrentScope, onScopeDispose, computed, toValue, ref, onMounted, resolveComponent, withDirectives, createElementVNode, createVNode, renderSlot, vShow } from "vue";
3
3
  const _hoisted_1$1 = { key: 0 };
4
4
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5
5
  __name: "NavigationRailFabs",
6
6
  props: {
7
7
  type: {},
8
8
  showSticky: { type: Boolean },
9
+ seekAttention: { type: Boolean },
9
10
  busEmits: {},
10
11
  icons: {}
11
12
  },
@@ -29,19 +30,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
29
30
  _ctx.busEmits.add && unref(type) === "add" ? (openBlock(), createBlock(_component_q_btn, {
30
31
  key: 0,
31
32
  id: "fabAdd",
32
- class: "gt-sm",
33
+ class: normalizeClass({
34
+ "gt-sm": true,
35
+ animated: !!_ctx.seekAttention,
36
+ "animated-tada": !!_ctx.seekAttention,
37
+ "animated-infinite": !!_ctx.seekAttention
38
+ }),
33
39
  fab: "",
34
40
  icon: unref(addIcon),
35
41
  onClick: _cache[0] || (_cache[0] = ($event) => unref(bus).emit(_ctx.busEmits.add))
36
- }, null, 8, ["icon"])) : createCommentVNode("", true),
42
+ }, null, 8, ["class", "icon"])) : createCommentVNode("", true),
37
43
  _ctx.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
38
44
  key: 1,
39
45
  id: "fabEdit",
40
- class: "gt-sm",
46
+ class: normalizeClass({
47
+ "gt-sm": true,
48
+ animated: !!_ctx.seekAttention,
49
+ "animated-tada": !!_ctx.seekAttention,
50
+ "animated-infinite": !!_ctx.seekAttention
51
+ }),
41
52
  fab: "",
42
53
  icon: unref(editIcon),
43
54
  onClick: _cache[1] || (_cache[1] = ($event) => unref(bus).emit(_ctx.busEmits.edit))
44
- }, null, 8, ["icon"])) : createCommentVNode("", true)
55
+ }, null, 8, ["class", "icon"])) : createCommentVNode("", true)
45
56
  ])) : createCommentVNode("", true),
46
57
  _ctx.showSticky ? (openBlock(), createBlock(_component_q_page_sticky, {
47
58
  key: 1,
@@ -51,18 +62,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
51
62
  default: withCtx(() => [
52
63
  _ctx.busEmits.add && unref(type) === "add" ? (openBlock(), createBlock(_component_q_btn, {
53
64
  key: 0,
54
- class: "lt-md",
65
+ class: normalizeClass({
66
+ "lt-md": true,
67
+ animated: !!_ctx.seekAttention,
68
+ "animated-tada": !!_ctx.seekAttention,
69
+ "animated-infinite": !!_ctx.seekAttention
70
+ }),
55
71
  fab: "",
56
72
  icon: unref(addIcon),
57
73
  onClick: _cache[2] || (_cache[2] = ($event) => unref(bus).emit(_ctx.busEmits.add))
58
- }, null, 8, ["icon"])) : createCommentVNode("", true),
74
+ }, null, 8, ["class", "icon"])) : createCommentVNode("", true),
59
75
  _ctx.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
60
76
  key: 1,
61
- class: "lt-md",
77
+ class: normalizeClass({
78
+ "lt-md": true,
79
+ animated: !!_ctx.seekAttention,
80
+ "animated-tada": !!_ctx.seekAttention,
81
+ "animated-infinite": !!_ctx.seekAttention
82
+ }),
62
83
  fab: "",
63
84
  icon: unref(editIcon),
64
85
  onClick: _cache[3] || (_cache[3] = ($event) => unref(bus).emit(_ctx.busEmits.edit))
65
- }, null, 8, ["icon"])) : createCommentVNode("", true)
86
+ }, null, 8, ["class", "icon"])) : createCommentVNode("", true)
66
87
  ]),
67
88
  _: 1
68
89
  })) : createCommentVNode("", true)
@@ -295,7 +316,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
295
316
  const debouncedToggleMiniState = debounce(toggleMiniState, 500);
296
317
  onClickOutside(drawerRef, () => toggleMiniState(true));
297
318
  onMounted(() => {
298
- if ($q.screen.gt.sm) miniState.value = true;
319
+ if ($q.screen.gt.sm) {
320
+ toggleMiniState(true);
321
+ }
299
322
  });
300
323
  return (_ctx, _cache) => {
301
324
  const _component_q_btn = QBtn;
package/dist/types/ui/md3/NavigationRailFabs.vue.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  interface Props {
2
2
  type?: 'add' | 'edit';
3
3
  showSticky?: boolean;
4
+ seekAttention?: boolean;
4
5
  busEmits: {
5
6
  add?: string;
6
7
  edit?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simsustech/quasar-components",
3
- "version": "0.11.11",
3
+ "version": "0.11.13",
4
4
  "author": "Stefan van Herwijnen",
5
5
  "description": "High level components for Quasar Framework",
6
6
  "license": "MIT",
@@ -59,16 +59,16 @@
59
59
  },
60
60
  "devDependencies": {
61
61
  "@iconify-json/flagpack": "^1.2.2",
62
- "@types/node": "^22.15.3",
62
+ "@types/node": "^22.15.17",
63
63
  "@types/validator": "^13.15.0",
64
64
  "@types/ws": "^8.18.1",
65
- "@typescript-eslint/eslint-plugin": "^8.31.1",
66
- "@typescript-eslint/parser": "^8.31.1",
67
- "@vitejs/plugin-vue": "^5.2.3",
65
+ "@typescript-eslint/eslint-plugin": "^8.32.1",
66
+ "@typescript-eslint/parser": "^8.32.1",
67
+ "@vitejs/plugin-vue": "^5.2.4",
68
68
  "@vue/server-renderer": "^3.5.13",
69
- "eslint": "^9.25.1",
70
- "eslint-config-prettier": "^10.1.2",
71
- "eslint-plugin-prettier": "^5.2.6",
69
+ "eslint": "^9.26.0",
70
+ "eslint-config-prettier": "^10.1.5",
71
+ "eslint-plugin-prettier": "^5.4.0",
72
72
  "eslint-plugin-prettier-vue": "^5.0.0",
73
73
  "eslint-plugin-vue": "^10.1.0",
74
74
  "glob": "^11.0.2",
@@ -77,9 +77,9 @@
77
77
  "quasar": "^2.18.1",
78
78
  "rimraf": "^6.0.1",
79
79
  "typescript": "5.8.3",
80
- "typescript-eslint": "^8.31.1",
80
+ "typescript-eslint": "^8.32.1",
81
81
  "unplugin-vue-components": "^28.5.0",
82
- "vite": "^6.3.4",
82
+ "vite": "^6.3.5",
83
83
  "vue": "^3.5.13",
84
84
  "vue-eslint-parser": "^10.1.3",
85
85
  "vue-router": "^4.5.1",
package/src/ui/authentication/UserMenuButton.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <q-btn :icon="personIcon">
2
+ <q-btn :icon="personIcon" round>
3
3
  <q-menu>
4
4
  <q-list>
5
5
  <q-item :to="userRoute">
package/src/ui/md3/Md3Layout.vue CHANGED
@@ -134,6 +134,8 @@ const debouncedToggleMiniState = debounce(toggleMiniState, 500)
134
134
  onClickOutside(drawerRef, () => toggleMiniState(true))
135
135
 
136
136
  onMounted(() => {
137
- if ($q.screen.gt.sm) miniState.value = true
137
+ if ($q.screen.gt.sm) {
138
+ toggleMiniState(true)
139
+ }
138
140
  })
139
141
  </script>
package/src/ui/md3/NavigationRailFabs.vue CHANGED
@@ -3,7 +3,12 @@
3
3
  <q-btn
4
4
  v-if="busEmits.add && type === 'add'"
5
5
  id="fabAdd"
6
- class="gt-sm"
6
+ :class="{
7
+ 'gt-sm': true,
8
+ animated: !!seekAttention,
9
+ 'animated-tada': !!seekAttention,
10
+ 'animated-infinite': !!seekAttention
11
+ }"
7
12
  fab
8
13
  :icon="addIcon"
9
14
  @click="bus.emit(busEmits.add)"
@@ -11,7 +16,12 @@
11
16
  <q-btn
12
17
  v-if="busEmits.edit && type === 'edit'"
13
18
  id="fabEdit"
14
- class="gt-sm"
19
+ :class="{
20
+ 'gt-sm': true,
21
+ animated: !!seekAttention,
22
+ 'animated-tada': !!seekAttention,
23
+ 'animated-infinite': !!seekAttention
24
+ }"
15
25
  fab
16
26
  :icon="editIcon"
17
27
  @click="bus.emit(busEmits.edit)"
@@ -20,14 +30,24 @@
20
30
  <q-page-sticky v-if="showSticky" position="bottom-right" :offset="[18, 18]">
21
31
  <q-btn
22
32
  v-if="busEmits.add && type === 'add'"
23
- class="lt-md"
33
+ :class="{
34
+ 'lt-md': true,
35
+ animated: !!seekAttention,
36
+ 'animated-tada': !!seekAttention,
37
+ 'animated-infinite': !!seekAttention
38
+ }"
24
39
  fab
25
40
  :icon="addIcon"
26
41
  @click="bus.emit(busEmits.add)"
27
42
  />
28
43
  <q-btn
29
44
  v-if="busEmits.edit && type === 'edit'"
30
- class="lt-md"
45
+ :class="{
46
+ 'lt-md': true,
47
+ animated: !!seekAttention,
48
+ 'animated-tada': !!seekAttention,
49
+ 'animated-infinite': !!seekAttention
50
+ }"
31
51
  fab
32
52
  :icon="editIcon"
33
53
  @click="bus.emit(busEmits.edit)"
@@ -42,6 +62,7 @@ import { inject, toRefs } from 'vue'
42
62
  interface Props {
43
63
  type?: 'add' | 'edit'
44
64
  showSticky?: boolean
65
+ seekAttention?: boolean
45
66
  busEmits: {
46
67
  add?: string
47
68
  edit?: string