valtech-components 4.0.1021 → 4.0.1022
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/esm2022/lib/components/organisms/survey-builder/survey-builder.component.mjs +61 -39
- package/esm2022/lib/components/organisms/survey-builder/survey-builder.i18n.mjs +3 -1
- package/esm2022/lib/components/organisms/survey-response/survey-response.component.mjs +5 -6
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +67 -44
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/organisms/survey-builder/survey-builder.component.d.ts +1 -0
- package/lib/components/organisms/survey-response/survey-response.component.d.ts +4 -5
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -70,7 +70,7 @@ import fixWebmDuration from 'fix-webm-duration';
|
|
|
70
70
|
* Current version of valtech-components.
|
|
71
71
|
* This is automatically updated during the publish process.
|
|
72
72
|
*/
|
|
73
|
-
const VERSION = '4.0.
|
|
73
|
+
const VERSION = '4.0.1022';
|
|
74
74
|
|
|
75
75
|
function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
|
|
76
76
|
if (rule == null)
|
|
@@ -40014,11 +40014,10 @@ const DEFAULT_SUCCESS_IMAGE = 'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.
|
|
|
40014
40014
|
* que pueden no tener cuenta). Encuestas AUTHENTICATED/ORG/INTERNAL están
|
|
40015
40015
|
* fuera de alcance de este componente por ahora.
|
|
40016
40016
|
*
|
|
40017
|
-
* Cada pregunta se renderiza
|
|
40018
|
-
*
|
|
40019
|
-
*
|
|
40020
|
-
*
|
|
40021
|
-
* custom con el form genérico es más complicado que construir el propio.
|
|
40017
|
+
* Cada pregunta se renderiza mediante `val-form`, que conoce el catálogo
|
|
40018
|
+
* respondible de encuestas: texto, opciones, booleanos, fecha, rating y number
|
|
40019
|
+
* picker. Este componente solo decide el flujo público, identidad opcional,
|
|
40020
|
+
* pasos por sección y envío de respuestas.
|
|
40022
40021
|
*/
|
|
40023
40022
|
class SurveyResponseComponent {
|
|
40024
40023
|
constructor() {
|
|
@@ -41505,6 +41504,7 @@ const SURVEY_BUILDER_I18N = {
|
|
|
41505
41504
|
sectionSubtitleLabel: 'Subtítulo',
|
|
41506
41505
|
sectionSubtitlePlaceholder: 'Escribe un subtítulo para esta sección',
|
|
41507
41506
|
sectionTabsLabel: 'Secciones de la encuesta',
|
|
41507
|
+
sectionCounter: 'Sección {count}',
|
|
41508
41508
|
stepClose: 'Cierre',
|
|
41509
41509
|
stepReview: 'Revisar',
|
|
41510
41510
|
wizardStepsLabel: 'Pasos para crear la encuesta',
|
|
@@ -41577,6 +41577,7 @@ const SURVEY_BUILDER_I18N = {
|
|
|
41577
41577
|
sectionSubtitleLabel: 'Subtitle',
|
|
41578
41578
|
sectionSubtitlePlaceholder: 'Add a subtitle for this section',
|
|
41579
41579
|
sectionTabsLabel: 'Survey sections',
|
|
41580
|
+
sectionCounter: 'Section {count}',
|
|
41580
41581
|
stepClose: 'Close',
|
|
41581
41582
|
stepReview: 'Review',
|
|
41582
41583
|
wizardStepsLabel: 'Survey builder steps',
|
|
@@ -42389,6 +42390,10 @@ class SurveyBuilderComponent {
|
|
|
42389
42390
|
const key = count === 1 ? 'reviewQuestionCount' : 'reviewQuestionsCount';
|
|
42390
42391
|
return this.interpolate(this.t(key), { count });
|
|
42391
42392
|
}
|
|
42393
|
+
sectionQuestionCountText(count) {
|
|
42394
|
+
const key = count === 1 ? 'reviewQuestionCount' : 'reviewQuestionsCount';
|
|
42395
|
+
return this.interpolate(this.t(key), { count });
|
|
42396
|
+
}
|
|
42392
42397
|
previewProps() {
|
|
42393
42398
|
return {
|
|
42394
42399
|
token: 'survey-builder-preview',
|
|
@@ -42666,6 +42671,11 @@ class SurveyBuilderComponent {
|
|
|
42666
42671
|
@for (group of questionGroups(); track group.id; let sectionIndex = $index) {
|
|
42667
42672
|
@if (activeSectionId() === group.id) {
|
|
42668
42673
|
<section class="survey-builder__question-section">
|
|
42674
|
+
<div class="survey-builder__section-summary">
|
|
42675
|
+
<span>{{ interpolate(t('sectionCounter'), { count: sectionIndex + 1 }) }}</span>
|
|
42676
|
+
<strong>{{ group.label || t('sectionNamePlaceholder') }}</strong>
|
|
42677
|
+
<small>{{ sectionQuestionCountText(group.rows.length) }}</small>
|
|
42678
|
+
</div>
|
|
42669
42679
|
<div class="survey-builder__section-head">
|
|
42670
42680
|
<div class="survey-builder__section-fields">
|
|
42671
42681
|
<val-form-field [label]="t('sectionNameLabel')">
|
|
@@ -42775,25 +42785,11 @@ class SurveyBuilderComponent {
|
|
|
42775
42785
|
}
|
|
42776
42786
|
}
|
|
42777
42787
|
|
|
42778
|
-
|
|
42779
|
-
[props]="{
|
|
42780
|
-
token: 'survey-builder-add-question',
|
|
42781
|
-
text: t('addQuestion'),
|
|
42782
|
-
color: 'dark',
|
|
42783
|
-
fill: 'outline',
|
|
42784
|
-
shape: 'round',
|
|
42785
|
-
size: 'default',
|
|
42786
|
-
type: 'button',
|
|
42787
|
-
state: 'ENABLED',
|
|
42788
|
-
icon: { name: 'add-outline', slot: 'start' },
|
|
42789
|
-
}"
|
|
42790
|
-
(onClick)="addQuestion(currentSectionId())"
|
|
42791
|
-
/>
|
|
42792
|
-
@if (isWizard()) {
|
|
42788
|
+
@if (!isWizard()) {
|
|
42793
42789
|
<val-button
|
|
42794
42790
|
[props]="{
|
|
42795
|
-
token: 'survey-builder-add-
|
|
42796
|
-
text: t('
|
|
42791
|
+
token: 'survey-builder-add-question',
|
|
42792
|
+
text: t('addQuestion'),
|
|
42797
42793
|
color: 'dark',
|
|
42798
42794
|
fill: 'outline',
|
|
42799
42795
|
shape: 'round',
|
|
@@ -42802,9 +42798,27 @@ class SurveyBuilderComponent {
|
|
|
42802
42798
|
state: 'ENABLED',
|
|
42803
42799
|
icon: { name: 'add-outline', slot: 'start' },
|
|
42804
42800
|
}"
|
|
42805
|
-
(onClick)="
|
|
42801
|
+
(onClick)="addQuestion(currentSectionId())"
|
|
42806
42802
|
/>
|
|
42807
42803
|
}
|
|
42804
|
+
@if (isWizard()) {
|
|
42805
|
+
<div class="survey-builder__section-actions">
|
|
42806
|
+
<val-button
|
|
42807
|
+
[props]="{
|
|
42808
|
+
token: 'survey-builder-add-section',
|
|
42809
|
+
text: t('addSection'),
|
|
42810
|
+
color: 'dark',
|
|
42811
|
+
fill: 'outline',
|
|
42812
|
+
shape: 'round',
|
|
42813
|
+
size: 'default',
|
|
42814
|
+
type: 'button',
|
|
42815
|
+
state: 'ENABLED',
|
|
42816
|
+
icon: { name: 'add-outline', slot: 'start' },
|
|
42817
|
+
}"
|
|
42818
|
+
(onClick)="addSection()"
|
|
42819
|
+
/>
|
|
42820
|
+
</div>
|
|
42821
|
+
}
|
|
42808
42822
|
</div>
|
|
42809
42823
|
}
|
|
42810
42824
|
|
|
@@ -42841,7 +42855,7 @@ class SurveyBuilderComponent {
|
|
|
42841
42855
|
<val-button [props]="saveProps()" (onClick)="save()" />
|
|
42842
42856
|
}
|
|
42843
42857
|
</div>
|
|
42844
|
-
`, isInline: true, styles: [":host{display:block}.survey-builder{display:flex;flex-direction:column;gap:16px}.survey-builder__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__question-section{display:flex;flex-direction:column;gap:
|
|
42858
|
+
`, isInline: true, styles: [":host{display:block}.survey-builder{display:flex;flex-direction:column;gap:16px}.survey-builder__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__question-section{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:var(--val-radius-sm, 10px);background:rgba(var(--ion-text-color-rgb, 0, 0, 0),.025)}.survey-builder__section-summary{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .1))}.survey-builder__section-summary span,.survey-builder__section-summary small{color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.68);font-size:.8125rem;font-weight:700}.survey-builder__section-summary strong{color:var(--ion-text-color, #000);font-size:1rem}.survey-builder__section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.survey-builder__section-head strong{color:var(--ion-text-color, #000);font-size:.875rem}.survey-builder__section-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.survey-builder__section-tab{flex:0 0 auto;min-height:36px;padding:7px 12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .12));border-radius:999px;background:var(--ion-card-background, var(--ion-background-color, #fff));color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72);font-size:.8125rem;font-weight:700;cursor:pointer}.survey-builder__section-tab--active{border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.survey-builder__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.survey-builder__section,.survey-builder__review{display:flex;flex-direction:column;gap:12px}.survey-builder__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px;margin-bottom:12px}.survey-builder__step{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .12));border-radius:8px;background:var(--ion-card-background, var(--ion-background-color, #fff));color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72);font-size:.8125rem;font-weight:700;cursor:pointer}.survey-builder__step span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--ion-color-light, #f4f5f8);color:inherit;font-size:.75rem}.survey-builder__step--active{border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.survey-builder__wizard-actions{display:flex;justify-content:flex-end;gap:8px}.survey-builder__section-actions{display:flex;justify-content:flex-end}.survey-builder__review{padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:var(--val-radius-md, 12px);background:var(--ion-card-background, var(--ion-background-color, #fff))}.survey-builder__review strong{color:var(--ion-text-color, #000)}.survey-builder__review span:not(.survey-builder__questions-label){color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72);font-size:.875rem}.survey-builder__image-field{display:flex;flex-direction:column;gap:10px}.survey-builder__image-preview{position:relative;width:100%}.survey-builder__image-preview img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:8px;background:var(--ion-color-light, #f4f5f8)}.survey-builder__image-clear{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:#0009;color:#fff;cursor:pointer}.survey-builder__image-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:2px dashed var(--ion-color-dark, #2f2c3a);border-radius:20px;color:var(--ion-color-dark, #2f2c3a);font-size:.875rem;font-weight:600;cursor:pointer}.survey-builder__image-upload:hover{border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.survey-builder__image-upload--loading{opacity:.7;cursor:default}.survey-builder__image-upload ion-spinner{width:16px;height:16px}.survey-builder__image-upload input{display:none}.survey-builder__questions-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-text-color, #000)}.survey-builder__empty{margin:0;font-size:.875rem;color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72)}.survey-builder__optional-note{margin:0;color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72);font-size:.875rem;line-height:1.35}.survey-builder__row{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:var(--val-radius-md, 12px);background:var(--ion-card-background, var(--ion-background-color, #fff))}.survey-builder__row-head{display:flex;flex-direction:column;gap:8px}.survey-builder__row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.survey-builder__row-text strong{color:var(--ion-text-color, #000);font-size:.9375rem}.survey-builder__row-text span{color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.68);font-size:.8125rem}.survey-builder__row-actions{display:flex;gap:4px;flex-wrap:wrap}.survey-builder__row-editor{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--ion-border-color, rgba(0, 0, 0, .1))}.survey-builder__row-editor-actions{display:flex;justify-content:flex-end}.survey-builder__error{margin:0;color:var(--ion-color-danger);font-size:.875rem;font-weight:700}@media (min-width: 576px){.survey-builder__row-head{flex-direction:row;align-items:flex-start;justify-content:space-between}.survey-builder__row-text{flex:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: TextInputComponent, selector: "val-text-input", inputs: ["preset", "props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: FormFieldComponent, selector: "val-form-field", inputs: ["label"] }, { kind: "component", type: FieldSchemaEditorComponent, selector: "val-field-schema-editor", inputs: ["props"], outputs: ["save", "changed"] }] }); }
|
|
42845
42859
|
}
|
|
42846
42860
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SurveyBuilderComponent, decorators: [{
|
|
42847
42861
|
type: Component,
|
|
@@ -43086,6 +43100,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
43086
43100
|
@for (group of questionGroups(); track group.id; let sectionIndex = $index) {
|
|
43087
43101
|
@if (activeSectionId() === group.id) {
|
|
43088
43102
|
<section class="survey-builder__question-section">
|
|
43103
|
+
<div class="survey-builder__section-summary">
|
|
43104
|
+
<span>{{ interpolate(t('sectionCounter'), { count: sectionIndex + 1 }) }}</span>
|
|
43105
|
+
<strong>{{ group.label || t('sectionNamePlaceholder') }}</strong>
|
|
43106
|
+
<small>{{ sectionQuestionCountText(group.rows.length) }}</small>
|
|
43107
|
+
</div>
|
|
43089
43108
|
<div class="survey-builder__section-head">
|
|
43090
43109
|
<div class="survey-builder__section-fields">
|
|
43091
43110
|
<val-form-field [label]="t('sectionNameLabel')">
|
|
@@ -43195,25 +43214,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
43195
43214
|
}
|
|
43196
43215
|
}
|
|
43197
43216
|
|
|
43198
|
-
|
|
43199
|
-
[props]="{
|
|
43200
|
-
token: 'survey-builder-add-question',
|
|
43201
|
-
text: t('addQuestion'),
|
|
43202
|
-
color: 'dark',
|
|
43203
|
-
fill: 'outline',
|
|
43204
|
-
shape: 'round',
|
|
43205
|
-
size: 'default',
|
|
43206
|
-
type: 'button',
|
|
43207
|
-
state: 'ENABLED',
|
|
43208
|
-
icon: { name: 'add-outline', slot: 'start' },
|
|
43209
|
-
}"
|
|
43210
|
-
(onClick)="addQuestion(currentSectionId())"
|
|
43211
|
-
/>
|
|
43212
|
-
@if (isWizard()) {
|
|
43217
|
+
@if (!isWizard()) {
|
|
43213
43218
|
<val-button
|
|
43214
43219
|
[props]="{
|
|
43215
|
-
token: 'survey-builder-add-
|
|
43216
|
-
text: t('
|
|
43220
|
+
token: 'survey-builder-add-question',
|
|
43221
|
+
text: t('addQuestion'),
|
|
43217
43222
|
color: 'dark',
|
|
43218
43223
|
fill: 'outline',
|
|
43219
43224
|
shape: 'round',
|
|
@@ -43222,9 +43227,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
43222
43227
|
state: 'ENABLED',
|
|
43223
43228
|
icon: { name: 'add-outline', slot: 'start' },
|
|
43224
43229
|
}"
|
|
43225
|
-
(onClick)="
|
|
43230
|
+
(onClick)="addQuestion(currentSectionId())"
|
|
43226
43231
|
/>
|
|
43227
43232
|
}
|
|
43233
|
+
@if (isWizard()) {
|
|
43234
|
+
<div class="survey-builder__section-actions">
|
|
43235
|
+
<val-button
|
|
43236
|
+
[props]="{
|
|
43237
|
+
token: 'survey-builder-add-section',
|
|
43238
|
+
text: t('addSection'),
|
|
43239
|
+
color: 'dark',
|
|
43240
|
+
fill: 'outline',
|
|
43241
|
+
shape: 'round',
|
|
43242
|
+
size: 'default',
|
|
43243
|
+
type: 'button',
|
|
43244
|
+
state: 'ENABLED',
|
|
43245
|
+
icon: { name: 'add-outline', slot: 'start' },
|
|
43246
|
+
}"
|
|
43247
|
+
(onClick)="addSection()"
|
|
43248
|
+
/>
|
|
43249
|
+
</div>
|
|
43250
|
+
}
|
|
43228
43251
|
</div>
|
|
43229
43252
|
}
|
|
43230
43253
|
|
|
@@ -43261,7 +43284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
43261
43284
|
<val-button [props]="saveProps()" (onClick)="save()" />
|
|
43262
43285
|
}
|
|
43263
43286
|
</div>
|
|
43264
|
-
`, styles: [":host{display:block}.survey-builder{display:flex;flex-direction:column;gap:16px}.survey-builder__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__question-section{display:flex;flex-direction:column;gap:
|
|
43287
|
+
`, styles: [":host{display:block}.survey-builder{display:flex;flex-direction:column;gap:16px}.survey-builder__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__question-section{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:var(--val-radius-sm, 10px);background:rgba(var(--ion-text-color-rgb, 0, 0, 0),.025)}.survey-builder__section-summary{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--ion-border-color, rgba(0, 0, 0, .1))}.survey-builder__section-summary span,.survey-builder__section-summary small{color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.68);font-size:.8125rem;font-weight:700}.survey-builder__section-summary strong{color:var(--ion-text-color, #000);font-size:1rem}.survey-builder__section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.survey-builder__section-head strong{color:var(--ion-text-color, #000);font-size:.875rem}.survey-builder__section-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.survey-builder__section-tab{flex:0 0 auto;min-height:36px;padding:7px 12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .12));border-radius:999px;background:var(--ion-card-background, var(--ion-background-color, #fff));color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72);font-size:.8125rem;font-weight:700;cursor:pointer}.survey-builder__section-tab--active{border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.survey-builder__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.survey-builder__section,.survey-builder__review{display:flex;flex-direction:column;gap:12px}.survey-builder__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px;margin-bottom:12px}.survey-builder__step{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .12));border-radius:8px;background:var(--ion-card-background, var(--ion-background-color, #fff));color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72);font-size:.8125rem;font-weight:700;cursor:pointer}.survey-builder__step span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--ion-color-light, #f4f5f8);color:inherit;font-size:.75rem}.survey-builder__step--active{border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.survey-builder__wizard-actions{display:flex;justify-content:flex-end;gap:8px}.survey-builder__section-actions{display:flex;justify-content:flex-end}.survey-builder__review{padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:var(--val-radius-md, 12px);background:var(--ion-card-background, var(--ion-background-color, #fff))}.survey-builder__review strong{color:var(--ion-text-color, #000)}.survey-builder__review span:not(.survey-builder__questions-label){color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72);font-size:.875rem}.survey-builder__image-field{display:flex;flex-direction:column;gap:10px}.survey-builder__image-preview{position:relative;width:100%}.survey-builder__image-preview img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:8px;background:var(--ion-color-light, #f4f5f8)}.survey-builder__image-clear{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:#0009;color:#fff;cursor:pointer}.survey-builder__image-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:2px dashed var(--ion-color-dark, #2f2c3a);border-radius:20px;color:var(--ion-color-dark, #2f2c3a);font-size:.875rem;font-weight:600;cursor:pointer}.survey-builder__image-upload:hover{border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.survey-builder__image-upload--loading{opacity:.7;cursor:default}.survey-builder__image-upload ion-spinner{width:16px;height:16px}.survey-builder__image-upload input{display:none}.survey-builder__questions-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-text-color, #000)}.survey-builder__empty{margin:0;font-size:.875rem;color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72)}.survey-builder__optional-note{margin:0;color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.72);font-size:.875rem;line-height:1.35}.survey-builder__row{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:var(--val-radius-md, 12px);background:var(--ion-card-background, var(--ion-background-color, #fff))}.survey-builder__row-head{display:flex;flex-direction:column;gap:8px}.survey-builder__row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.survey-builder__row-text strong{color:var(--ion-text-color, #000);font-size:.9375rem}.survey-builder__row-text span{color:rgba(var(--ion-text-color-rgb, 0, 0, 0),.68);font-size:.8125rem}.survey-builder__row-actions{display:flex;gap:4px;flex-wrap:wrap}.survey-builder__row-editor{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--ion-border-color, rgba(0, 0, 0, .1))}.survey-builder__row-editor-actions{display:flex;justify-content:flex-end}.survey-builder__error{margin:0;color:var(--ion-color-danger);font-size:.875rem;font-weight:700}@media (min-width: 576px){.survey-builder__row-head{flex-direction:row;align-items:flex-start;justify-content:space-between}.survey-builder__row-text{flex:1}}\n"] }]
|
|
43265
43288
|
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
43266
43289
|
type: Input
|
|
43267
43290
|
}], saved: [{
|