ablok-components 0.1.91 → 0.1.92

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/dist/ablok-components.es.js +9942 -9365
  2. package/dist/ablok-components.umd.js +57 -61
  3. package/dist/components/atoms/base-button/base-button.vue.d.ts +1 -1
  4. package/dist/components/atoms/base-headline/base-headline.vue.d.ts +1 -1
  5. package/dist/components/atoms/base-input/base-input.vue.d.ts +1 -1
  6. package/dist/components/atoms/base-paragraph/base-paragraph.vue.d.ts +1 -1
  7. package/dist/components/atoms/check-group/check-group.vue.d.ts +1 -1
  8. package/dist/components/atoms/input-checkbox/input-checkbox.vue.d.ts +1 -1
  9. package/dist/components/atoms/input-file/input-file.vue.d.ts +1 -1
  10. package/dist/components/atoms/input-textarea/input-textarea.vue.d.ts +1 -1
  11. package/dist/components/atoms/loading-spinner/loading-spinner.vue.d.ts +1 -1
  12. package/dist/components/atoms/radio-group/radio-group.vue.d.ts +1 -1
  13. package/dist/components/atoms/svg-icon/svg-icon.vue.d.ts +1 -1
  14. package/dist/components/molecules/accordion/accordion-item.vue.d.ts +1 -1
  15. package/dist/components/molecules/accordion/accordion.vue.d.ts +1 -1
  16. package/dist/components/molecules/base-camera/base-camera.vue.d.ts +2 -4
  17. package/dist/components/molecules/dom-renderer/dom-renderer.vue.d.ts +1 -1
  18. package/dist/components/molecules/file-upload/file-upload.vue.d.ts +1 -1
  19. package/dist/components/molecules/input-color/input-color.vue.d.ts +1 -1
  20. package/dist/components/molecules/input-dropdown/input-dropdown.vue.d.ts +1 -1
  21. package/dist/components/molecules/link-sharing/link-sharing.vue.d.ts +1 -1
  22. package/dist/components/molecules/media-thumbnails/media-thumbnails.vue.d.ts +1 -1
  23. package/dist/components/molecules/progress-steps/progress-steps.vue.d.ts +1 -1
  24. package/dist/components/molecules/rte-editor/rte-editor.vue.d.ts +1 -1
  25. package/dist/components/molecules/upload-group/upload-group.vue.d.ts +1 -1
  26. package/dist/components/organisms/asset-uploader/asset-uploader.vue.d.ts +1 -1
  27. package/dist/components/templates/base-carousel/base-carousel.vue.d.ts +1 -1
  28. package/dist/components/templates/base-form/base-form.vue.d.ts +1 -1
  29. package/dist/components/templates/modal-dialog/modal-dialog.vue.d.ts +80 -0
  30. package/dist/index.d.ts +1 -0
  31. package/dist/style.css +1 -1
  32. package/package.json +1 -1
@@ -85,5 +85,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
85
85
  outlined: boolean;
86
86
  rounded: boolean;
87
87
  circle: boolean;
88
- }>;
88
+ }, {}>;
89
89
  export default _sfc_main;
@@ -41,5 +41,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
41
41
  type: __PropType<string | undefined>;
42
42
  required: false;
43
43
  };
44
- }>>, {}>;
44
+ }>>, {}, {}>;
45
45
  export default _sfc_main;
@@ -144,5 +144,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
144
144
  falseValue: any;
145
145
  role: string;
146
146
  autocomplete: string;
147
- }>;
147
+ }, {}>;
148
148
  export default _sfc_main;
@@ -33,5 +33,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
33
33
  type: __PropType<string | undefined>;
34
34
  required: false;
35
35
  };
36
- }>>, {}>;
36
+ }>>, {}, {}>;
37
37
  export default _sfc_main;
@@ -100,5 +100,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
100
100
  id: string;
101
101
  label: string;
102
102
  readOnly: boolean;
