@quidgest/ui 0.21.0 → 0.21.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.
Files changed (32) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/json/api.json +184 -3
  3. package/dist/manifest/components.json +1 -0
  4. package/dist/ui.css +194 -7
  5. package/dist/ui.esm.js +1242 -1180
  6. package/dist/ui.js +505 -443
  7. package/dist/ui.min.css +1 -1
  8. package/dist/ui.min.js +505 -443
  9. package/dist/ui.scss +226 -9
  10. package/esm/components/QObfuscation/QObfuscation.d.ts +1 -1
  11. package/esm/components/QObfuscation/QObfuscation.d.ts.map +1 -1
  12. package/esm/components/QObfuscation/QObfuscation.vue.js +52 -55
  13. package/esm/components/QObfuscation/index.d.ts +6 -6
  14. package/esm/components/QObfuscation/types.d.ts +1 -1
  15. package/esm/components/QObfuscation/types.d.ts.map +1 -1
  16. package/esm/components/QOverflow/QOverflow.d.ts +43 -0
  17. package/esm/components/QOverflow/QOverflow.d.ts.map +1 -0
  18. package/esm/components/QOverflow/QOverflow.vue.js +281 -0
  19. package/esm/components/QOverflow/QOverflow2.vue.js +5 -0
  20. package/esm/components/QOverflow/constants.d.ts +30 -0
  21. package/esm/components/QOverflow/constants.d.ts.map +1 -0
  22. package/esm/components/QOverflow/constants.js +12 -0
  23. package/esm/components/QOverflow/index.d.ts +58 -0
  24. package/esm/components/QOverflow/index.d.ts.map +1 -0
  25. package/esm/components/QOverflow/index.js +6 -0
  26. package/esm/components/QOverflow/types.d.ts +119 -0
  27. package/esm/components/QOverflow/types.d.ts.map +1 -0
  28. package/esm/components/index.d.ts +1 -0
  29. package/esm/components/index.d.ts.map +1 -1
  30. package/esm/components/index.js +58 -56
  31. package/esm/index.d.ts +1 -0
  32. package/package.json +1 -1
package/dist/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest UI v0.21.0
2
+ * Quidgest UI v0.21.1
3
3
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
4
4
  * Released under the MIT License.
5
5
  */
