@quidgest/ui 0.21.0 → 0.21.2
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 +17 -0
- package/dist/json/api.json +184 -3
- package/dist/manifest/components.json +1 -0
- package/dist/ui.css +194 -7
- package/dist/ui.esm.js +1242 -1180
- package/dist/ui.js +505 -443
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +505 -443
- package/dist/ui.scss +227 -10
- package/esm/components/QObfuscation/QObfuscation.d.ts +1 -1
- package/esm/components/QObfuscation/QObfuscation.d.ts.map +1 -1
- package/esm/components/QObfuscation/QObfuscation.vue.js +52 -55
- package/esm/components/QObfuscation/index.d.ts +6 -6
- package/esm/components/QObfuscation/types.d.ts +1 -1
- package/esm/components/QObfuscation/types.d.ts.map +1 -1
- package/esm/components/QOverflow/QOverflow.d.ts +43 -0
- package/esm/components/QOverflow/QOverflow.d.ts.map +1 -0
- package/esm/components/QOverflow/QOverflow.vue.js +281 -0
- package/esm/components/QOverflow/QOverflow2.vue.js +5 -0
- package/esm/components/QOverflow/constants.d.ts +30 -0
- package/esm/components/QOverflow/constants.d.ts.map +1 -0
- package/esm/components/QOverflow/constants.js +12 -0
- package/esm/components/QOverflow/index.d.ts +58 -0
- package/esm/components/QOverflow/index.d.ts.map +1 -0
- package/esm/components/QOverflow/index.js +6 -0
- package/esm/components/QOverflow/types.d.ts +119 -0
- package/esm/components/QOverflow/types.d.ts.map +1 -0
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +58 -56
- package/esm/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest UI v0.21.
|
|
2
|
+
* Quidgest UI v0.21.2
|
|
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.
|
|
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.
|
|
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 {
|
|
@@ -3087,7 +3090,7 @@ $q-line-loader-color: var(--q-line-loader-color);
|
|
|
3087
3090
|
background-color: var(--q-theme-primary);
|
|
3088
3091
|
}
|
|
3089
3092
|
}
|
|
3090
|
-
|
|
3093
|
+
.q-obfuscation {
|
|
3091
3094
|
&__value {
|
|
3092
3095
|
display: flex;
|
|
3093
3096
|
align-items: center;
|
|
@@ -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:
|
|
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;
|
|
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
|
|
49
|
-
|
|
50
|
-
|
|
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":
|
|
57
|
-
"q-obfuscation--revealed":
|
|
58
|
-
"q-obfuscation--loading":
|
|
53
|
+
"q-obfuscation--revealable": _.revealable,
|
|
54
|
+
"q-obfuscation--revealed": z.value,
|
|
55
|
+
"q-obfuscation--loading": _.loading
|
|
59
56
|
},
|
|
60
|
-
|
|
57
|
+
_.class
|
|
61
58
|
]);
|
|
62
|
-
k(
|
|
59
|
+
k(z, async (e) => {
|
|
63
60
|
if (!e) {
|
|
64
|
-
|
|
61
|
+
R.value = !1;
|
|
65
62
|
return;
|
|
66
63
|
}
|
|
67
|
-
|
|
64
|
+
R.value = !1, await y(), R.value = !0;
|
|
68
65
|
}, { immediate: !0 });
|
|
69
|
-
let
|
|
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
|
-
|
|
74
|
+
L.value++;
|
|
78
75
|
}), S(() => {
|
|
79
|
-
|
|
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:
|
|
86
|
-
title:
|
|
87
|
-
"aria-label":
|
|
82
|
+
disabled: _.disabled,
|
|
83
|
+
title: _.texts.hideData,
|
|
84
|
+
"aria-label": _.texts.hideData,
|
|
88
85
|
"aria-expanded": !0,
|
|
89
|
-
"aria-controls":
|
|
86
|
+
"aria-controls": I.value,
|
|
90
87
|
"data-testid": "q-obfuscation__hide",
|
|
91
|
-
onClick:
|
|
88
|
+
onClick: K
|
|
92
89
|
}, () => g(t, {
|
|
93
|
-
...
|
|
90
|
+
..._.icons.hide,
|
|
94
91
|
class: "q-obfuscation__icon"
|
|
95
92
|
}));
|
|
96
93
|
}
|
|
97
94
|
});
|
|
98
|
-
function
|
|
99
|
-
!
|
|
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:
|
|
103
|
-
class: b(
|
|
104
|
-
for:
|
|
105
|
-
label:
|
|
106
|
-
"label-position":
|
|
107
|
-
size:
|
|
108
|
-
readonly:
|
|
109
|
-
disabled:
|
|
110
|
-
required:
|
|
111
|
-
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
|
-
|
|
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 "),
|
|
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(
|
|
121
|
+
id: D(I),
|
|
125
122
|
class: "q-obfuscation__content"
|
|
126
123
|
}, [T(n.$slots, "default", {
|
|
127
|
-
qObfuscationHideAction: D(
|
|
128
|
-
toggle:
|
|
129
|
-
revealed:
|
|
130
|
-
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(
|
|
129
|
+
id: D(I),
|
|
133
130
|
class: "q-field__control q-obfuscation__value"
|
|
134
|
-
}, [
|
|
131
|
+
}, [_.revealable ? T(n.$slots, "reveal", {
|
|
135
132
|
key: 0,
|
|
136
|
-
revealed:
|
|
137
|
-
toggle:
|
|
138
|
-
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:
|
|
145
|
-
loading:
|
|
146
|
-
label:
|
|
141
|
+
disabled: _.disabled,
|
|
142
|
+
loading: _.loading,
|
|
143
|
+
label: _.texts.showData,
|
|
147
144
|
"aria-expanded": !1,
|
|
148
|
-
"aria-controls": D(
|
|
145
|
+
"aria-controls": D(I),
|
|
149
146
|
"data-testid": "q-obfuscation__reveal",
|
|
150
|
-
onClick:
|
|
147
|
+
onClick: K
|
|
151
148
|
}, {
|
|
152
|
-
default: A(() => [m(D(t), v(
|
|
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(
|
|
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(
|
|
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?:
|
|
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:
|
|
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?:
|
|
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:
|
|
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?:
|
|
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:
|
|
121
|
+
texts: typeof import('./constants').DEFAULT_TEXTS;
|
|
122
122
|
labelPosition: import('..').QLabelPosition;
|
|
123
123
|
revealable: boolean;
|
|
124
124
|
bulletCount: number;
|
|
@@ -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,
|
|
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"}
|