103
- }>;
103
+ }, {}>;
104
104
  export default _sfc_main;
@@ -92,5 +92,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
92
92
  trueValue: any;
93
93
  falseValue: any;
94
94
  checked: boolean;
95
- }>;
95
+ }, {}>;
96
96
  export default _sfc_main;
@@ -134,5 +134,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
134
134
  readOnly: boolean;
135
135
  pattern: string;
136
136
  multiple: boolean;
137
- }>;
137
+ }, {}>;
138
138
  export default _sfc_main;
@@ -117,5 +117,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
117
117
  readOnly: boolean;
118
118
  pattern: string;
119
119
  checked: boolean;
120
- }>;
120
+ }, {}>;
121
121
  export default _sfc_main;
@@ -10,5 +10,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
10
10
  };
11
11
  }>>, {
12
12
  color: string;
13
- }>;
13
+ }, {}>;
14
14
  export default _sfc_main;
@@ -84,5 +84,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
84
84
  label: string;
85
85
  readOnly: boolean;
86
86
  options: any[];
87
- }>;
87
+ }, {}>;
88
88
  export default _sfc_main;
@@ -37,5 +37,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
37
37
  size: string;
38
38
  basePath: string;
39
39
  prefix: string;
40
- }>;
40
+ }, {}>;
41
41
  export default _sfc_main;
@@ -48,5 +48,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
48
48
  title: string;
49
49
  body: string;
50
50
  parent: string;
51
- }>;
51
+ }, {}>;
52
52
  export default _sfc_main;
@@ -1,2 +1,2 @@
1
- declare const _default: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{}, {}, {}, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{}>>, {}>;
1
+ declare const _default: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{}, {}, {}, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{}>>, {}, {}>;
2
2
  export default _default;
@@ -31,9 +31,7 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
31
31
  type: StringConstructor;
32
32
  default: string;
33
33
  };
34
- }, {
35
- onCapture: () => void;
36
- }, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
34
+ }, {}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
37
35
  modelValue: {
38
36
  type: null;
39
37
  };
@@ -75,5 +73,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
75
73
  guideSrc: string;
76
74
  countdown: number;
77
75
  ratio: string;
78
- }>;
76
+ }, {}>;
79
77
  export default _sfc_main;
@@ -48,5 +48,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
48
48
  renderUpdates: boolean;
49
49
  exportToSvg: boolean;
50
50
  debug: boolean;
51
- }>;
51
+ }, {}>;
52
52
  export default _sfc_main;
@@ -231,5 +231,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
231
231
  authToken: string;
232
232
  baseResponsePath: string;
233
233
  previewWidth: number;
234
- }>;
234
+ }, {}>;
235
235
  export default _sfc_main;
@@ -108,5 +108,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
108
108
  placeholder: string;
109
109
  readOnly: boolean;
110
110
  pattern: string;
111
- }>;
111
+ }, {}>;
112
112
  export default _sfc_main;
@@ -169,5 +169,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
169
169
  readOnly: boolean;
170
170
  multiple: boolean;
171
171
  showSelectionCount: boolean;
172
- }>;
172
+ }, {}>;
173
173
  export default _sfc_main;
@@ -91,5 +91,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
91
91
  subject: string;
92
92
  media: string;
93
93
  services: Record<string, any>;
94
- }>;
94
+ }, {}>;
95
95
  export default _sfc_main;
@@ -64,5 +64,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
64
64
  messages: Record<string, any>;
65
65
  config: Record<string, any>;
66
66
  assets: any[];
67
- }>;
67
+ }, {}>;
68
68
  export default _sfc_main;
@@ -72,5 +72,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
72
72
  label: string;
73
73
  progress: number;
74
74
  reveal: boolean;
75
- }>;
75
+ }, {}>;
76
76
  export default _sfc_main;
@@ -21,5 +21,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
21
21
  }, {
22
22
  disabled: boolean;
23
23
  modelValue: string;
24
- }>;
24
+ }, {}>;
25
25
  export default _sfc_main;