@@ -999,7 +999,12 @@ $transition-duration: 0.2s !default;
999
999
  &:where(:has(#{$this}__content > .q-icon)):where(:not(#{$this}--icon-end)):where(
1000
1000
  :not(#{$this}--icon-top)
1001
1001
  ):where(:not(#{$this}--icon-bottom)) {
1002
- padding: 0.4rem 0.8rem 0.4rem 0.6rem;
1002
+ padding-inline-start: 0.6rem;
1003
+ }
1004
+
1005
+ &:where(#{$this}--icon-end):where(:has(#{$this}__content > .q-icon)),
1006
+ &:where(:has(#{$this}__append .q-icon)) {
1007
+ padding-inline-end: 0.6rem;
1003
1008
  }
1004
1009
  }
1005
1010
  &__content {
@@ -1134,11 +1139,12 @@ $transition-duration: 0.2s !default;
1134
1139
  &:where(:has(#{$this}__content > .q-icon)):where(:not(#{$this}--icon-end)):where(
1135
1140
  :not(#{$this}--icon-top)
1136
1141
  ):where(:not(#{$this}--icon-bottom)) {
1137
- padding: 0.25rem 0.5rem 0.25rem 0.375rem;
1142
+ padding-inline-start: 0.375rem;
1143
+ }
1144
+ &:where(#{$this}--icon-end):where(:has(#{$this}__content > .q-icon)),
1145
+ &:where(:has(#{$this}__append .q-icon)) {
1146
+ padding-inline-end: 0.375rem;
1138
1147
  }
1139
- }
1140
- &#{$this}--icon-end#{$this}--labeled:where(:has(#{$this}__content > .q-icon)) {
1141
- padding: 0.25rem 0.375rem 0.25rem 0.5rem;
1142
1148
  }
1143
1149
  }
1144
1150
 
@@ -1155,9 +1161,6 @@ $transition-duration: 0.2s !default;
1155
1161
  #{$this}__content {
1156
1162
  flex-direction: row-reverse;
1157
1163
  }
1158
- &#{$this}--labeled:where(:has(#{$this}__content > .q-icon)) {
1159
- padding: 0.4rem 0.6rem 0.4rem 0.8rem;
1160
- }
1161
1164
  }
1162
1165
  &--icon-top {
1163
1166
  #{$this}__content {
@@ -3148,6 +3151,220 @@ $q-line-loader-color: var(--q-line-loader-color);
3148
3151
  flex-shrink: 0;
3149
3152
  }
3150
3153
  }
3154
+ $q-overflow-fade-size: 2.5rem;
3155
+ $q-overflow-control-size: 2.25rem;
3156
+ .q-overflow {
3157
+ --q-overflow-fade-size: #{$q-overflow-fade-size};
3158
+ display: flex;
3159
+ align-items: stretch;
3160
+ min-width: 0;
3161
+ min-height: 0;
3162
+ width: 100%;
3163
+ outline: none;
3164
+ }
3165
+ .q-overflow__viewport:focus-visible {
3166
+ outline: $outline;
3167
+ }
3168
+ .q-overflow__control .q-overflow__button:focus-visible {
3169
+ outline: $outline;
3170
+ }
3171
+ .q-overflow__viewport {
3172
+ position: relative;
3173
+ flex: 1 1 auto;
3174
+ min-width: 0;
3175
+ min-height: 0;
3176
+ outline: none;
3177
+ -webkit-overflow-scrolling: touch;
3178
+
3179
+ scrollbar-width: none;
3180
+ &::-webkit-scrollbar {
3181
+ display: none;
3182
+ }
3183
+ }
3184
+ .q-overflow__content {
3185
+ position: relative;
3186
+ }
3187
+ .q-overflow__control {
3188
+ display: flex;
3189
+ flex: 0 0 auto;
3190
+ align-items: center;
3191
+ justify-content: center;
3192
+ }
3193
+ .q-overflow__button {
3194
+ min-width: $q-overflow-control-size;
3195
+ min-height: $q-overflow-control-size;
3196
+ }
3197
+ .q-overflow--horizontal {
3198
+ flex-direction: row;
3199
+ .q-overflow__viewport {
3200
+ overflow: auto hidden;
3201
+ }
3202
+ }
3203
+ .q-overflow--vertical {
3204
+ flex-direction: column;
3205
+
3206
+ height: 100%;
3207
+ .q-overflow__viewport {
3208
+ overflow: hidden auto;
3209
+ }
3210
+ }
3211
+ .q-overflow--horizontal.q-overflow--can-scroll-start.q-overflow--can-scroll-end {
3212
+ .q-overflow__viewport {
3213
+ mask-image: linear-gradient(
3214
+ to right,
3215
+ transparent,
3216
+ #000 var(--q-overflow-fade-size),
3217
+ #000 calc(100% - var(--q-overflow-fade-size)),
3218
+ transparent
3219
+ );
3220
+ }
3221
+ }
3222
+ .q-overflow--horizontal.q-overflow--can-scroll-start:not(.q-overflow--can-scroll-end) {
3223
+ .q-overflow__viewport {
3224
+ mask-image: linear-gradient(to right, transparent, #000 var(--q-overflow-fade-size), #000);
3225
+ }
3226
+ }
3227
+ .q-overflow--horizontal.q-overflow--can-scroll-end:not(.q-overflow--can-scroll-start) {
3228
+ .q-overflow__viewport {
3229
+ mask-image: linear-gradient(
3230
+ to right,
3231
+ #000,
3232
+ #000 calc(100% - var(--q-overflow-fade-size)),
3233
+ transparent
3234
+ );
3235
+ }
3236
+ }
3237
+ .q-overflow--vertical.q-overflow--can-scroll-start.q-overflow--can-scroll-end {
3238
+ .q-overflow__viewport {
3239
+ mask-image: linear-gradient(
3240
+ to bottom,
3241
+ transparent,
3242
+ #000 var(--q-overflow-fade-size),
3243
+ #000 calc(100% - var(--q-overflow-fade-size)),
3244
+ transparent
3245
+ );
3246
+ }
3247
+ }
3248
+ .q-overflow--vertical.q-overflow--can-scroll-start:not(.q-overflow--can-scroll-end) {
3249
+ .q-overflow__viewport {
3250
+ mask-image: linear-gradient(to bottom, transparent, #000 var(--q-overflow-fade-size), #000);
3251
+ }
3252
+ }
3253
+ .q-overflow--vertical.q-overflow--can-scroll-end:not(.q-overflow--can-scroll-start) {
3254
+ .q-overflow__viewport {
3255
+ mask-image: linear-gradient(
3256
+ to bottom,
3257
+ #000,
3258
+ #000 calc(100% - var(--q-overflow-fade-size)),
3259
+ transparent
3260
+ );
3261
+ }
3262
+ }
3263
+ .q-overflow--arrows-outside {
3264
+ .q-overflow__control {
3265
+ position: relative;
3266
+ z-index: 1;
3267
+ align-self: stretch;
3268
+ align-items: stretch;
3269
+ }
3270
+
3271
+ .q-overflow__control > *,
3272
+ .q-overflow__button {
3273
+ align-self: stretch;
3274
+ }
3275
+ }
3276
+ .q-overflow--horizontal.q-overflow--arrows-outside {
3277
+ .q-overflow__control > *,
3278
+ .q-overflow__button {
3279
+ height: 100%;
3280
+ }
3281
+ }
3282
+ .q-overflow--vertical.q-overflow--arrows-outside {
3283
+ .q-overflow__control {
3284
+ width: 100%;
3285
+ }
3286
+ .q-overflow__control > *,
3287
+ .q-overflow__button {
3288
+ width: 100%;
3289
+ }
3290
+ }
3291
+ .q-overflow--arrows-inside {
3292
+ position: relative;
3293
+ .q-overflow__viewport {
3294
+ width: 100%;
3295
+ }
3296
+ .q-overflow__control {
3297
+ position: absolute;
3298
+ z-index: 2;
3299
+ pointer-events: none;
3300
+ > * {
3301
+ pointer-events: auto;
3302
+ }
3303
+
3304
+ .q-overflow__button.q-button {
3305
+ background-color: rgb(var(--q-theme-background-rgb) / 80%);
3306
+ @media (hover: hover) {
3307
+ &:hover:not(:disabled) {
3308
+ background-color: rgb(var(--q-theme-background-rgb) / 95%);
3309
+ }
3310
+ }
3311
+ }
3312
+ }
3313
+ }
3314
+ .q-overflow--horizontal.q-overflow--arrows-inside {
3315
+ .q-overflow__control--prev {
3316
+ inset-block: 0;
3317
+ inset-inline-start: 0;
3318
+ }
3319
+ .q-overflow__control--next {
3320
+ inset-block: 0;
3321
+ inset-inline-end: 0;
3322
+ }
3323
+ }
3324
+ .q-overflow--vertical.q-overflow--arrows-inside {
3325
+ .q-overflow__control--prev {
3326
+ inset-inline: 0;
3327
+ inset-block-start: 0;
3328
+ }
3329
+ .q-overflow__control--next {
3330
+ inset-inline: 0;
3331
+ inset-block-end: 0;
3332
+ }
3333
+ }
3334
+ .q-overflow--arrows-hover {
3335
+ @media (hover: hover) and (pointer: fine) {
3336
+ .q-overflow__control {
3337
+ opacity: 0;
3338
+ transition: opacity 0.15s ease;
3339
+ }
3340
+ &:hover .q-overflow__control,
3341
+ &:focus-within .q-overflow__control {
3342
+ opacity: 1;
3343
+ }
3344
+ @media (prefers-reduced-motion: reduce) {
3345
+ .q-overflow__control {
3346
+ transition: none;
3347
+ }
3348
+ }
3349
+ }
3350
+ }
3351
+ .q-overflow--arrows-hover.q-overflow--arrows-inside {
3352
+ @media (hover: hover) and (pointer: fine) {
3353
+ .q-overflow__control {
3354
+ pointer-events: none;
3355
+ > * {
3356
+ pointer-events: none;
3357
+ }
3358
+ }
3359
+ &:hover .q-overflow__control,
3360
+ &:focus-within .q-overflow__control {
3361
+ pointer-events: auto;
3362
+ > * {
3363
+ pointer-events: auto;
3364
+ }
3365
+ }
3366
+ }
3367
+ }
3151
3368
  $overlay-border-width: 1px;
3152
3369
  $overlay-arrow-width: 11.31px;
3153
3370
  $overlay-arrow-height: 11.31px;
@@ -59,7 +59,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
59
59
  mask: import('./types').QObfuscationMask;
60
60
  loading: boolean;
61
61
  icons: typeof DEFAULT_ICONS;
62
- texts: Partial<typeof DEFAULT_TEXTS>;
62
+ texts: typeof DEFAULT_TEXTS;
63
63
  labelPosition: import('..').QLabelPosition;
64
64
  revealable: boolean;
65
65
  bulletCount: number;
@@ -1 +1 @@
1
- {"version":3,"file":"QObfuscation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/QObfuscation.vue"],"names":[],"mappings":"AAsFA;AA+RC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAcpC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA0LtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmLT,OAAO,IAA6B;;kBA9VtC,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;kBAVZ,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;;;EAyVvB;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QObfuscation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/QObfuscation.vue"],"names":[],"mappings":"AAsFA;AA0RC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAcpC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAqLtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmLT,OAAO,IAA6B;;kBAzVtC,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;kBAVZ,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;;;EAoVvB;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -44,29 +44,26 @@ var j = ["id"], M = ["id"], N = {
44
44
  revealedModifiers: {}
45
45
  }),
46
46
  emits: /*@__PURE__*/ _(["reveal", "hide"], ["update:revealed"]),
47
- setup(i, { emit: _ }) {
48
- let P = i, F = _, I = O(i, "revealed"), L = n(), R = w(0), z = w(!1), B = s(() => ({
49
- ...a,
50
- ...P.texts
51
- })), V = s(() => P.revealable && I.value && !P.loading), H = s(() => R.value > 0), U = s(() => {
52
- if (!(V.value && (!z.value || H.value))) return P.label;
53
- }), W = s(() => V.value && z.value && !H.value), G = s(() => P.mask === "bullets" ? "•".repeat(P.bulletCount) : B.value.restricted), K = s(() => [
47
+ setup(i, { emit: a }) {
48
+ let _ = i, P = a, F = O(i, "revealed"), I = n(), L = w(0), R = w(!1), z = s(() => _.revealable && F.value && !_.loading), B = s(() => L.value > 0), V = s(() => {
49
+ if (!(z.value && (!R.value || B.value))) return _.label;
50
+ }), H = s(() => z.value && R.value && !B.value), U = s(() => _.mask === "bullets" ? "•".repeat(_.bulletCount) : _.texts.restricted), W = s(() => [
54
51
  "q-obfuscation",
55
52
  {
56
- "q-obfuscation--revealable": P.revealable,
57
- "q-obfuscation--revealed": V.value,
58
- "q-obfuscation--loading": P.loading
53
+ "q-obfuscation--revealable": _.revealable,
54
+ "q-obfuscation--revealed": z.value,
55
+ "q-obfuscation--loading": _.loading
59
56
  },
60
- P.class
57
+ _.class
61
58
  ]);
62
- k(V, async (e) => {
59
+ k(z, async (e) => {
63
60
  if (!e) {
64
- z.value = !1;
61
+ R.value = !1;
65
62
  return;
66
63
  }
67
- z.value = !1, await y(), z.value = !0;
64
+ R.value = !1, await y(), R.value = !0;
68
65
  }, { immediate: !0 });
69
- let q = h({
66
+ let G = h({
70
67
  name: "QObfuscationHideAction",
71
68
  props: { track: {
72
69
  type: Boolean,
@@ -74,92 +71,92 @@ var j = ["id"], M = ["id"], N = {
74
71
  } },
75
72
  setup(n) {
76
73
  return n.track && (x(() => {
77
- R.value++;
74
+ L.value++;
78
75
  }), S(() => {
79
- R.value--;
76
+ L.value--;
80
77
  })), () => g(e, {
81
78
  variant: "text",
82
79
  borderless: !0,
83
80
  size: "small",
84
81
  class: "q-obfuscation__label-action",
85
- disabled: P.disabled,
86
- title: B.value.hideData,
87
- "aria-label": B.value.hideData,
82
+ disabled: _.disabled,
83
+ title: _.texts.hideData,
84
+ "aria-label": _.texts.hideData,
88
85
  "aria-expanded": !0,
89
- "aria-controls": L.value,
86
+ "aria-controls": I.value,
90
87
  "data-testid": "q-obfuscation__hide",
91
- onClick: J
88
+ onClick: K
92
89
  }, () => g(t, {
93
- ...P.icons.hide,
90
+ ..._.icons.hide,
94
91
  class: "q-obfuscation__icon"
95
92
  }));
96
93
  }
97
94
  });
98
- function J() {
99
- !P.revealable || P.loading || (I.value = !I.value, I.value ? F("reveal") : F("hide"));
95
+ function K() {
96
+ !_.revealable || _.loading || (F.value = !F.value, F.value ? P("reveal") : P("hide"));
100
97
  }
101
98
  return (n, i) => (C(), c(D(r), {
102
- id: P.id,
103
- class: b(K.value),
104
- for: P.for ?? D(L),
105
- label: U.value,
106
- "label-position": P.labelPosition,
107
- size: P.size,
108
- readonly: P.readonly,
109
- disabled: P.disabled,
110
- required: P.required,
111
- invalid: P.invalid
99
+ id: _.id,
100
+ class: b(W.value),
101
+ for: _.for ?? D(I),
102
+ label: V.value,
103
+ "label-position": _.labelPosition,
104
+ size: _.size,
105
+ readonly: _.readonly,
106
+ disabled: _.disabled,
107
+ required: _.required,
108
+ invalid: _.invalid
112
109
  }, f({
113
110
  "label.prepend": A(() => [T(n.$slots, "label.prepend")]),
114
111
  "label.append": A(() => [
115
112
  T(n.$slots, "label.append"),
116
113
  l(" Own padlock only when the consumer did not place QObfuscationHideAction "),
117
- W.value ? (C(), c(D(q), {
114
+ H.value ? (C(), c(D(G), {
118
115
  key: 0,
119
116
  track: !1
120
117
  })) : l("v-if", !0)
121
118
  ]),
122
- control: A(() => [l(" Revealed: slot content; place QObfuscationHideAction on the field label to own it "), V.value ? (C(), u("div", {
119
+ control: A(() => [l(" Revealed: slot content; place QObfuscationHideAction on the field label to own it "), z.value ? (C(), u("div", {
123
120
  key: 0,
124
- id: D(L),
121
+ id: D(I),
125
122
  class: "q-obfuscation__content"
126
123
  }, [T(n.$slots, "default", {
127
- qObfuscationHideAction: D(q),
128
- toggle: J,
129
- revealed: I.value,
130
- loading: P.loading
124
+ qObfuscationHideAction: D(G),
125
+ toggle: K,
126
+ revealed: F.value,
127
+ loading: _.loading
131
128
  })], 8, j)) : (C(), u(o, { key: 1 }, [l(" Masked / loading: QObfuscation label + control surface "), d("div", {
132
- id: D(L),
129
+ id: D(I),
133
130
  class: "q-field__control q-obfuscation__value"
134
- }, [P.revealable ? T(n.$slots, "reveal", {
131
+ }, [_.revealable ? T(n.$slots, "reveal", {
135
132
  key: 0,
136
- revealed: I.value,
137
- toggle: J,
138
- loading: P.loading
133
+ revealed: F.value,
134
+ toggle: K,
135
+ loading: _.loading
139
136
  }, () => [m(D(e), {
140
137
  variant: "text",
141
138
  borderless: "",
142
139
  block: "",
143
140
  class: "q-obfuscation__action",
144
- disabled: P.disabled,
145
- loading: P.loading,
146
- label: B.value.showData,
141
+ disabled: _.disabled,
142
+ loading: _.loading,
143
+ label: _.texts.showData,
147
144
  "aria-expanded": !1,
148
- "aria-controls": D(L),
145
+ "aria-controls": D(I),
149
146
  "data-testid": "q-obfuscation__reveal",
150
- onClick: J
147
+ onClick: K
151
148
  }, {
152
- default: A(() => [m(D(t), v(P.icons.show, { class: "q-obfuscation__icon" }), null, 16)]),
149
+ default: A(() => [m(D(t), v(_.icons.show, { class: "q-obfuscation__icon" }), null, 16)]),
153
150
  _: 1
154
151
  }, 8, [
155
152
  "disabled",
156
153
  "loading",
157
154
  "label",
158
155
  "aria-controls"
159
- ])]) : (C(), u("span", N, [m(D(t), v(P.icons.restricted, {
156
+ ])]) : (C(), u("span", N, [m(D(t), v(_.icons.restricted, {
160
157
  class: "q-obfuscation__icon",
161
158
  "aria-hidden": "true"
162
- }), null, 16), T(n.$slots, "mask", {}, () => [p(E(G.value), 1)])]))], 8, M)], 2112))]),
159
+ }), null, 16), T(n.$slots, "mask", {}, () => [p(E(U.value), 1)])]))], 8, M)], 2112))]),
163
160
  _: 2
164
161
  }, [n.$slots.extras ? {
165
162
  name: "extras",
@@ -18,7 +18,7 @@ declare const QObfuscation: {
18
18
  mask?: import('./types').QObfuscationMask;
19
19
  bulletCount?: number;
20
20
  icons?: typeof import('./constants').DEFAULT_ICONS;
21
- texts?: Partial<typeof import('./constants').DEFAULT_TEXTS>;
21
+ texts?: typeof import('./constants').DEFAULT_TEXTS;
22
22
  }> & Readonly<{
23
23
  onHide?: (() => any) | undefined;
24
24
  onReveal?: (() => any) | undefined;
@@ -34,7 +34,7 @@ declare const QObfuscation: {
34
34
  mask: import('./types').QObfuscationMask;
35
35
  loading: boolean;
36
36
  icons: typeof import('./constants').DEFAULT_ICONS;
37
- texts: Partial<typeof import('./constants').DEFAULT_TEXTS>;
37
+ texts: typeof import('./constants').DEFAULT_TEXTS;
38
38
  labelPosition: import('..').QLabelPosition;
39
39
  revealable: boolean;
40
40
  bulletCount: number;
@@ -64,7 +64,7 @@ declare const QObfuscation: {
64
64
  mask?: import('./types').QObfuscationMask;
65
65
  bulletCount?: number;
66
66
  icons?: typeof import('./constants').DEFAULT_ICONS;
67
- texts?: Partial<typeof import('./constants').DEFAULT_TEXTS>;
67
+ texts?: typeof import('./constants').DEFAULT_TEXTS;
68
68
  }> & Readonly<{
69
69
  onHide?: (() => any) | undefined;
70
70
  onReveal?: (() => any) | undefined;
@@ -75,7 +75,7 @@ declare const QObfuscation: {
75
75
  mask: import('./types').QObfuscationMask;
76
76
  loading: boolean;
77
77
  icons: typeof import('./constants').DEFAULT_ICONS;
78
- texts: Partial<typeof import('./constants').DEFAULT_TEXTS>;
78
+ texts: typeof import('./constants').DEFAULT_TEXTS;
79
79
  labelPosition: import('..').QLabelPosition;
80
80
  revealable: boolean;
81
81
  bulletCount: number;
@@ -102,7 +102,7 @@ declare const QObfuscation: {
102
102
  mask?: import('./types').QObfuscationMask;
103
103
  bulletCount?: number;
104
104
  icons?: typeof import('./constants').DEFAULT_ICONS;
105
- texts?: Partial<typeof import('./constants').DEFAULT_TEXTS>;
105
+ texts?: typeof import('./constants').DEFAULT_TEXTS;
106
106
  }> & Readonly<{
107
107
  onHide?: (() => any) | undefined;
108
108
  onReveal?: (() => any) | undefined;
@@ -118,7 +118,7 @@ declare const QObfuscation: {
118
118
  mask: import('./types').QObfuscationMask;
119
119
  loading: boolean;
120
120
  icons: typeof import('./constants').DEFAULT_ICONS;
121
- texts: Partial<typeof import('./constants').DEFAULT_TEXTS>;
121
+ texts: typeof import('./constants').DEFAULT_TEXTS;
122
122
  labelPosition: import('..').QLabelPosition;
123
123
  revealable: boolean;
124
124
  bulletCount: number;
@@ -39,6 +39,6 @@ export type QObfuscationProps = QFieldProps & {
39
39
  *
40
40
  * @category Configuration
41
41
  */
42
- texts?: Partial<typeof DEFAULT_TEXTS>;
42
+ texts?: typeof DEFAULT_TEXTS;
43
43
  };
44
44
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAA;AAEvD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,aAAa,CAAC,CAAA;CACrC,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAA;AAEvD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
@@ -0,0 +1,43 @@
1
+ import { DEFAULT_ICONS } from './constants';
2
+ import { QOverflowProps } from './types';
3
+ declare function __VLS_template(): {
4
+ attrs: Partial<{}>;
5
+ slots: {
6
+ prev?(_: {
7
+ disabled: boolean;
8
+ onClick: () => void;
9
+ }): any;
10
+ default?(_: {}): any;
11
+ next?(_: {
12
+ disabled: boolean;
13
+ onClick: () => void;
14
+ }): any;
15
+ };
16
+ refs: {
17
+ viewportRef: HTMLDivElement;
18
+ contentRef: HTMLDivElement;
19
+ };
20
+ rootEl: HTMLDivElement;
21
+ };
22
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
23
+ declare const __VLS_component: import('vue').DefineComponent<QOverflowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QOverflowProps> & Readonly<{}>, {
24
+ icons: typeof DEFAULT_ICONS;
25
+ texts: import('./constants').QOverflowTexts;
26
+ direction: import('./types').QOverflowDirection;
27
+ arrowPlacement: import('./types').QOverflowArrowPlacement;
28
+ arrowVisibility: import('./types').QOverflowArrowVisibility;
29
+ scrollMode: import('./types').QOverflowScrollMode;
30
+ scrollStep: number;
31
+ remapWheel: boolean;
32
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
33
+ viewportRef: HTMLDivElement;
34
+ contentRef: HTMLDivElement;
35
+ }, HTMLDivElement>;
36
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
37
+ export default _default;
38
+ type __VLS_WithTemplateSlots<T, S> = T & {
39
+ new (): {
40
+ $slots: S;
41
+ };
42
+ };
43
+ //# sourceMappingURL=QOverflow.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QOverflow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/QOverflow.vue"],"names":[],"mappings":"AA6DA;AAkkBC,OAAO,EAAE,aAAa,EAAiB,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAA;AAkgBrE,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;;;;YAdxB,GAAG;yBACC,GAAG;;;;YACN,GAAG;;;;;;;EAiB7B;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}