valtech-components 4.0.999 → 4.0.1000

package/esm2022/lib/components/organisms/survey-builder/types.mjs

@@ -33,4 +33,4 @@ export const SURVEY_QUESTION_TYPES = [
     'EMAIL',
     'PHONE',
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL3N1cnZleS1idWlsZGVyL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRztJQUNuQyxjQUFjO0lBQ2QsUUFBUTtJQUNSLE9BQU87SUFDUCxjQUFjO0lBQ2QsUUFBUTtJQUNSLE1BQU07SUFDTixVQUFVO0lBQ1YsUUFBUTtJQUNSLE1BQU07SUFDTixPQUFPO0lBQ1AsT0FBTztDQUNSLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBFbnRpdHlSZWYsXG4gIEZpZWxkU2NoZW1hRGVmLFxuICBSZXF1ZXN0VHlwZUNvbmZpZyxcbiAgUmVxdWVzdFR5cGVQcmVzZW50YXRpb24sXG4gIFJlcXVlc3RWaXNpYmlsaXR5LFxufSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9yZXF1ZXN0cy90eXBlcyc7XG5cbi8qKlxuICogVGlwb3MgZGUgcHJlZ3VudGEgcXVlIG9mcmVjZSB1bmEgZW5jdWVzdGEuXG4gKlxuICogRWwgY29ydGUgbm8gZXMgZXN0w6l0aWNvOiAqKnRvZG8gdGlwbyBxdWUgZXN0YSBsaXN0YSBvZnJlemNhLCBgdmFsLXN1cnZleS1yZXNwb25zZWBcbiAqIHRpZW5lIHF1ZSBzYWJlciByZW5kZXJpemFybG8qKiwgbyBsYSBlbmN1ZXN0YSBzZSBndWFyZGEgYmllbiB5IHNlIHJlc3BvbmRlIG1hbFxuICogKHVuIHJhdGluZyBkaWJ1amFkbyBjb21vIGNhamEgZGUgdGV4dG8pLiBBbXBsaWFyIGFjw6Egb2JsaWdhIGEgYW1wbGlhciBlbFxuICogcmVuZGVyZXIgZW4gbGEgbWlzbWEgZW50cmVnYS5cbiAqXG4gKiBMb3Mgc2VpcyBwcmltZXJvcyBzb24gZGUgcmVzcHVlc3RhIGNlcnJhZGEg4oCUIGBjbG9zZWRBbnN3ZXJUeXBlc2AgZW5cbiAqIGBiYWNrZW5kL2dvL3NlcnZpY2VzL3JlcXVlc3QvYWdncmVnYXRlLmdvYCBsb3MgY3VlbnRhIHBvciB2YWxvciBlbiBlbFxuICogZGFzaGJvYXJkLiBMb3Mgc2VpcyDDumx0aW1vcyBzb24gYWJpZXJ0b3M6IGVsIGRhc2hib2FyZCBsaXN0YSBzdXMgcmVzcHVlc3Rhcy5cbiAqXG4gKiBgRklMRWAvYEFUVEFDSE1FTlRgIHF1ZWRhbiBkZWxpYmVyYWRhbWVudGUgZnVlcmE6IHVuYSBlbmN1ZXN0YSBlcyBww7pibGljYSB5XG4gKiBhbsOzbmltYSBwb3IgZGVmYXVsdCwgeSBhY2VwdGFyIHN1YmlkYXMgYWjDrSBlcyBzdXBlcmZpY2llIGRlIGFidXNvIHNpbiB1biBjYXNvXG4gKiBkZSB1c28gcXVlIGxvIHBpZGEuXG4gKlxuICogYENIRUNLYCB0YW1iacOpbiBxdWVkw7MgZnVlcmEsIHBvciBvdHJvIG1vdGl2bzogcGFyYSBxdWllbiByZXNwb25kZSBlcmEgbGEgbWlzbWFcbiAqIHByZWd1bnRhIHF1ZSBgVE9HR0xFYC4gRG9zIGZvcm1hcyBkZSBlc2NyaWJpciBcInPDrSBvIG5vXCIgbm8gbGUgZGFiYW4gdW5hIG9wY2nDs25cbiAqIGEgcXVpZW4gYXJtYSBsYSBlbmN1ZXN0YSwgbGUgZGFiYW4gdW5hIGR1ZGEuIEVsIHJlbmRlcmVyIHkgbGEgYWdyZWdhY2nDs25cbiAqIHNpZ3VlbiBlbnRlbmRpZW5kbyBgQ0hFQ0tgIOKAlCB1bmEgZW5jdWVzdGEgdmllamEgcXVlIGxvIHRlbmdhIHNlIHJlc3BvbmRlIHkgc2VcbiAqIGN1ZW50YSBpZ3VhbC5cbiAqL1xuZXhwb3J0IGNvbnN0IFNVUlZFWV9RVUVTVElPTl9UWVBFUyA9IFtcbiAgJ0VNT0pJX1JBVElORycsXG4gICdTRUxFQ1QnLFxuICAnUkFESU8nLFxuICAnTVVMVElfU0VMRUNUJyxcbiAgJ1RPR0dMRScsXG4gICdURVhUJyxcbiAgJ1RFWFRBUkVBJyxcbiAgJ05VTUJFUicsXG4gICdEQVRFJyxcbiAgJ0VNQUlMJyxcbiAgJ1BIT05FJyxcbl07XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgUXVlZMOzIGRlIGxhIHYxIGRlbCBidWlsZGVyIChBRFItMDkyIEZhc2UgMiksIGN1YW5kbyB1bmEgcHJlZ3VudGFcbiAqIGVyYSBzb2xvIGxhYmVsICsgdW5vIGRlIGRvcyB0aXBvcy4gSG95IHVuYSBwcmVndW50YSBlcyB1biBgRWRpdGFibGVGaWVsZERlZmBcbiAqIGNvbXBsZXRvIOKAlCB2ZXIgYHZhbC1maWVsZC1zY2hlbWEtZWRpdG9yYC4gTm8gc2UgdXNhIGVuIG5pbmfDum4gbGFkbzsgc2VcbiAqIGNvbnNlcnZhIHVuIGNpY2xvIHBhcmEgbm8gcm9tcGVyIHVuIGltcG9ydCBwZXJkaWRvLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFN1cnZleVF1ZXN0aW9uUm93IHtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdHlwZTogJ1RFWFRBUkVBJyB8ICdFTU9KSV9SQVRJTkcnO1xuICByZXF1aXJlZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTdXJ2ZXlCdWlsZGVyTWV0YWRhdGEge1xuICAvKiogU2kgc2UgcGFzYSwgZWRpdGEgZXNlIHRpcG8gZXhpc3RlbnRlOyBzaSBubywgY3JlYSB1bm8gbnVldm8uICovXG4gIHR5cGVJZD86IHN0cmluZztcbiAgLyoqIFByZWZpam8gZGVsIGBUeXBlYCBkZWwgUmVxdWVzdFR5cGVDb25maWcg4oCUIGVsIGNvbXBvbmVudGUgYXJtYSBgXCI8cHJlZml4Pjo8c2x1Zz5cImAuICovXG4gIHR5cGVQcmVmaXg/OiBzdHJpbmc7XG4gIGVudGl0eVJlZj86IEVudGl0eVJlZjtcbiAgLyoqIERlZmF1bHQgJ1BVQkxJQycg4oCUIGVsIGNhc28gbcOhcyBjb23Dum46IGxpbmsgZW52aWFkbyBhIGdlbnRlIHNpbiBjdWVudGEuICovXG4gIHZpc2liaWxpdHk/OiBSZXF1ZXN0VmlzaWJpbGl0eTtcbiAgLyoqIERlZmF1bHQgdHJ1ZS4gKi9cbiAgYWxsb3dBbm9ueW1vdXM/OiBib29sZWFuO1xuICAvKiogQWNvdGEgZWwgY2F0w6Fsb2dvIGRlIGBTVVJWRVlfUVVFU1RJT05fVFlQRVNgIHNpIHVuYSBhcHAgcXVpZXJlIG9mcmVjZXIgbWVub3MuICovXG4gIHF1ZXN0aW9uVHlwZXM/OiBzdHJpbmdbXTtcbiAgLyoqXG4gICAqIFNpIGVsIGJ1aWxkZXIgZ3VhcmRhIHBvciBzdSBjdWVudGEgY29udHJhIGAvdjIvcmVxdWVzdC10eXBlc2AuXG4gICAqXG4gICAqIERlZmF1bHQgYHRydWVgIHBvciBjb21wYXRpYmlsaWRhZCwgcGVybyAqKnVuYSBhcHAgY29uIGVuZHBvaW50IHByb3BpbyBkZWJlXG4gICAqIHBhc2FyIGBmYWxzZWAqKiB5IGd1YXJkYXIgZWxsYTogZWwgZW5kcG9pbnQgZGUgbGEgdmVydGljYWwgZXMgZWwgcXVlIHZhbGlkYVxuICAgKiBsYSBlbnRpZGFkIGR1ZcOxYSwgZXZpdGEgcXVlIGRvcyBlbmN1ZXN0YXMgZGUgZGlzdGludG8gZXZlbnRvIGNvbGlzaW9uZW4gZW5cbiAgICogZWwgbWlzbW8gYHR5cGVJZGAsIHkgYXV0b3JpemEgY29uIFNVIHBlcm1pc28uIENvbiBgZmFsc2VgLCBgc2F2ZSgpYCB2YWxpZGFcbiAgICogeSBlbWl0ZSBgZHJhZnRgIHNpbiB0b2NhciBsYSByZWQuXG4gICAqL1xuICBwZXJzaXN0PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFNpZW1icmEgZWwgYnVpbGRlciBjb24gdW5hIGVuY3Vlc3RhIHF1ZSB5YSBleGlzdGUsIHNpbiBpciBhIGJ1c2NhcmxhLlxuICAgKlxuICAgKiBWYSBkZSBsYSBtYW5vIGRlIGBwZXJzaXN0OiBmYWxzZWA6IGxhIGFwcCBxdWUgdGllbmUgZW5kcG9pbnQgcHJvcGlvIHlhXG4gICAqIHJlY2liacOzIGxhIGVuY3Vlc3RhIGVuIHN1IGxpc3RhZG8sIGFzw60gcXVlIHBlZGlybGEgZGUgbnVldm8gcG9yIGVsIGVuZHBvaW50XG4gICAqIGdlbsOpcmljbyBzZXLDrWEgdW5hIGxlY3R1cmEgZGUgbcOhcyDigJQgeSBlbmNpbWEgcG9yIHVuYSB2w61hIHF1ZSBleGlnZVxuICAgKiBgYXBwczptYW5hZ2VgLiBDb24gYHR5cGVJZGAgZWwgYnVpbGRlciBjYXJnYSBZIGd1YXJkYSBzb2xvOyBjb24gYGluaXRpYWxgXG4gICAqIHNvbG8gc2UgbGxlbmEuXG4gICAqL1xuICBpbml0aWFsPzogU3VydmV5RHJhZnRFdmVudDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTdXJ2ZXlCdWlsZGVyU2F2ZUV2ZW50IHtcbiAgdHlwZUNvbmZpZzogUmVxdWVzdFR5cGVDb25maWc7XG59XG5cbi8qKlxuICogTG8gcXVlIHNlIGVzY3JpYmnDsywgc2luIHBlcnNpc3Rpci5cbiAqXG4gKiBFeGlzdGUgcG9ycXVlICoqZWwgYnVpbGRlciBubyBzaWVtcHJlIGRlYmUgZ3VhcmRhciBwb3Igc3UgY3VlbnRhKiouIEN1YW5kbyBsYVxuICogYXBwIHRpZW5lIHN1IHByb3BpbyBlbmRwb2ludCBkZSBkb21pbmlvIChlbCBkZSBiaW5nbyB2YWxpZGEgZWwgZXZlbnRvLCBhY290YVxuICogZWwgYHR5cGVJZGAgcGFyYSBxdWUgZG9zIGV2ZW50b3Mgbm8gY29saXNpb25lbiB5IGF1dG9yaXphIGNvbiBlbCBwZXJtaXNvIGRlXG4gKiBsYSB2ZXJ0aWNhbCBlbiB2ZXogZGUgYGFwcHM6bWFuYWdlYCksIGd1YXJkYXIgZGVzZGUgYWPDoSBzZSBzYWx0YSB0b2RvIGVzby5cbiAqXG4gKiBMb3MgdHJlcyBjYW1wb3Mgc29uIGV4YWN0YW1lbnRlIGxvcyBkZSBgQ3JlYXRlRXZlbnRTdXJ2ZXlSZXF1ZXN0YCBlblxuICogYHNlcnZpY2VzL2JpbmdvL3N1cnZleS5nb2Ag4oCUIG5vIGVzIGNhc3VhbGlkYWQ6IGVzIGVsIGNvbnRyYXRvIHF1ZSBsYSBhcHBcbiAqIG5lY2VzaXRhIHJlZW52aWFyLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFN1cnZleURyYWZ0RXZlbnQge1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xuICBwcmVzZW50YXRpb24/OiBSZXF1ZXN0VHlwZVByZXNlbnRhdGlvbjtcbiAgcXVlc3Rpb25zOiBGaWVsZFNjaGVtYURlZltdO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL3N1cnZleS1idWlsZGVyL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRztJQUNuQyxjQUFjO0lBQ2QsUUFBUTtJQUNSLE9BQU87SUFDUCxjQUFjO0lBQ2QsUUFBUTtJQUNSLE1BQU07SUFDTixVQUFVO0lBQ1YsUUFBUTtJQUNSLE1BQU07SUFDTixPQUFPO0lBQ1AsT0FBTztDQUNSLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBFbnRpdHlSZWYsXG4gIEZpZWxkU2NoZW1hRGVmLFxuICBSZXF1ZXN0VHlwZUNvbmZpZyxcbiAgUmVxdWVzdFR5cGVQcmVzZW50YXRpb24sXG4gIFJlcXVlc3RWaXNpYmlsaXR5LFxufSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9yZXF1ZXN0cy90eXBlcyc7XG5cbi8qKlxuICogVGlwb3MgZGUgcHJlZ3VudGEgcXVlIG9mcmVjZSB1bmEgZW5jdWVzdGEuXG4gKlxuICogRWwgY29ydGUgbm8gZXMgZXN0w6l0aWNvOiAqKnRvZG8gdGlwbyBxdWUgZXN0YSBsaXN0YSBvZnJlemNhLCBgdmFsLXN1cnZleS1yZXNwb25zZWBcbiAqIHRpZW5lIHF1ZSBzYWJlciByZW5kZXJpemFybG8qKiwgbyBsYSBlbmN1ZXN0YSBzZSBndWFyZGEgYmllbiB5IHNlIHJlc3BvbmRlIG1hbFxuICogKHVuIHJhdGluZyBkaWJ1amFkbyBjb21vIGNhamEgZGUgdGV4dG8pLiBBbXBsaWFyIGFjw6Egb2JsaWdhIGEgYW1wbGlhciBlbFxuICogcmVuZGVyZXIgZW4gbGEgbWlzbWEgZW50cmVnYS5cbiAqXG4gKiBMb3Mgc2VpcyBwcmltZXJvcyBzb24gZGUgcmVzcHVlc3RhIGNlcnJhZGEg4oCUIGBjbG9zZWRBbnN3ZXJUeXBlc2AgZW5cbiAqIGBiYWNrZW5kL2dvL3NlcnZpY2VzL3JlcXVlc3QvYWdncmVnYXRlLmdvYCBsb3MgY3VlbnRhIHBvciB2YWxvciBlbiBlbFxuICogZGFzaGJvYXJkLiBMb3Mgc2VpcyDDumx0aW1vcyBzb24gYWJpZXJ0b3M6IGVsIGRhc2hib2FyZCBsaXN0YSBzdXMgcmVzcHVlc3Rhcy5cbiAqXG4gKiBgRklMRWAvYEFUVEFDSE1FTlRgIHF1ZWRhbiBkZWxpYmVyYWRhbWVudGUgZnVlcmE6IHVuYSBlbmN1ZXN0YSBlcyBww7pibGljYSB5XG4gKiBhbsOzbmltYSBwb3IgZGVmYXVsdCwgeSBhY2VwdGFyIHN1YmlkYXMgYWjDrSBlcyBzdXBlcmZpY2llIGRlIGFidXNvIHNpbiB1biBjYXNvXG4gKiBkZSB1c28gcXVlIGxvIHBpZGEuXG4gKlxuICogYENIRUNLYCB0YW1iacOpbiBxdWVkw7MgZnVlcmEsIHBvciBvdHJvIG1vdGl2bzogcGFyYSBxdWllbiByZXNwb25kZSBlcmEgbGEgbWlzbWFcbiAqIHByZWd1bnRhIHF1ZSBgVE9HR0xFYC4gRG9zIGZvcm1hcyBkZSBlc2NyaWJpciBcInPDrSBvIG5vXCIgbm8gbGUgZGFiYW4gdW5hIG9wY2nDs25cbiAqIGEgcXVpZW4gYXJtYSBsYSBlbmN1ZXN0YSwgbGUgZGFiYW4gdW5hIGR1ZGEuIEVsIHJlbmRlcmVyIHkgbGEgYWdyZWdhY2nDs25cbiAqIHNpZ3VlbiBlbnRlbmRpZW5kbyBgQ0hFQ0tgIOKAlCB1bmEgZW5jdWVzdGEgdmllamEgcXVlIGxvIHRlbmdhIHNlIHJlc3BvbmRlIHkgc2VcbiAqIGN1ZW50YSBpZ3VhbC5cbiAqL1xuZXhwb3J0IGNvbnN0IFNVUlZFWV9RVUVTVElPTl9UWVBFUyA9IFtcbiAgJ0VNT0pJX1JBVElORycsXG4gICdTRUxFQ1QnLFxuICAnUkFESU8nLFxuICAnTVVMVElfU0VMRUNUJyxcbiAgJ1RPR0dMRScsXG4gICdURVhUJyxcbiAgJ1RFWFRBUkVBJyxcbiAgJ05VTUJFUicsXG4gICdEQVRFJyxcbiAgJ0VNQUlMJyxcbiAgJ1BIT05FJyxcbl07XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgUXVlZMOzIGRlIGxhIHYxIGRlbCBidWlsZGVyIChBRFItMDkyIEZhc2UgMiksIGN1YW5kbyB1bmEgcHJlZ3VudGFcbiAqIGVyYSBzb2xvIGxhYmVsICsgdW5vIGRlIGRvcyB0aXBvcy4gSG95IHVuYSBwcmVndW50YSBlcyB1biBgRWRpdGFibGVGaWVsZERlZmBcbiAqIGNvbXBsZXRvIOKAlCB2ZXIgYHZhbC1maWVsZC1zY2hlbWEtZWRpdG9yYC4gTm8gc2UgdXNhIGVuIG5pbmfDum4gbGFkbzsgc2VcbiAqIGNvbnNlcnZhIHVuIGNpY2xvIHBhcmEgbm8gcm9tcGVyIHVuIGltcG9ydCBwZXJkaWRvLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFN1cnZleVF1ZXN0aW9uUm93IHtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdHlwZTogJ1RFWFRBUkVBJyB8ICdFTU9KSV9SQVRJTkcnO1xuICByZXF1aXJlZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTdXJ2ZXlCdWlsZGVyTWV0YWRhdGEge1xuICAvKiogU2kgc2UgcGFzYSwgZWRpdGEgZXNlIHRpcG8gZXhpc3RlbnRlOyBzaSBubywgY3JlYSB1bm8gbnVldm8uICovXG4gIHR5cGVJZD86IHN0cmluZztcbiAgLyoqIFByZWZpam8gZGVsIGBUeXBlYCBkZWwgUmVxdWVzdFR5cGVDb25maWcg4oCUIGVsIGNvbXBvbmVudGUgYXJtYSBgXCI8cHJlZml4Pjo8c2x1Zz5cImAuICovXG4gIHR5cGVQcmVmaXg/OiBzdHJpbmc7XG4gIGVudGl0eVJlZj86IEVudGl0eVJlZjtcbiAgLyoqIERlZmF1bHQgJ1BVQkxJQycg4oCUIGVsIGNhc28gbcOhcyBjb23Dum46IGxpbmsgZW52aWFkbyBhIGdlbnRlIHNpbiBjdWVudGEuICovXG4gIHZpc2liaWxpdHk/OiBSZXF1ZXN0VmlzaWJpbGl0eTtcbiAgLyoqIERlZmF1bHQgdHJ1ZS4gKi9cbiAgYWxsb3dBbm9ueW1vdXM/OiBib29sZWFuO1xuICAvKiogQWNvdGEgZWwgY2F0w6Fsb2dvIGRlIGBTVVJWRVlfUVVFU1RJT05fVFlQRVNgIHNpIHVuYSBhcHAgcXVpZXJlIG9mcmVjZXIgbWVub3MuICovXG4gIHF1ZXN0aW9uVHlwZXM/OiBzdHJpbmdbXTtcbiAgLyoqXG4gICAqIFN1YmUgaW3DoWdlbmVzIGRlIHByZXNlbnRhY2nDs24geSBkZXZ1ZWx2ZSBsYSBVUkwgcMO6YmxpY2EuIFNpIG5vIHNlIHBhc2EsIGVsXG4gICAqIGJ1aWxkZXIgY29uc2VydmEgc29sbyBlbCBjYW1wbyBVUkwgcGFyYSBjb25zdW1pZG9yZXMgc2luIFN0b3JhZ2UgcHJvcGlvLlxuICAgKi9cbiAgcHJlc2VudGF0aW9uSW1hZ2VVcGxvYWQ/OiAoXG4gICAgc2xvdDogJ2hlYWRlcicgfCAnc3VjY2VzcycsXG4gICAgZmlsZTogRmlsZVxuICApID0+IFByb21pc2U8c3RyaW5nPjtcbiAgLyoqXG4gICAqIFNpIGVsIGJ1aWxkZXIgZ3VhcmRhIHBvciBzdSBjdWVudGEgY29udHJhIGAvdjIvcmVxdWVzdC10eXBlc2AuXG4gICAqXG4gICAqIERlZmF1bHQgYHRydWVgIHBvciBjb21wYXRpYmlsaWRhZCwgcGVybyAqKnVuYSBhcHAgY29uIGVuZHBvaW50IHByb3BpbyBkZWJlXG4gICAqIHBhc2FyIGBmYWxzZWAqKiB5IGd1YXJkYXIgZWxsYTogZWwgZW5kcG9pbnQgZGUgbGEgdmVydGljYWwgZXMgZWwgcXVlIHZhbGlkYVxuICAgKiBsYSBlbnRpZGFkIGR1ZcOxYSwgZXZpdGEgcXVlIGRvcyBlbmN1ZXN0YXMgZGUgZGlzdGludG8gZXZlbnRvIGNvbGlzaW9uZW4gZW5cbiAgICogZWwgbWlzbW8gYHR5cGVJZGAsIHkgYXV0b3JpemEgY29uIFNVIHBlcm1pc28uIENvbiBgZmFsc2VgLCBgc2F2ZSgpYCB2YWxpZGFcbiAgICogeSBlbWl0ZSBgZHJhZnRgIHNpbiB0b2NhciBsYSByZWQuXG4gICAqL1xuICBwZXJzaXN0PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFNpZW1icmEgZWwgYnVpbGRlciBjb24gdW5hIGVuY3Vlc3RhIHF1ZSB5YSBleGlzdGUsIHNpbiBpciBhIGJ1c2NhcmxhLlxuICAgKlxuICAgKiBWYSBkZSBsYSBtYW5vIGRlIGBwZXJzaXN0OiBmYWxzZWA6IGxhIGFwcCBxdWUgdGllbmUgZW5kcG9pbnQgcHJvcGlvIHlhXG4gICAqIHJlY2liacOzIGxhIGVuY3Vlc3RhIGVuIHN1IGxpc3RhZG8sIGFzw60gcXVlIHBlZGlybGEgZGUgbnVldm8gcG9yIGVsIGVuZHBvaW50XG4gICAqIGdlbsOpcmljbyBzZXLDrWEgdW5hIGxlY3R1cmEgZGUgbcOhcyDigJQgeSBlbmNpbWEgcG9yIHVuYSB2w61hIHF1ZSBleGlnZVxuICAgKiBgYXBwczptYW5hZ2VgLiBDb24gYHR5cGVJZGAgZWwgYnVpbGRlciBjYXJnYSBZIGd1YXJkYSBzb2xvOyBjb24gYGluaXRpYWxgXG4gICAqIHNvbG8gc2UgbGxlbmEuXG4gICAqL1xuICBpbml0aWFsPzogU3VydmV5RHJhZnRFdmVudDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTdXJ2ZXlCdWlsZGVyU2F2ZUV2ZW50IHtcbiAgdHlwZUNvbmZpZzogUmVxdWVzdFR5cGVDb25maWc7XG59XG5cbi8qKlxuICogTG8gcXVlIHNlIGVzY3JpYmnDsywgc2luIHBlcnNpc3Rpci5cbiAqXG4gKiBFeGlzdGUgcG9ycXVlICoqZWwgYnVpbGRlciBubyBzaWVtcHJlIGRlYmUgZ3VhcmRhciBwb3Igc3UgY3VlbnRhKiouIEN1YW5kbyBsYVxuICogYXBwIHRpZW5lIHN1IHByb3BpbyBlbmRwb2ludCBkZSBkb21pbmlvIChlbCBkZSBiaW5nbyB2YWxpZGEgZWwgZXZlbnRvLCBhY290YVxuICogZWwgYHR5cGVJZGAgcGFyYSBxdWUgZG9zIGV2ZW50b3Mgbm8gY29saXNpb25lbiB5IGF1dG9yaXphIGNvbiBlbCBwZXJtaXNvIGRlXG4gKiBsYSB2ZXJ0aWNhbCBlbiB2ZXogZGUgYGFwcHM6bWFuYWdlYCksIGd1YXJkYXIgZGVzZGUgYWPDoSBzZSBzYWx0YSB0b2RvIGVzby5cbiAqXG4gKiBMb3MgdHJlcyBjYW1wb3Mgc29uIGV4YWN0YW1lbnRlIGxvcyBkZSBgQ3JlYXRlRXZlbnRTdXJ2ZXlSZXF1ZXN0YCBlblxuICogYHNlcnZpY2VzL2JpbmdvL3N1cnZleS5nb2Ag4oCUIG5vIGVzIGNhc3VhbGlkYWQ6IGVzIGVsIGNvbnRyYXRvIHF1ZSBsYSBhcHBcbiAqIG5lY2VzaXRhIHJlZW52aWFyLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFN1cnZleURyYWZ0RXZlbnQge1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xuICBwcmVzZW50YXRpb24/OiBSZXF1ZXN0VHlwZVByZXNlbnRhdGlvbjtcbiAgcXVlc3Rpb25zOiBGaWVsZFNjaGVtYURlZltdO1xufVxuIl19

package/esm2022/lib/version.mjs

@@ -2,5 +2,5 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export const VERSION = '4.0.999';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC45OTknO1xuIl19
+export const VERSION = '4.0.1000';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC4xMDAwJztcbiJdfQ==

package/fesm2022/valtech-components.mjs

@@ -70,7 +70,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.999';
+const VERSION = '4.0.1000';
 
 function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
     if (rule == null)
@@ -40664,6 +40664,12 @@ const SURVEY_BUILDER_I18N = {
         presentationLabel: 'Presentación',
         headerImageLabel: 'Imagen inicial',
         headerImagePlaceholder: 'URL de la imagen que abre la encuesta',
+        imageUpload: 'Subir imagen',
+        imageChange: 'Cambiar imagen',
+        imageRemove: 'Quitar imagen',
+        imageTypeError: 'Usa una imagen JPG, PNG, WEBP o GIF.',
+        imageSizeError: 'La imagen no puede pesar más de 10 MB.',
+        imageUploadError: 'No pudimos subir la imagen. Intenta nuevamente.',
         successTitleLabel: 'Título de agradecimiento',
         successTitlePlaceholder: 'Ej: Gracias por responder',
         successMessageLabel: 'Mensaje de agradecimiento',
@@ -40697,6 +40703,12 @@ const SURVEY_BUILDER_I18N = {
         presentationLabel: 'Presentation',
         headerImageLabel: 'Opening image',
         headerImagePlaceholder: 'Image URL shown at the start of the survey',
+        imageUpload: 'Upload image',
+        imageChange: 'Change image',
+        imageRemove: 'Remove image',
+        imageTypeError: 'Use a JPG, PNG, WEBP or GIF image.',
+        imageSizeError: 'The image must be 10 MB or less.',
+        imageUploadError: "We couldn't upload the image. Try again.",
         successTitleLabel: 'Thank-you title',
         successTitlePlaceholder: 'E.g: Thanks for answering',
         successMessageLabel: 'Thank-you message',
@@ -40770,6 +40782,9 @@ class SurveyBuilderComponent {
         this.editingId = signal('');
         this.validationError = signal('');
         this.saving = signal(false);
+        this.uploadingImage = signal('');
+        this.allowedImageTypes = ['image/jpeg', 'image/png', 'image/webp', 'image/gif'];
+        this.maxImageBytes = 10 * 1024 * 1024;
         if (!this.i18n.hasNamespace(NAMESPACE$1)) {
             this.i18n.registerDefaults(NAMESPACE$1, SURVEY_BUILDER_I18N);
         }
@@ -40779,6 +40794,7 @@ class SurveyBuilderComponent {
         if (!this.i18n.hasNamespace(EDITOR_NAMESPACE)) {
             this.i18n.registerDefaults(EDITOR_NAMESPACE, FIELD_SCHEMA_EDITOR_I18N);
         }
+        addIcons({ cloudUploadOutline, trashOutline });
     }
     async ngOnInit() {
         // Sembrado directo: la app ya tenía la encuesta, no hace falta leerla.
@@ -40899,6 +40915,49 @@ class SurveyBuilderComponent {
         this.editingId.set('');
         this.validationError.set('');
     }
+    async onPresentationFileSelected(slot, event) {
+        const input = event.target;
+        const file = input.files?.[0];
+        input.value = '';
+        if (!file || !this.props.presentationImageUpload || this.uploadingImage())
+            return;
+        if (file.type && !this.allowedImageTypes.includes(file.type)) {
+            this.validationError.set(this.t('imageTypeError'));
+            return;
+        }
+        if (file.size > this.maxImageBytes) {
+            this.validationError.set(this.t('imageSizeError'));
+            return;
+        }
+        this.uploadingImage.set(slot);
+        this.validationError.set('');
+        try {
+            const url = await this.props.presentationImageUpload(slot, file);
+            if (slot === 'header') {
+                this.headerImageControl.setValue(url);
+            }
+            else {
+                this.successImageControl.setValue(url);
+            }
+        }
+        catch (err) {
+            this.errors.handle(err, {
+                context: `surveyBuilder.presentationImageUpload slot=${slot}`,
+                fallbackKey: 'imageUploadError',
+                i18nNamespace: NAMESPACE$1,
+            });
+        }
+        finally {
+            this.uploadingImage.set('');
+        }
+    }
+    clearPresentationImage(slot) {
+        if (slot === 'header') {
+            this.headerImageControl.setValue('');
+            return;
+        }
+        this.successImageControl.setValue('');
+    }
     async save() {
         if (this.saving())
             return;
@@ -41021,18 +41080,80 @@ class SurveyBuilderComponent {
 
       <div class="survey-builder__presentation">
         <span class="survey-builder__questions-label">{{ t('presentationLabel') }}</span>
-        <val-form-field [label]="t('headerImageLabel')">
-          <val-text-input [props]="{ control: headerImageControl, placeholder: t('headerImagePlaceholder') }" />
-        </val-form-field>
+        <div class="survey-builder__image-field">
+          <val-form-field [label]="t('headerImageLabel')">
+            <val-text-input [props]="{ control: headerImageControl, placeholder: t('headerImagePlaceholder') }" />
+          </val-form-field>
+          @if (headerImageControl.value) {
+            <div class="survey-builder__image-preview">
+              <img [src]="headerImageControl.value" alt="" />
+              <button
+                type="button"
+                class="survey-builder__image-clear"
+                [attr.aria-label]="t('imageRemove')"
+                (click)="clearPresentationImage('header')"
+              >
+                <ion-icon name="trash-outline" aria-hidden="true" />
+              </button>
+            </div>
+          }
+          @if (props.presentationImageUpload) {
+            <label class="survey-builder__image-upload" [class.survey-builder__image-upload--loading]="uploadingImage() === 'header'">
+              @if (uploadingImage() === 'header') {
+                <ion-spinner name="crescent" />
+              } @else {
+                <ion-icon name="cloud-upload-outline" aria-hidden="true" />
+              }
+              <span>{{ headerImageControl.value ? t('imageChange') : t('imageUpload') }}</span>
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif"
+                [disabled]="uploadingImage() === 'header'"
+                (change)="onPresentationFileSelected('header', $event)"
+              />
+            </label>
+          }
+        </div>
         <val-form-field [label]="t('successTitleLabel')">
           <val-text-input [props]="{ control: successTitleControl, placeholder: t('successTitlePlaceholder') }" />
         </val-form-field>
         <val-form-field [label]="t('successMessageLabel')">
           <val-text-input [props]="{ control: successMessageControl, placeholder: t('successMessagePlaceholder') }" />
         </val-form-field>
-        <val-form-field [label]="t('successImageLabel')">
-          <val-text-input [props]="{ control: successImageControl, placeholder: t('successImagePlaceholder') }" />
-        </val-form-field>
+        <div class="survey-builder__image-field">
+          <val-form-field [label]="t('successImageLabel')">
+            <val-text-input [props]="{ control: successImageControl, placeholder: t('successImagePlaceholder') }" />
+          </val-form-field>
+          @if (successImageControl.value) {
+            <div class="survey-builder__image-preview">
+              <img [src]="successImageControl.value" alt="" />
+              <button
+                type="button"
+                class="survey-builder__image-clear"
+                [attr.aria-label]="t('imageRemove')"
+                (click)="clearPresentationImage('success')"
+              >
+                <ion-icon name="trash-outline" aria-hidden="true" />
+              </button>
+            </div>
+          }
+          @if (props.presentationImageUpload) {
+            <label class="survey-builder__image-upload" [class.survey-builder__image-upload--loading]="uploadingImage() === 'success'">
+              @if (uploadingImage() === 'success') {
+                <ion-spinner name="crescent" />
+              } @else {
+                <ion-icon name="cloud-upload-outline" aria-hidden="true" />
+              }
+              <span>{{ successImageControl.value ? t('imageChange') : t('imageUpload') }}</span>
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif"
+                [disabled]="uploadingImage() === 'success'"
+                (change)="onPresentationFileSelected('success', $event)"
+              />
+            </label>
+          }
+        </div>
       </div>
 
       <div class="survey-builder__questions">
@@ -41134,13 +41255,15 @@ class SurveyBuilderComponent {
         (onClick)="save()"
       />
     </div>
-  `, 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__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.survey-builder__questions-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-medium, #92949c)}.survey-builder__empty{margin:0;font-size:.875rem;color:var(--ion-color-medium, #92949c)}.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:var(--ion-color-medium, #92949c);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__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: 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"] }] }); }
+  `, 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__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.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-border-color, rgba(0, 0, 0, .16));border-radius:20px;color:var(--ion-color-medium-shade, #6b6675);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-color-medium, #92949c)}.survey-builder__empty{margin:0;font-size:.875rem;color:var(--ion-color-medium, #92949c)}.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:var(--ion-color-medium, #92949c);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__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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SurveyBuilderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'val-survey-builder', standalone: true, imports: [
                         CommonModule,
                         ReactiveFormsModule,
+                        IonIcon,
+                        IonSpinner,
                         TextInputComponent,
                         ButtonComponent,
                         FormFieldComponent,
@@ -41156,18 +41279,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
       <div class="survey-builder__presentation">
         <span class="survey-builder__questions-label">{{ t('presentationLabel') }}</span>
-        <val-form-field [label]="t('headerImageLabel')">
-          <val-text-input [props]="{ control: headerImageControl, placeholder: t('headerImagePlaceholder') }" />
-        </val-form-field>
+        <div class="survey-builder__image-field">
+          <val-form-field [label]="t('headerImageLabel')">
+            <val-text-input [props]="{ control: headerImageControl, placeholder: t('headerImagePlaceholder') }" />
+          </val-form-field>
+          @if (headerImageControl.value) {
+            <div class="survey-builder__image-preview">
+              <img [src]="headerImageControl.value" alt="" />
+              <button
+                type="button"
+                class="survey-builder__image-clear"
+                [attr.aria-label]="t('imageRemove')"
+                (click)="clearPresentationImage('header')"
+              >
+                <ion-icon name="trash-outline" aria-hidden="true" />
+              </button>
+            </div>
+          }
+          @if (props.presentationImageUpload) {
+            <label class="survey-builder__image-upload" [class.survey-builder__image-upload--loading]="uploadingImage() === 'header'">
+              @if (uploadingImage() === 'header') {
+                <ion-spinner name="crescent" />
+              } @else {
+                <ion-icon name="cloud-upload-outline" aria-hidden="true" />
+              }
+              <span>{{ headerImageControl.value ? t('imageChange') : t('imageUpload') }}</span>
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif"
+                [disabled]="uploadingImage() === 'header'"
+                (change)="onPresentationFileSelected('header', $event)"
+              />
+            </label>
+          }
+        </div>
         <val-form-field [label]="t('successTitleLabel')">
           <val-text-input [props]="{ control: successTitleControl, placeholder: t('successTitlePlaceholder') }" />
         </val-form-field>
         <val-form-field [label]="t('successMessageLabel')">
           <val-text-input [props]="{ control: successMessageControl, placeholder: t('successMessagePlaceholder') }" />
         </val-form-field>
-        <val-form-field [label]="t('successImageLabel')">
-          <val-text-input [props]="{ control: successImageControl, placeholder: t('successImagePlaceholder') }" />
-        </val-form-field>
+        <div class="survey-builder__image-field">
+          <val-form-field [label]="t('successImageLabel')">
+            <val-text-input [props]="{ control: successImageControl, placeholder: t('successImagePlaceholder') }" />
+          </val-form-field>
+          @if (successImageControl.value) {
+            <div class="survey-builder__image-preview">
+              <img [src]="successImageControl.value" alt="" />
+              <button
+                type="button"
+                class="survey-builder__image-clear"
+                [attr.aria-label]="t('imageRemove')"
+                (click)="clearPresentationImage('success')"
+              >
+                <ion-icon name="trash-outline" aria-hidden="true" />
+              </button>
+            </div>
+          }
+          @if (props.presentationImageUpload) {
+            <label class="survey-builder__image-upload" [class.survey-builder__image-upload--loading]="uploadingImage() === 'success'">
+              @if (uploadingImage() === 'success') {
+                <ion-spinner name="crescent" />
+              } @else {
+                <ion-icon name="cloud-upload-outline" aria-hidden="true" />
+              }
+              <span>{{ successImageControl.value ? t('imageChange') : t('imageUpload') }}</span>
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif"
+                [disabled]="uploadingImage() === 'success'"
+                (change)="onPresentationFileSelected('success', $event)"
+              />
+            </label>
+          }
+        </div>
       </div>
 
       <div class="survey-builder__questions">
@@ -41269,7 +41454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         (onClick)="save()"
       />
     </div>
-  `, 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__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.survey-builder__questions-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-medium, #92949c)}.survey-builder__empty{margin:0;font-size:.875rem;color:var(--ion-color-medium, #92949c)}.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:var(--ion-color-medium, #92949c);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__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"] }]
+  `, 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__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.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-border-color, rgba(0, 0, 0, .16));border-radius:20px;color:var(--ion-color-medium-shade, #6b6675);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-color-medium, #92949c)}.survey-builder__empty{margin:0;font-size:.875rem;color:var(--ion-color-medium, #92949c)}.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:var(--ion-color-medium, #92949c);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__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"] }]
         }], ctorParameters: () => [], propDecorators: { props: [{
                 type: Input
             }], saved: [{