@@ -139,5 +139,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
139
139
  authToken: string;
140
140
  baseResponsePath: string;
141
141
  previewWidth: number;
142
- }>;
142
+ }, {}>;
143
143
  export default _sfc_main;
@@ -174,5 +174,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
174
174
  baseResponsePath: string;
175
175
  previewWidth: number;
176
176
  mediaTypeMap: Record<string, any>;
177
- }>;
177
+ }, {}>;
178
178
  export default _sfc_main;
@@ -75,5 +75,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
75
75
  config: Record<string, any>;
76
76
  items: any[];
77
77
  navigation: boolean;
78
- }>;
78
+ }, {}>;
79
79
  export default _sfc_main;
@@ -41,5 +41,5 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
41
41
  type: __PropType<boolean | undefined>;
42
42
  required: false;
43
43
  };
44
- }>>, {}>;
44
+ }>>, {}, {}>;
45
45
  export default _sfc_main;
@@ -0,0 +1,80 @@
1
+ import type { PropType } from './vue/dist/vue.esm-bundler.js';
2
+ export declare enum Breakpoints {
3
+ XS = "xs",
4
+ SM = "sm",
5
+ MD = "md",
6
+ LG = "lg",
7
+ XL = "xl"
8
+ }
9
+ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{
10
+ modelValue: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
14
+ modal: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ size: {
19
+ type: PropType<Breakpoints>;
20
+ default: Breakpoints;
21
+ };
22
+ dismiss: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ title: {
27
+ type: StringConstructor;
28
+ default: string;
29
+ };
30
+ footer: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ classes: {
35
+ type: StringConstructor;
36
+ default: string;
37
+ };
38
+ }, {}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, ("update:modelValue" | "cancel" | "confirm")[], "update:modelValue" | "cancel" | "confirm", import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
39
+ modelValue: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ modal: {
44
+ type: BooleanConstructor;
45
+ default: boolean;
46
+ };
47
+ size: {
48
+ type: PropType<Breakpoints>;
49
+ default: Breakpoints;
50
+ };
51
+ dismiss: {
52
+ type: BooleanConstructor;
53
+ default: boolean;
54
+ };
55
+ title: {
56
+ type: StringConstructor;
57
+ default: string;
58
+ };
59
+ footer: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ classes: {
64
+ type: StringConstructor;
65
+ default: string;
66
+ };
67
+ }>> & {
68
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
69
+ onCancel?: ((...args: any[]) => any) | undefined;
70
+ onConfirm?: ((...args: any[]) => any) | undefined;
71
+ }, {
72
+ size: Breakpoints;
73
+ modelValue: boolean;
74
+ title: string;
75
+ footer: boolean;
76
+ modal: boolean;
77
+ dismiss: boolean;
78
+ classes: string;
79
+ }, {}>;
80
+ export default _sfc_main;
package/dist/index.d.ts CHANGED
@@ -24,3 +24,4 @@ export { default as ProgressSteps } from "./components/molecules/progress-steps/
24
24
  export { default as DomRenderer } from "./components/molecules/dom-renderer/dom-renderer.vue";
25
25
  export { default as LinkSharing } from "./components/molecules/link-sharing/link-sharing.vue";
26
26
  export { default as BaseForm } from "./components/templates/base-form/base-form.vue";
27
+ export { default as ModalDialog } from "./components/templates/modal-dialog/modal-dialog.vue";
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .svg-icon{display:inline-flex;justify-content:center;align-items:center;line-height:1}.svg-icon svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:1.5em;height:1.5em}.svg-icon--xxl svg{width:12rem;height:12rem}.svg-icon--xl svg{width:8rem;height:8rem}.svg-icon--large svg{width:4rem;height:4rem}.loading-spinner{min-width:2rem}.accordion-button__toggle{transition:transform .24s ease-in-out;transform:rotateX(180deg);transform-origin:center}.collapsed .accordion-button__toggle{transform:rotateX(0)}:root,*:before,*:after{--button-color: #fff}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.5em;transition:all .2s ease;text-decoration:none}.btn:disabled{cursor:not-allowed}.input{display:flex;flex-direction:column}.input>*{order:2}.input__label{order:0;text-align:start}.input__input-group,.input>input,.input>select,.input>textarea{flex-wrap:nowrap;order:1}.input__error{display:none}.input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.input input[type=checkbox],.input input[type=radio]{flex:none}.input input[type=color]{display:block;height:100%;padding:0;border-width:0}.input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color]::-webkit-color-swatch{border:none}.form-switch{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:0;gap:1rem}.form-switch .input-group{width:auto}.form-switch .form-check-input{width:2.5rem;height:1.3125rem;margin-left:0}.form-switch .form-check-label{margin:0}.input--checkbox{flex-flow:row;gap:.5rem}.input--checkbox input{order:0}.check-group>.form-check{order:1}.check-group label{order:0}.check-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.check-group--row label{flex:1 0 100%}.radio-group>.form-check{order:1}.radio-group label{order:0}.radio-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.radio-group--row label{flex:1 0 100%}.rte-editor{height:100%;display:flex;flex-direction:column}.rte-editor__content{flex:1 1 auto}.rte-editor .ProseMirror{height:100%}.ProseMirror>*+*{margin-top:.75em}.ProseMirror ul,.ProseMirror ol{padding:0 1rem}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1}.ProseMirror code{background-color:#6161611a;color:#616161}.ProseMirror pre{background:#0D0D0D;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.8rem}.ProseMirror img{max-width:100%;height:auto}.ProseMirror blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.ProseMirror hr{border:none;border-top:2px solid rgba(13,13,13,.1);margin:2rem 0}.base-input{display:flex;flex-direction:column}.base-input>*{order:2}.base-input__label{order:0}.base-input__input-group,.base-input>input,.base-input>select,.base-input>textarea{flex-wrap:nowrap;order:1}.base-input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.base-input input[type=checkbox],.base-input input[type=radio]{flex:none}.base-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.base-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.base-input input[type=color]::-webkit-color-swatch{border:none}.camera,.camera__preview{position:relative;height:100%}.camera__preview canvas{position:relative;left:0;top:0}.camera__preview img,.camera__preview video{display:block;width:100%;height:100%;object-fit:cover}.camera__controls{position:absolute;bottom:0;width:100%;z-index:1;text-align:center;margin:0 0 2rem}.camera.mirror-cam img,.camera.mirror-cam video{transform:scaleX(-1)}.camera__switch-cam{position:absolute;z-index:1;right:0;top:0;margin:1rem}.camera__switch-cam .btn{display:block;background-color:#ffffff3d;border-radius:.3125rem}.camera__switch-cam .svg-icon{display:block;font-size:1.6667rem}.camera__bg-notification{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera__bg-notification+video{position:relative;z-index:1}.camera .camera__guide{position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}.camera__countdown-overlay{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px);overflow:hidden}.camera__countdown-overlay .countdown{position:relative;font-size:6rem;color:#fffc;font-weight:700}.camera__countdown-overlay .countdown:before,.camera__countdown-overlay .countdown:after{position:absolute;left:0;top:0;z-index:1;content:attr(data-countdown);transform-origin:center;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out}.camera__countdown-overlay .countdown:after{animation-duration:.1 .25s;animation-delay:.25s}@keyframes blur{0%{backdrop-filter:blur(4px)}to{backdrop-filter:blur(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(5);opacity:0}}.file-upload{display:inline-block}.file-upload__thumbnail{position:relative}.file-upload__thumbnail img{width:100%;background:var(--bs-light)}.file-upload__thumbnail .btn{position:absolute;right:0;top:0;margin:.5rem;padding:.125rem .3125rem;border-radius:.2rem}.file-upload__thumbnail .btn:hover{background:rgba(255,255,255,.62)}.file-upload__label{position:relative}.file-upload__loading-spinner{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffffffa3;display:grid;place-content:center}.file-upload .fade-enter-active,.file-upload .fade-leave-active{transition:opacity .5s}.file-upload .fade-enter,.file-upload .fade-leave-to{opacity:0}.upload-group .img-thumbnail{width:5rem;aspect-ratio:1/1}.upload-group .file-upload__thumbnail{display:none}.upload-group .img-container{position:relative}.upload-group .img-container .btn--close{position:absolute;right:0;top:0;margin:.25rem;padding:.125rem}:root,*:before,*:after{--carousel-gutter-width: .75rem}.carousel__viewport{position:relative;overflow-x:auto;scroll-behavior:smooth;margin-right:calc(0px - var(--carousel-gutter-width) / 2);margin-left:calc(0px - var(--carousel-gutter-width) / 2)}.carousel__item{flex:0 0 auto;width:20%;padding:0 calc(var(--carousel-gutter-width) / 2)}.carousel>.btn{padding-left:0;padding-right:0}.media-thumbnails{position:relative;padding:.5rem 0;border-radius:.3125rem;background-color:#aaaaaa80}.media-thumbnails .carousel-cell{padding:0 .5rem}.progress-steps ul{display:flex;justify-content:center;gap:4rem;margin:0;padding:0;list-style:none}.progress-steps__step{position:relative}.progress-steps__step:not(:first-of-type):before{content:"";display:block;height:.2em;width:4rem;background-color:var(--bs-gray-300);position:absolute;right:100%;top:50%;transform:translateY(-50%)}.progress-steps__step--active .progress-step .btn{box-shadow:0 0 0 .5em var(--bs-gray-300)}.progress-steps__step--disabled .progress-step .btn{background-color:var(--bs-gray-300);color:var(--bs-dark)}.progress-steps__step input[type=radio]{position:absolute;opacity:0;width:0;height:0}.progress-steps__step .btn{width:2em;height:2em;padding:0;background-color:var(--bs-black);color:var(--bs-white);font-weight:700}.progress-steps__step .form-check-label{position:absolute;left:50%;top:100%;min-width:12rem;transform:translate(-50%) translateY(50%);text-align:center}.progress-steps .progress-step{position:relative}.link-sharing .btn{width:100%;margin-bottom:.5rem}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}.base-button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s ease;text-decoration:none;width:100%;margin:0;padding:1.036em 1.625em;appearance:none;outline:none;border:none;border-radius:.4375em;font-size:.875em;line-height:1.125em;text-transform:uppercase;font-weight:700}@media screen and (min-width: 600px){.base-button{width:auto}}.base-button .icon{width:16px;height:16px;margin-top:-1px}.base-button.s-collapsed>.caption{display:none}.base-button.s-pending{background-repeat:no-repeat;background-position:center center}.base-button.s-pending .caption{margin-left:25px;visibility:hidden}@media screen and (min-width: 600px){.base-button.s-pending{background-position:1.625em center}.base-button.s-pending .caption{visibility:visible}}.base-button:read-only{cursor:not-allowed}.base-button:disabled{cursor:not-allowed}
1
+ .svg-icon{display:inline-flex;justify-content:center;align-items:center;line-height:1}.svg-icon svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:1.5em;height:1.5em}.svg-icon--xxl svg{width:12rem;height:12rem}.svg-icon--xl svg{width:8rem;height:8rem}.svg-icon--large svg{width:4rem;height:4rem}.loading-spinner{min-width:2rem}.accordion-button__toggle{transition:transform .24s ease-in-out;transform:rotateX(180deg);transform-origin:center}.collapsed .accordion-button__toggle{transform:rotateX(0)}:root,*:before,*:after{--button-color: #fff}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.5em;transition:all .2s ease;text-decoration:none}.btn:disabled{cursor:not-allowed}.input{display:flex;flex-direction:column}.input>*{order:2}.input__label{order:0;text-align:start}.input__input-group,.input>input,.input>select,.input>textarea{flex-wrap:nowrap;order:1}.input__error{display:none}.input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.input input[type=checkbox],.input input[type=radio]{flex:none}.input input[type=color]{display:block;height:100%;padding:0;border-width:0}.input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color]::-webkit-color-swatch{border:none}.form-switch{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:0;gap:1rem}.form-switch .input-group{width:auto}.form-switch .form-check-input{width:2.5rem;height:1.3125rem;margin-left:0}.form-switch .form-check-label{margin:0}.input--checkbox{flex-flow:row;gap:.5rem}.input--checkbox input{order:0}.check-group>.form-check{order:1}.check-group label{order:0}.check-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.check-group--row label{flex:1 0 100%}.radio-group>.form-check{order:1}.radio-group label{order:0}.radio-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.radio-group--row label{flex:1 0 100%}.rte-editor{height:100%;display:flex;flex-direction:column}.rte-editor__content{flex:1 1 auto}.rte-editor .ProseMirror{height:100%}.ProseMirror>*+*{margin-top:.75em}.ProseMirror ul,.ProseMirror ol{padding:0 1rem}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1}.ProseMirror code{background-color:#6161611a;color:#616161}.ProseMirror pre{background:#0D0D0D;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.8rem}.ProseMirror img{max-width:100%;height:auto}.ProseMirror blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.ProseMirror hr{border:none;border-top:2px solid rgba(13,13,13,.1);margin:2rem 0}.base-input{display:flex;flex-direction:column}.base-input>*{order:2}.base-input__label{order:0}.base-input__input-group,.base-input>input,.base-input>select,.base-input>textarea{flex-wrap:nowrap;order:1}.base-input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.base-input input[type=checkbox],.base-input input[type=radio]{flex:none}.base-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.base-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.base-input input[type=color]::-webkit-color-swatch{border:none}.camera,.camera__preview{position:relative;height:100%}.camera__preview canvas{position:relative;left:0;top:0}.camera__preview img,.camera__preview video{display:block;width:100%;height:100%;object-fit:cover}.camera__controls{position:absolute;bottom:0;width:100%;z-index:1;text-align:center;margin:0 0 2rem}.camera.mirror-cam img,.camera.mirror-cam video{transform:scaleX(-1)}.camera__switch-cam{position:absolute;z-index:1;right:0;top:0;margin:1rem}.camera__switch-cam .btn{display:block;background-color:#ffffff3d;border-radius:.3125rem}.camera__switch-cam .svg-icon{display:block;font-size:1.6667rem}.camera__bg-notification{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera__bg-notification+video{position:relative;z-index:1}.camera .camera__guide{position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}.camera__countdown-overlay{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.camera__countdown-overlay .countdown{position:relative;font-size:6rem;color:#fffc;font-weight:700}.camera__countdown-overlay .countdown:before,.camera__countdown-overlay .countdown:after{position:absolute;left:0;top:0;z-index:1;content:attr(data-countdown);transform-origin:center;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out}.camera__countdown-overlay .countdown:after{animation-duration:.1 .25s;animation-delay:.25s}@keyframes blur{0%{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(5);opacity:0}}.file-upload{display:inline-block}.file-upload__thumbnail{position:relative}.file-upload__thumbnail img{width:100%;background:var(--bs-light)}.file-upload__thumbnail .btn{position:absolute;right:0;top:0;margin:.5rem;padding:.125rem .3125rem;border-radius:.2rem}.file-upload__thumbnail .btn:hover{background:rgba(255,255,255,.62)}.file-upload__label{position:relative}.file-upload__loading-spinner{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffffffa3;display:grid;place-content:center}.file-upload .fade-enter-active,.file-upload .fade-leave-active{transition:opacity .5s}.file-upload .fade-enter,.file-upload .fade-leave-to{opacity:0}.upload-group .img-thumbnail{width:5rem;aspect-ratio:1/1}.upload-group .file-upload__thumbnail{display:none}.upload-group .img-container{position:relative}.upload-group .img-container .btn--close{position:absolute;right:0;top:0;margin:.25rem;padding:.125rem}:root,*:before,*:after{--carousel-gutter-width: .75rem}.carousel__viewport{position:relative;overflow-x:auto;scroll-behavior:smooth;margin-right:calc(0px - var(--carousel-gutter-width) / 2);margin-left:calc(0px - var(--carousel-gutter-width) / 2)}.carousel__item{flex:0 0 auto;width:20%;padding:0 calc(var(--carousel-gutter-width) / 2)}.carousel>.btn{padding-left:0;padding-right:0}.media-thumbnails{position:relative;padding:.5rem 0;border-radius:.3125rem;background-color:#aaaaaa80}.media-thumbnails .carousel-cell{padding:0 .5rem}.progress-steps ul{display:flex;justify-content:center;gap:4rem;margin:0;padding:0;list-style:none}.progress-steps__step{position:relative}.progress-steps__step:not(:first-of-type):before{content:"";display:block;height:.2em;width:4rem;background-color:var(--bs-gray-300);position:absolute;right:100%;top:50%;transform:translateY(-50%)}.progress-steps__step--active .progress-step .btn{box-shadow:0 0 0 .5em var(--bs-gray-300)}.progress-steps__step--disabled .progress-step .btn{background-color:var(--bs-gray-300);color:var(--bs-dark)}.progress-steps__step input[type=radio]{position:absolute;opacity:0;width:0;height:0}.progress-steps__step .btn{width:2em;height:2em;padding:0;background-color:var(--bs-black);color:var(--bs-white);font-weight:700}.progress-steps__step .form-check-label{position:absolute;left:50%;top:100%;min-width:12rem;transform:translate(-50%) translateY(50%);text-align:center}.progress-steps .progress-step{position:relative}.link-sharing .btn{width:100%;margin-bottom:.5rem}.base-button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s ease;text-decoration:none;width:100%;margin:0;padding:1.036em 1.625em;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:.4375em;font-size:.875em;line-height:1.125em;text-transform:uppercase;font-weight:700}@media screen and (min-width: 600px){.base-button{width:auto}}.base-button .icon{width:16px;height:16px;margin-top:-1px}.base-button.s-collapsed>.caption{display:none}.base-button.s-pending{background-repeat:no-repeat;background-position:center center}.base-button.s-pending .caption{margin-left:25px;visibility:hidden}@media screen and (min-width: 600px){.base-button.s-pending{background-position:1.625em center}.base-button.s-pending .caption{visibility:visible}}.base-button:read-only{cursor:not-allowed}.base-button:disabled{cursor:not-allowed}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}dialog{opacity:0;transition:opacity .8s;position:absolute;animation:modal-in .32s forwards ease}dialog[open]{width:100%;opacity:1;pointer-events:inherit}dialog::backdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:#0009}@keyframes modal-in{0%{translate:0 -100%;opacity:0}}.modal-dialog{background-color:var(--page-background-color, #fff);color:var(--body-color);border:none;box-shadow:0 0 .25rem #fff6;min-width:300px;max-width:500px}.modal-dialog--sm{max-width:300px}.modal-dialog--md{max-width:600px}.modal-dialog--lg{max-width:800px}.modal-dialog--xl{max-width:1140px}:root{--scroll-position: 0}body:has(dialog[open]){overflow:hidden;position:fixed;width:100%;top:calc(-1 * var(--scroll-position))}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ablok-components",
3
3
  "private": false,
4
- "version": "0.1.91",
4
+ "version": "0.1.92",
5
5
  "scripts": {
6
6
  "dev": "vite",
7
7
  "build": "vue-tsc --noEmit && vite build",