@qaiddev/quests-embed 1.5.0 → 1.6.0

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 (11) hide show
  1. package/README.md +40 -14
  2. package/dist/bootstrap.d.ts +20 -0
  3. package/dist/embed.d.ts +24 -0
  4. package/dist/index.d.ts +1 -1
  5. package/dist/qaid-quests.js +394 -226
  6. package/dist/qaid-quests.js.map +1 -1
  7. package/dist/qaid-quests.umd.cjs +3 -3
  8. package/dist/qaid-quests.umd.cjs.map +1 -1
  9. package/dist/types.d.ts +20 -6
  10. package/dist/visibility.d.ts +16 -4
  11. package/package.json +1 -1
package/dist/qaid-quests.js CHANGED
@@ -1,18 +1,18 @@
1
- const z = `*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}:where(.qaid-q-root){--qaid-q-card-bg: light-dark(#ffffff, #1f2937);--qaid-q-card-fg: light-dark(#1f2937, #f9fafb);--qaid-q-card-border: light-dark(#e5e7eb, #374151);--qaid-q-card-radius: 1rem;--qaid-q-card-padding: 1.5rem;--qaid-q-card-shadow: 0 25px 50px -12px light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .6));--qaid-q-muted-fg: light-dark(#6b7280, #9ca3af);--qaid-q-progress-track: light-dark(#e5e7eb, #374151);--qaid-q-btn-radius: .5rem;--qaid-q-btn-padding-y: .625rem;--qaid-q-btn-padding-x: 1.125rem;--qaid-q-btn-font-weight: 500;--qaid-q-btn-primary-bg: var(--qaid-q-accent, #10b981);--qaid-q-btn-primary-fg: var(--qaid-q-accent-text, #ffffff);--qaid-q-btn-primary-border: transparent;--qaid-q-btn-secondary-bg: transparent;--qaid-q-btn-secondary-fg: light-dark(#374151, #d1d5db);--qaid-q-btn-secondary-border: light-dark(#d1d5db, #4b5563);--qaid-q-btn-secondary-hover-bg: light-dark(#f3f4f6, #374151);--qaid-q-option-bg: light-dark(#ffffff, #111827);--qaid-q-option-bg-selected: color-mix(in srgb, var(--qaid-q-accent, #10b981) 10%, transparent);--qaid-q-option-bg-hover: light-dark(#f9fafb, #1f2937);--qaid-q-option-fg: light-dark(#1f2937, #f9fafb);--qaid-q-option-border: light-dark(#e5e7eb, #374151);--qaid-q-option-border-selected: var(--qaid-q-accent, #10b981);--qaid-q-option-border-hover: light-dark(#9ca3af, #4b5563);--qaid-q-option-radius: .625rem;--qaid-q-option-padding: .75rem .875rem;--qaid-q-marker-bg: light-dark(#ffffff, #111827);--qaid-q-marker-bg-selected: var(--qaid-q-accent, #10b981);--qaid-q-marker-border: light-dark(#d1d5db, #4b5563);--qaid-q-marker-icon: light-dark(#ffffff, #1f2937);--qaid-q-marker-radius: 50%;--qaid-q-input-bg: light-dark(#ffffff, #111827);--qaid-q-input-fg: light-dark(#1f2937, #f9fafb);--qaid-q-input-border: light-dark(#d1d5db, #374151);--qaid-q-input-radius: .625rem;--qaid-q-input-padding: .75rem .875rem;--qaid-q-input-placeholder: light-dark(#9ca3af, #6b7280);--qaid-q-gap: .75rem;--qaid-q-section-gap: 1.25rem}:where(.qaid-q-root.qaid-q-theme-light){--qaid-q-card-bg: #ffffff;--qaid-q-card-fg: #1f2937;--qaid-q-card-border: #e5e7eb;--qaid-q-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--qaid-q-muted-fg: #6b7280;--qaid-q-progress-track: #e5e7eb;--qaid-q-btn-secondary-fg: #374151;--qaid-q-btn-secondary-border: #d1d5db;--qaid-q-btn-secondary-hover-bg: #f3f4f6;--qaid-q-option-bg: #ffffff;--qaid-q-option-bg-hover: #f9fafb;--qaid-q-option-fg: #1f2937;--qaid-q-option-border: #e5e7eb;--qaid-q-option-border-hover: #9ca3af;--qaid-q-marker-bg: #ffffff;--qaid-q-marker-border: #d1d5db;--qaid-q-marker-icon: #ffffff;--qaid-q-input-bg: #ffffff;--qaid-q-input-fg: #1f2937;--qaid-q-input-border: #d1d5db;--qaid-q-input-placeholder: #9ca3af}:where(.qaid-q-root.qaid-q-theme-dark){--qaid-q-card-bg: #1f2937;--qaid-q-card-fg: #f9fafb;--qaid-q-card-border: #374151;--qaid-q-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .6);--qaid-q-muted-fg: #9ca3af;--qaid-q-progress-track: #374151;--qaid-q-btn-secondary-fg: #d1d5db;--qaid-q-btn-secondary-border: #4b5563;--qaid-q-btn-secondary-hover-bg: #374151;--qaid-q-option-bg: #111827;--qaid-q-option-bg-hover: #1f2937;--qaid-q-option-fg: #f9fafb;--qaid-q-option-border: #374151;--qaid-q-option-border-hover: #4b5563;--qaid-q-marker-bg: #111827;--qaid-q-marker-border: #4b5563;--qaid-q-marker-icon: #1f2937;--qaid-q-input-bg: #111827;--qaid-q-input-fg: #f9fafb;--qaid-q-input-border: #374151;--qaid-q-input-placeholder: #6b7280}.qaid-q-root{color-scheme:light dark;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px);color:var(--qaid-q-card-fg)}.qaid-q-root.qaid-q-theme-light{color-scheme:light}.qaid-q-root.qaid-q-theme-dark{color-scheme:dark}.qaid-q-backdrop{position:fixed;inset:0;z-index:45;background:rgba(0,0,0,var(--qaid-backdrop-opacity, .4));animation:qaid-q-fade .18s ease-out}@keyframes qaid-q-fade{0%{opacity:0}to{opacity:1}}.qaid-q-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:var(--qaid-modal-width, 480px);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);pointer-events:auto;display:flex;flex-direction:column}.qaid-q-card{background:var(--qaid-q-card-bg);color:var(--qaid-q-card-fg);border-radius:var(--qaid-q-card-radius);box-shadow:var(--qaid-q-card-shadow);padding:var(--qaid-q-card-padding);overflow:hidden;display:flex;flex-direction:column;min-height:0}:where(.qaid-q-root.qaid-q-inline) .qaid-q-card{box-shadow:none;border:1px solid var(--qaid-q-card-border);flex:1;min-height:0}:where(.qaid-q-root.qaid-q-inline){height:100%;display:flex;flex-direction:column;min-height:0}.qaid-q-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.qaid-q-title{font-size:1.125em;font-weight:700;margin:0;color:var(--qaid-q-card-fg)}.qaid-q-step-counter{font-size:.875em;color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums;white-space:nowrap}.qaid-q-close{width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--qaid-q-muted-fg);display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}.qaid-q-close:hover{background:var(--qaid-q-btn-secondary-hover-bg);color:var(--qaid-q-card-fg)}.qaid-q-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-progress{position:relative;height:4px;background:var(--qaid-q-progress-track);border-radius:9999px;overflow:hidden;margin-bottom:var(--qaid-q-section-gap)}.qaid-q-progress--inline{flex:1;min-width:60px;margin-bottom:0}.qaid-q-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--qaid-q-accent, #10b981);border-radius:9999px;transition:width .3s ease;width:0%}.qaid-q-body{flex:1;min-height:0;overflow-y:auto;position:relative}.qaid-q-body[data-qaid-scroll=top]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent 100%)}.qaid-q-body[data-qaid-scroll=middle]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2rem,#000 calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 2rem,#000 calc(100% - 2.5rem),transparent 100%)}.qaid-q-body[data-qaid-scroll=bottom]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2rem);mask-image:linear-gradient(to bottom,transparent 0,#000 2rem)}.qaid-q-scroll-cue{position:sticky;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;height:1.5rem;margin-top:-1.5rem;pointer-events:none;color:var(--qaid-q-muted-fg)}.qaid-q-scroll-cue[hidden]{display:none}.qaid-q-scroll-cue svg{width:1.125rem;height:1.125rem;animation:qaid-q-nudge 1.6s ease-in-out infinite}@keyframes qaid-q-nudge{0%,to{transform:translateY(-2px);opacity:.55}50%{transform:translateY(2px);opacity:1}}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.375rem}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical .qaid-q-option{padding:.5rem;gap:.375rem}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical .qaid-q-option-image{max-height:5.5rem;object-fit:contain}.qaid-q-card[data-qaid-fit=compact] .qaid-q-option-desc{font-size:.75em}.qaid-q-card[data-qaid-fit=compact] .qaid-q-step{gap:calc(var(--qaid-q-gap) * .6)}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-horizontal .qaid-q-option-image{width:36px;height:36px}.qaid-q-step{display:flex;flex-direction:column;gap:var(--qaid-q-gap);animation:qaid-q-slide .22s ease-out}@keyframes qaid-q-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qaid-q-no-motion .qaid-q-step,.qaid-q-no-motion.qaid-q-root{animation:none!important}.qaid-q-label{font-size:1.125em;font-weight:600;margin:0;color:var(--qaid-q-card-fg);line-height:1.35}.qaid-q-label .qaid-q-required{color:var(--qaid-q-error, #ef4444);margin-left:.25rem}.qaid-q-description{font-size:.875em;color:var(--qaid-q-muted-fg);margin:0;line-height:1.4}.qaid-q-error{font-size:.8125em;color:var(--qaid-q-error, #ef4444);margin:0}.qaid-q-error:empty{display:none}.qaid-q-input,.qaid-q-textarea{width:100%;padding:var(--qaid-q-input-padding);border:1px solid var(--qaid-q-input-border);border-radius:var(--qaid-q-input-radius);font-family:inherit;font-size:1em;background:var(--qaid-q-input-bg);color:var(--qaid-q-input-fg);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.qaid-q-textarea{min-height:7rem;resize:vertical;font-family:inherit}.qaid-q-input:focus,.qaid-q-textarea:focus{outline:none;border-color:var(--qaid-q-focus, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 20%,transparent)}.qaid-q-input::placeholder,.qaid-q-textarea::placeholder{color:var(--qaid-q-input-placeholder)}.qaid-q-currency{position:relative}.qaid-q-currency-prefix{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--qaid-q-muted-fg);font-size:1em;font-weight:500;pointer-events:none}.qaid-q-currency .qaid-q-input{padding-left:2.25rem}.qaid-q-range-wrap{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.qaid-q-range-value{font-size:2em;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--qaid-q-accent, #10b981)}.qaid-q-range-value .qaid-q-range-unit{font-size:.5em;font-weight:500;color:var(--qaid-q-muted-fg);margin-left:.25rem}.qaid-q-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:9999px;background:var(--qaid-q-progress-track);outline:none}.qaid-q-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--qaid-q-accent, #10b981);border:3px solid var(--qaid-q-card-bg);box-shadow:0 2px 6px #0003;cursor:pointer;transition:transform .1s}.qaid-q-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--qaid-q-accent, #10b981);border:3px solid var(--qaid-q-card-bg);box-shadow:0 2px 6px #0003;cursor:pointer}.qaid-q-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-range-bounds{display:flex;justify-content:space-between;font-size:.8125em;color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums}.qaid-q-options{display:flex;flex-direction:column;gap:.5rem}.qaid-q-option{display:flex;align-items:flex-start;gap:.625rem;padding:var(--qaid-q-option-padding);border:1px solid var(--qaid-q-option-border);border-radius:var(--qaid-q-option-radius);background:var(--qaid-q-option-bg);text-align:left;font-size:1em;color:var(--qaid-q-option-fg);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s;-webkit-appearance:none;appearance:none;width:100%}.qaid-q-option:hover{border-color:var(--qaid-q-option-border-hover);background:var(--qaid-q-option-bg-hover)}.qaid-q-option:focus-visible{outline:none;border-color:var(--qaid-q-focus, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 25%,transparent)}.qaid-q-option.qaid-q-selected{border-color:var(--qaid-q-option-border-selected);background:var(--qaid-q-option-bg-selected)}.qaid-q-option-marker{flex-shrink:0;width:1.25rem;height:1.25rem;border:2px solid var(--qaid-q-marker-border);border-radius:var(--qaid-q-marker-radius);display:inline-flex;align-items:center;justify-content:center;margin-top:.125rem;background:var(--qaid-q-marker-bg);transition:border-color .12s,background .12s}.qaid-q-option.qaid-q-multi .qaid-q-option-marker{border-radius:.25rem}.qaid-q-option.qaid-q-selected .qaid-q-option-marker{border-color:var(--qaid-q-marker-bg-selected);background:var(--qaid-q-marker-bg-selected)}.qaid-q-option.qaid-q-selected .qaid-q-option-marker:after{content:"";display:block;width:.5rem;height:.5rem;border-radius:50%;background:var(--qaid-q-marker-icon)}.qaid-q-option.qaid-q-multi.qaid-q-selected .qaid-q-option-marker:after{content:"";display:block;width:70%;height:70%;border-radius:0;background:var(--qaid-q-marker-icon);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 7'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 7'/></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:none}.qaid-q-option-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.qaid-q-option-image{display:block;width:48px;height:48px;aspect-ratio:1 / 1;object-fit:cover;border-radius:.375rem;background:var(--qaid-q-progress-track);flex-shrink:0}.qaid-q-options--image-horizontal .qaid-q-option-body{flex-direction:row;align-items:center;gap:.75rem}.qaid-q-options--image-horizontal .qaid-q-option-body>:not(.qaid-q-option-image){flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.qaid-q-options--image-vertical{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.qaid-q-options--image-vertical .qaid-q-option{flex-direction:column;align-items:stretch;text-align:center;padding:.75rem;gap:.5rem}.qaid-q-options--image-vertical .qaid-q-option-body{align-items:center;text-align:center}.qaid-q-options--image-vertical .qaid-q-option-image{width:100%;height:auto;max-width:100%}.qaid-q-options--image-vertical .qaid-q-option-marker{position:absolute;top:.5rem;right:.5rem;margin-top:0}.qaid-q-options--image-vertical .qaid-q-option{position:relative}.qaid-q-options--image-vertical .qaid-q-option-key{position:absolute;top:.5rem;left:.5rem;align-self:auto}.qaid-q-option-label{font-weight:500;line-height:1.3}.qaid-q-option-desc{font-size:.8125em;color:var(--qaid-q-muted-fg);line-height:1.4}.qaid-q-option-key{flex-shrink:0;align-self:center;font-size:.7em;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;background:var(--qaid-q-progress-track);color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums}.qaid-q-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:var(--qaid-q-section-gap)}.qaid-q-footer--inline-progress{justify-content:flex-start;gap:.75rem}.qaid-q-footer-left,.qaid-q-footer-right{display:flex;gap:.5rem}.qaid-q-btn{padding:var(--qaid-q-btn-padding-y) var(--qaid-q-btn-padding-x);border-radius:var(--qaid-q-btn-radius);font-size:var(--qaid-q-btn-font-size, .9375em);font-weight:var(--qaid-q-btn-font-weight);border:1px solid transparent;cursor:pointer;transition:filter .15s,background .15s,color .15s;-webkit-appearance:none;appearance:none}.qaid-q-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-btn-secondary{background:var(--qaid-q-btn-secondary-bg);border-color:var(--qaid-q-btn-secondary-border);color:var(--qaid-q-btn-secondary-fg)}.qaid-q-btn-secondary:hover{background:var(--qaid-q-btn-secondary-hover-bg)}.qaid-q-btn-primary{background:var(--qaid-q-btn-primary-bg);color:var(--qaid-q-btn-primary-fg);border-color:var(--qaid-q-btn-primary-border)}.qaid-q-btn-primary:hover{filter:brightness(.9)}.qaid-q-btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:none}.qaid-q-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1.5rem 0;flex:1;min-height:0}.qaid-q-done-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--qaid-q-accent, #10b981) 18%,transparent);color:var(--qaid-q-accent, #10b981);display:inline-flex;align-items:center;justify-content:center;margin-bottom:.5rem}.qaid-q-done-title{font-size:1.25em;font-weight:700;margin:0}.qaid-q-done-message{color:var(--qaid-q-muted-fg);margin:0}.qaid-q-saving{display:inline-flex;align-items:center;gap:.375rem;font-size:.75em;color:var(--qaid-q-muted-fg);opacity:0;transition:opacity .2s}.qaid-q-saving.qaid-q-visible{opacity:1}.qaid-q-saving-dot{width:6px;height:6px;border-radius:50%;background:var(--qaid-q-accent, #10b981);animation:qaid-q-pulse 1.2s ease-in-out infinite}@keyframes qaid-q-pulse{0%,to{opacity:.3}50%{opacity:1}}:where(.qaid-q-root.qaid-q-unstyled) :where(.qaid-q-card,.qaid-q-header,.qaid-q-title,.qaid-q-description,.qaid-q-step,.qaid-q-label,.qaid-q-options,.qaid-q-option,.qaid-q-option-marker,.qaid-q-option-body,.qaid-q-option-label,.qaid-q-option-desc,.qaid-q-input,.qaid-q-textarea,.qaid-q-currency,.qaid-q-currency-prefix,.qaid-q-range,.qaid-q-range-wrap,.qaid-q-range-value,.qaid-q-btn,.qaid-q-footer,.qaid-q-progress,.qaid-q-progress-fill,.qaid-q-step-counter,.qaid-q-error,.qaid-q-saving,.qaid-q-done,.qaid-q-done-icon,.qaid-q-done-title,.qaid-q-done-message){all:unset;display:revert;box-sizing:border-box}.qaid-q-input:focus-visible,.qaid-q-textarea:focus-visible,.qaid-q-option:focus-visible,.qaid-q-btn:focus-visible,.qaid-q-close:focus-visible,.qaid-q-range:focus-visible{outline:2px solid transparent;outline-offset:2px}@media(prefers-reduced-motion:reduce){.qaid-q-root *,.qaid-q-root *:before,.qaid-q-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.qaid-q-range::-webkit-slider-thumb{transition:none!important}.qaid-q-range::-moz-range-thumb{transition:none!important}}@media(forced-colors:active){.qaid-q-input:focus-visible,.qaid-q-textarea:focus-visible,.qaid-q-option:focus-visible,.qaid-q-btn:focus-visible,.qaid-q-close:focus-visible,.qaid-q-range:focus-visible{outline:2px solid Highlight;outline-offset:2px}.qaid-q-card{border:1px solid CanvasText}.qaid-q-input,.qaid-q-textarea,.qaid-q-option{border-color:CanvasText}.qaid-q-option.qaid-q-selected{border-color:Highlight}.qaid-q-option.qaid-q-selected .qaid-q-option-marker{forced-color-adjust:none;background:Highlight;border-color:Highlight}.qaid-q-option.qaid-q-selected .qaid-q-option-marker:after{background:HighlightText}.qaid-q-progress{forced-color-adjust:none;background:Canvas;border:1px solid CanvasText}.qaid-q-progress-fill{forced-color-adjust:none;background:Highlight}}`;
2
- const D = ":where(.qaid-q-root){--qaid-q-card-radius: 0;--qaid-q-card-shadow: none;--qaid-q-btn-radius: 0;--qaid-q-option-radius: 0;--qaid-q-option-bg-selected: transparent;--qaid-q-input-radius: 0}", H = ":where(.qaid-q-root){--qaid-q-card-radius: 1.5rem;--qaid-q-btn-radius: 9999px;--qaid-q-btn-padding-x: 1.5rem;--qaid-q-option-radius: 9999px;--qaid-q-option-padding: .75rem 1.125rem;--qaid-q-input-radius: 9999px;--qaid-q-input-padding: .75rem 1.125rem}", O = ":where(.qaid-q-root){--qaid-q-card-padding: 1rem;--qaid-q-btn-padding-y: .5rem;--qaid-q-btn-padding-x: .875rem;--qaid-q-option-padding: .5rem .625rem;--qaid-q-input-padding: .5rem .625rem;--qaid-q-gap: .5rem;--qaid-q-section-gap: .875rem}", V = {
1
+ const Y = `*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}:where(.qaid-q-root){--qaid-q-card-bg: light-dark(#ffffff, #1f2937);--qaid-q-card-fg: light-dark(#1f2937, #f9fafb);--qaid-q-card-border: light-dark(#e5e7eb, #374151);--qaid-q-card-radius: 1rem;--qaid-q-card-padding: 1.5rem;--qaid-q-card-shadow: 0 25px 50px -12px light-dark(rgba(0, 0, 0, .25), rgba(0, 0, 0, .6));--qaid-q-muted-fg: light-dark(#6b7280, #9ca3af);--qaid-q-progress-track: light-dark(#e5e7eb, #374151);--qaid-q-btn-radius: .5rem;--qaid-q-btn-padding-y: .625rem;--qaid-q-btn-padding-x: 1.125rem;--qaid-q-btn-font-weight: 500;--qaid-q-btn-primary-bg: var(--qaid-q-accent, #10b981);--qaid-q-btn-primary-fg: var(--qaid-q-accent-text, #ffffff);--qaid-q-btn-primary-border: transparent;--qaid-q-btn-secondary-bg: transparent;--qaid-q-btn-secondary-fg: light-dark(#374151, #d1d5db);--qaid-q-btn-secondary-border: light-dark(#d1d5db, #4b5563);--qaid-q-btn-secondary-hover-bg: light-dark(#f3f4f6, #374151);--qaid-q-option-bg: light-dark(#ffffff, #111827);--qaid-q-option-bg-selected: color-mix(in srgb, var(--qaid-q-accent, #10b981) 10%, transparent);--qaid-q-option-bg-hover: light-dark(#f9fafb, #1f2937);--qaid-q-option-fg: light-dark(#1f2937, #f9fafb);--qaid-q-option-border: light-dark(#e5e7eb, #374151);--qaid-q-option-border-selected: var(--qaid-q-accent, #10b981);--qaid-q-option-border-hover: light-dark(#9ca3af, #4b5563);--qaid-q-option-radius: .625rem;--qaid-q-option-padding: .75rem .875rem;--qaid-q-marker-bg: light-dark(#ffffff, #111827);--qaid-q-marker-bg-selected: var(--qaid-q-accent, #10b981);--qaid-q-marker-border: light-dark(#d1d5db, #4b5563);--qaid-q-marker-icon: light-dark(#ffffff, #1f2937);--qaid-q-marker-radius: 50%;--qaid-q-input-bg: light-dark(#ffffff, #111827);--qaid-q-input-fg: light-dark(#1f2937, #f9fafb);--qaid-q-input-border: light-dark(#d1d5db, #374151);--qaid-q-input-radius: .625rem;--qaid-q-input-padding: .75rem .875rem;--qaid-q-input-placeholder: light-dark(#9ca3af, #6b7280);--qaid-q-gap: .75rem;--qaid-q-section-gap: 1.25rem}:where(.qaid-q-root.qaid-q-theme-light){--qaid-q-card-bg: #ffffff;--qaid-q-card-fg: #1f2937;--qaid-q-card-border: #e5e7eb;--qaid-q-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--qaid-q-muted-fg: #6b7280;--qaid-q-progress-track: #e5e7eb;--qaid-q-btn-secondary-fg: #374151;--qaid-q-btn-secondary-border: #d1d5db;--qaid-q-btn-secondary-hover-bg: #f3f4f6;--qaid-q-option-bg: #ffffff;--qaid-q-option-bg-hover: #f9fafb;--qaid-q-option-fg: #1f2937;--qaid-q-option-border: #e5e7eb;--qaid-q-option-border-hover: #9ca3af;--qaid-q-marker-bg: #ffffff;--qaid-q-marker-border: #d1d5db;--qaid-q-marker-icon: #ffffff;--qaid-q-input-bg: #ffffff;--qaid-q-input-fg: #1f2937;--qaid-q-input-border: #d1d5db;--qaid-q-input-placeholder: #9ca3af}:where(.qaid-q-root.qaid-q-theme-dark){--qaid-q-card-bg: #1f2937;--qaid-q-card-fg: #f9fafb;--qaid-q-card-border: #374151;--qaid-q-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .6);--qaid-q-muted-fg: #9ca3af;--qaid-q-progress-track: #374151;--qaid-q-btn-secondary-fg: #d1d5db;--qaid-q-btn-secondary-border: #4b5563;--qaid-q-btn-secondary-hover-bg: #374151;--qaid-q-option-bg: #111827;--qaid-q-option-bg-hover: #1f2937;--qaid-q-option-fg: #f9fafb;--qaid-q-option-border: #374151;--qaid-q-option-border-hover: #4b5563;--qaid-q-marker-bg: #111827;--qaid-q-marker-border: #4b5563;--qaid-q-marker-icon: #1f2937;--qaid-q-input-bg: #111827;--qaid-q-input-fg: #f9fafb;--qaid-q-input-border: #374151;--qaid-q-input-placeholder: #6b7280}.qaid-q-root{color-scheme:light dark;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px);color:var(--qaid-q-card-fg)}.qaid-q-root.qaid-q-theme-light{color-scheme:light}.qaid-q-root.qaid-q-theme-dark{color-scheme:dark}.qaid-q-backdrop{position:fixed;inset:0;z-index:45;background:rgba(0,0,0,var(--qaid-backdrop-opacity, .4));animation:qaid-q-fade .18s ease-out}@keyframes qaid-q-fade{0%{opacity:0}to{opacity:1}}.qaid-q-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:var(--qaid-modal-width, 480px);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);pointer-events:auto;display:flex;flex-direction:column}.qaid-q-card{background:var(--qaid-q-card-bg);color:var(--qaid-q-card-fg);border-radius:var(--qaid-q-card-radius);box-shadow:var(--qaid-q-card-shadow);padding:var(--qaid-q-card-padding);overflow:hidden;display:flex;flex-direction:column;min-height:0}:where(.qaid-q-root.qaid-q-inline) .qaid-q-card{box-shadow:none;border:1px solid var(--qaid-q-card-border);flex:1;min-height:0}:where(.qaid-q-root.qaid-q-inline){height:100%;display:flex;flex-direction:column;min-height:0}.qaid-q-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.qaid-q-title{font-size:1.125em;font-weight:700;margin:0;color:var(--qaid-q-card-fg)}.qaid-q-step-counter{font-size:.875em;color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums;white-space:nowrap}.qaid-q-close{width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--qaid-q-muted-fg);display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}.qaid-q-close:hover{background:var(--qaid-q-btn-secondary-hover-bg);color:var(--qaid-q-card-fg)}.qaid-q-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-progress{position:relative;height:4px;background:var(--qaid-q-progress-track);border-radius:9999px;overflow:hidden;margin-bottom:var(--qaid-q-section-gap)}.qaid-q-progress--inline{flex:1;min-width:60px;margin-bottom:0}.qaid-q-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--qaid-q-accent, #10b981);border-radius:9999px;transition:width .3s ease;width:0%}.qaid-q-body{flex:1;min-height:0;overflow-y:auto;position:relative}.qaid-q-body[data-qaid-scroll=top]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent 100%)}.qaid-q-body[data-qaid-scroll=middle]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2rem,#000 calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 2rem,#000 calc(100% - 2.5rem),transparent 100%)}.qaid-q-body[data-qaid-scroll=bottom]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2rem);mask-image:linear-gradient(to bottom,transparent 0,#000 2rem)}.qaid-q-scroll-cue{position:sticky;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;height:1.5rem;margin-top:-1.5rem;pointer-events:none;color:var(--qaid-q-muted-fg)}.qaid-q-scroll-cue[hidden]{display:none}.qaid-q-scroll-cue svg{width:1.125rem;height:1.125rem;animation:qaid-q-nudge 1.6s ease-in-out infinite}@keyframes qaid-q-nudge{0%,to{transform:translateY(-2px);opacity:.55}50%{transform:translateY(2px);opacity:1}}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.375rem}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical .qaid-q-option{padding:.5rem;gap:.375rem}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-vertical .qaid-q-option-image{max-height:5.5rem;object-fit:contain}.qaid-q-card[data-qaid-fit=compact] .qaid-q-option-desc{font-size:.75em}.qaid-q-card[data-qaid-fit=compact] .qaid-q-step{gap:calc(var(--qaid-q-gap) * .6)}.qaid-q-card[data-qaid-fit=compact] .qaid-q-options--image-horizontal .qaid-q-option-image{width:36px;height:36px}.qaid-q-step{display:flex;flex-direction:column;gap:var(--qaid-q-gap);animation:qaid-q-slide .22s ease-out}@keyframes qaid-q-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qaid-q-no-motion .qaid-q-step,.qaid-q-no-motion.qaid-q-root{animation:none!important}.qaid-q-label{font-size:1.125em;font-weight:600;margin:0;color:var(--qaid-q-card-fg);line-height:1.35}.qaid-q-label .qaid-q-required{color:var(--qaid-q-error, #ef4444);margin-left:.25rem}.qaid-q-description{font-size:.875em;color:var(--qaid-q-muted-fg);margin:0;line-height:1.4}.qaid-q-error{font-size:.8125em;color:var(--qaid-q-error, #ef4444);margin:0}.qaid-q-error:empty{display:none}.qaid-q-input,.qaid-q-textarea{width:100%;padding:var(--qaid-q-input-padding);border:1px solid var(--qaid-q-input-border);border-radius:var(--qaid-q-input-radius);font-family:inherit;font-size:1em;background:var(--qaid-q-input-bg);color:var(--qaid-q-input-fg);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.qaid-q-textarea{min-height:7rem;resize:vertical;font-family:inherit}.qaid-q-input:focus,.qaid-q-textarea:focus{outline:none;border-color:var(--qaid-q-focus, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 20%,transparent)}.qaid-q-input::placeholder,.qaid-q-textarea::placeholder{color:var(--qaid-q-input-placeholder)}.qaid-q-currency{position:relative}.qaid-q-currency-prefix{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--qaid-q-muted-fg);font-size:1em;font-weight:500;pointer-events:none}.qaid-q-currency .qaid-q-input{padding-left:2.25rem}.qaid-q-range-wrap{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.qaid-q-range-value{font-size:2em;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--qaid-q-accent, #10b981)}.qaid-q-range-value .qaid-q-range-unit{font-size:.5em;font-weight:500;color:var(--qaid-q-muted-fg);margin-left:.25rem}.qaid-q-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:9999px;background:var(--qaid-q-progress-track);outline:none}.qaid-q-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--qaid-q-accent, #10b981);border:3px solid var(--qaid-q-card-bg);box-shadow:0 2px 6px #0003;cursor:pointer;transition:transform .1s}.qaid-q-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--qaid-q-accent, #10b981);border:3px solid var(--qaid-q-card-bg);box-shadow:0 2px 6px #0003;cursor:pointer}.qaid-q-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-range-bounds{display:flex;justify-content:space-between;font-size:.8125em;color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums}.qaid-q-options{display:flex;flex-direction:column;gap:.5rem}.qaid-q-option{display:flex;align-items:flex-start;gap:.625rem;padding:var(--qaid-q-option-padding);border:1px solid var(--qaid-q-option-border);border-radius:var(--qaid-q-option-radius);background:var(--qaid-q-option-bg);text-align:left;font-size:1em;color:var(--qaid-q-option-fg);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s;-webkit-appearance:none;appearance:none;width:100%}.qaid-q-option:hover{border-color:var(--qaid-q-option-border-hover);background:var(--qaid-q-option-bg-hover)}.qaid-q-option:focus-visible{outline:none;border-color:var(--qaid-q-focus, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 25%,transparent)}.qaid-q-option.qaid-q-selected{border-color:var(--qaid-q-option-border-selected);background:var(--qaid-q-option-bg-selected)}.qaid-q-option-marker{flex-shrink:0;width:1.25rem;height:1.25rem;border:2px solid var(--qaid-q-marker-border);border-radius:var(--qaid-q-marker-radius);display:inline-flex;align-items:center;justify-content:center;margin-top:.125rem;background:var(--qaid-q-marker-bg);transition:border-color .12s,background .12s}.qaid-q-option.qaid-q-multi .qaid-q-option-marker{border-radius:.25rem}.qaid-q-option.qaid-q-selected .qaid-q-option-marker{border-color:var(--qaid-q-marker-bg-selected);background:var(--qaid-q-marker-bg-selected)}.qaid-q-option.qaid-q-selected .qaid-q-option-marker:after{content:"";display:block;width:.5rem;height:.5rem;border-radius:50%;background:var(--qaid-q-marker-icon)}.qaid-q-option.qaid-q-multi.qaid-q-selected .qaid-q-option-marker:after{content:"";display:block;width:70%;height:70%;border-radius:0;background:var(--qaid-q-marker-icon);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 7'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 7'/></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:none}.qaid-q-option-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.qaid-q-option-image{display:block;width:48px;height:48px;aspect-ratio:1 / 1;object-fit:cover;border-radius:.375rem;background:var(--qaid-q-progress-track);flex-shrink:0}.qaid-q-options--image-horizontal .qaid-q-option-body{flex-direction:row;align-items:center;gap:.75rem}.qaid-q-options--image-horizontal .qaid-q-option-body>:not(.qaid-q-option-image){flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.qaid-q-options--image-vertical{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.qaid-q-options--image-vertical .qaid-q-option{flex-direction:column;align-items:stretch;text-align:center;padding:.75rem;gap:.5rem}.qaid-q-options--image-vertical .qaid-q-option-body{align-items:center;text-align:center}.qaid-q-options--image-vertical .qaid-q-option-image{width:100%;height:auto;max-width:100%}.qaid-q-options--image-vertical .qaid-q-option-marker{position:absolute;top:.5rem;right:.5rem;margin-top:0}.qaid-q-options--image-vertical .qaid-q-option{position:relative}.qaid-q-options--image-vertical .qaid-q-option-key{position:absolute;top:.5rem;left:.5rem;align-self:auto}.qaid-q-option-label{font-weight:500;line-height:1.3}.qaid-q-option-desc{font-size:.8125em;color:var(--qaid-q-muted-fg);line-height:1.4}.qaid-q-option-key{flex-shrink:0;align-self:center;font-size:.7em;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;background:var(--qaid-q-progress-track);color:var(--qaid-q-muted-fg);font-variant-numeric:tabular-nums}.qaid-q-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:var(--qaid-q-section-gap)}.qaid-q-footer--inline-progress{justify-content:flex-start;gap:.75rem}.qaid-q-footer-left,.qaid-q-footer-right{display:flex;gap:.5rem}.qaid-q-btn{padding:var(--qaid-q-btn-padding-y) var(--qaid-q-btn-padding-x);border-radius:var(--qaid-q-btn-radius);font-size:var(--qaid-q-btn-font-size, .9375em);font-weight:var(--qaid-q-btn-font-weight);border:1px solid transparent;cursor:pointer;transition:filter .15s,background .15s,color .15s;-webkit-appearance:none;appearance:none}.qaid-q-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-q-focus, #6366f1) 30%,transparent)}.qaid-q-btn-secondary{background:var(--qaid-q-btn-secondary-bg);border-color:var(--qaid-q-btn-secondary-border);color:var(--qaid-q-btn-secondary-fg)}.qaid-q-btn-secondary:hover{background:var(--qaid-q-btn-secondary-hover-bg)}.qaid-q-btn-primary{background:var(--qaid-q-btn-primary-bg);color:var(--qaid-q-btn-primary-fg);border-color:var(--qaid-q-btn-primary-border)}.qaid-q-btn-primary:hover{filter:brightness(.9)}.qaid-q-btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:none}.qaid-q-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1.5rem 0;flex:1;min-height:0}.qaid-q-done-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--qaid-q-accent, #10b981) 18%,transparent);color:var(--qaid-q-accent, #10b981);display:inline-flex;align-items:center;justify-content:center;margin-bottom:.5rem}.qaid-q-done-title{font-size:1.25em;font-weight:700;margin:0}.qaid-q-done-message{color:var(--qaid-q-muted-fg);margin:0}.qaid-q-submit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1.5rem 0;flex:1;min-height:0}.qaid-q-submit-error-title{font-size:1.25em;font-weight:700;margin:0}.qaid-q-submit-error-message{color:var(--qaid-q-muted-fg);margin:0}.qaid-q-submit-error-actions{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.qaid-q-saving{display:inline-flex;align-items:center;gap:.375rem;font-size:.75em;color:var(--qaid-q-muted-fg);opacity:0;transition:opacity .2s}.qaid-q-saving.qaid-q-visible{opacity:1}.qaid-q-saving-dot{width:6px;height:6px;border-radius:50%;background:var(--qaid-q-accent, #10b981);animation:qaid-q-pulse 1.2s ease-in-out infinite}@keyframes qaid-q-pulse{0%,to{opacity:.3}50%{opacity:1}}:where(.qaid-q-root.qaid-q-unstyled) :where(.qaid-q-card,.qaid-q-header,.qaid-q-title,.qaid-q-description,.qaid-q-step,.qaid-q-label,.qaid-q-options,.qaid-q-option,.qaid-q-option-marker,.qaid-q-option-body,.qaid-q-option-label,.qaid-q-option-desc,.qaid-q-input,.qaid-q-textarea,.qaid-q-currency,.qaid-q-currency-prefix,.qaid-q-range,.qaid-q-range-wrap,.qaid-q-range-value,.qaid-q-btn,.qaid-q-footer,.qaid-q-progress,.qaid-q-progress-fill,.qaid-q-step-counter,.qaid-q-error,.qaid-q-saving,.qaid-q-done,.qaid-q-done-icon,.qaid-q-done-title,.qaid-q-done-message,.qaid-q-submit-error,.qaid-q-submit-error-title,.qaid-q-submit-error-message,.qaid-q-submit-error-actions){all:unset;display:revert;box-sizing:border-box}.qaid-q-input:focus-visible,.qaid-q-textarea:focus-visible,.qaid-q-option:focus-visible,.qaid-q-btn:focus-visible,.qaid-q-close:focus-visible,.qaid-q-range:focus-visible{outline:2px solid transparent;outline-offset:2px}@media(prefers-reduced-motion:reduce){.qaid-q-root *,.qaid-q-root *:before,.qaid-q-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.qaid-q-range::-webkit-slider-thumb{transition:none!important}.qaid-q-range::-moz-range-thumb{transition:none!important}}@media(forced-colors:active){.qaid-q-input:focus-visible,.qaid-q-textarea:focus-visible,.qaid-q-option:focus-visible,.qaid-q-btn:focus-visible,.qaid-q-close:focus-visible,.qaid-q-range:focus-visible{outline:2px solid Highlight;outline-offset:2px}.qaid-q-card{border:1px solid CanvasText}.qaid-q-input,.qaid-q-textarea,.qaid-q-option{border-color:CanvasText}.qaid-q-option.qaid-q-selected{border-color:Highlight}.qaid-q-option.qaid-q-selected .qaid-q-option-marker{forced-color-adjust:none;background:Highlight;border-color:Highlight}.qaid-q-option.qaid-q-selected .qaid-q-option-marker:after{background:HighlightText}.qaid-q-progress{forced-color-adjust:none;background:Canvas;border:1px solid CanvasText}.qaid-q-progress-fill{forced-color-adjust:none;background:Highlight}}`;
2
+ const _ = ":where(.qaid-q-root){--qaid-q-card-radius: 0;--qaid-q-card-shadow: none;--qaid-q-btn-radius: 0;--qaid-q-option-radius: 0;--qaid-q-option-bg-selected: transparent;--qaid-q-input-radius: 0}", J = ":where(.qaid-q-root){--qaid-q-card-radius: 1.5rem;--qaid-q-btn-radius: 9999px;--qaid-q-btn-padding-x: 1.5rem;--qaid-q-option-radius: 9999px;--qaid-q-option-padding: .75rem 1.125rem;--qaid-q-input-radius: 9999px;--qaid-q-input-padding: .75rem 1.125rem}", W = ":where(.qaid-q-root){--qaid-q-card-padding: 1rem;--qaid-q-btn-padding-y: .5rem;--qaid-q-btn-padding-x: .875rem;--qaid-q-option-padding: .5rem .625rem;--qaid-q-input-padding: .5rem .625rem;--qaid-q-gap: .5rem;--qaid-q-section-gap: .875rem}", G = {
3
3
  default: "",
4
- minimal: D,
5
- pill: H,
6
- dense: O
4
+ minimal: _,
5
+ pill: J,
6
+ dense: W
7
7
  };
8
- function R(t) {
9
- return V[t] ?? "";
8
+ function X(t) {
9
+ return G[t] ?? "";
10
10
  }
11
- function P(t, e, i) {
11
+ function Z(t, e, i) {
12
12
  const [a, n, r] = [t, e, i].map((s) => (s = s / 255, s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4)));
13
13
  return 0.2126 * a + 0.7152 * n + 0.0722 * r;
14
14
  }
15
- function j(t) {
15
+ function ee(t) {
16
16
  if (t.startsWith("#")) {
17
17
  const i = t.slice(1), a = i.length === 3 ? i.split("").map((r) => r + r).join("") : i, n = parseInt(a, 16);
18
18
  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
@@ -20,25 +20,25 @@ function j(t) {
20
20
  const e = t.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
21
21
  return e ? { r: parseInt(e[1]), g: parseInt(e[2]), b: parseInt(e[3]) } : null;
22
22
  }
23
- function k(t) {
24
- const e = j(t);
25
- return e && P(e.r, e.g, e.b) > 0.4 ? "black" : "white";
23
+ function T(t) {
24
+ const e = ee(t);
25
+ return e && Z(e.r, e.g, e.b) > 0.4 ? "black" : "white";
26
26
  }
27
- function U(t = {}) {
27
+ function te(t = {}) {
28
28
  const e = {};
29
- return t.accentColor !== void 0 && (e["--qaid-q-accent"] = t.accentColor, e["--qaid-q-accent-text"] = k(t.accentColor)), t.errorColor !== void 0 && (e["--qaid-q-error"] = t.errorColor), t.focusColor !== void 0 && (e["--qaid-q-focus"] = t.focusColor, e["--qaid-q-focus-text"] = k(t.focusColor)), t.modalWidth !== void 0 && (e["--qaid-modal-width"] = `${t.modalWidth}px`), t.backdropOpacity !== void 0 && (e["--qaid-backdrop-opacity"] = String(t.backdropOpacity)), t.fontFamily !== void 0 && (e["--qaid-font-family"] = t.fontFamily), t.fontSize !== void 0 && (e["--qaid-font-size"] = `${t.fontSize}px`), e;
29
+ return t.accentColor !== void 0 && (e["--qaid-q-accent"] = t.accentColor, e["--qaid-q-accent-text"] = T(t.accentColor)), t.errorColor !== void 0 && (e["--qaid-q-error"] = t.errorColor), t.focusColor !== void 0 && (e["--qaid-q-focus"] = t.focusColor, e["--qaid-q-focus-text"] = T(t.focusColor)), t.modalWidth !== void 0 && (e["--qaid-modal-width"] = `${t.modalWidth}px`), t.backdropOpacity !== void 0 && (e["--qaid-backdrop-opacity"] = String(t.backdropOpacity)), t.fontFamily !== void 0 && (e["--qaid-font-family"] = t.fontFamily), t.fontSize !== void 0 && (e["--qaid-font-size"] = `${t.fontSize}px`), e;
30
30
  }
31
- function F(t, e) {
31
+ function ie(t, e) {
32
32
  for (const [i, a] of Object.entries(e))
33
33
  t.style.setProperty(i, a);
34
34
  }
35
- function M() {
36
- return z;
35
+ function ae() {
36
+ return Y;
37
37
  }
38
- function Q(t) {
39
- return R(t);
38
+ function ne(t) {
39
+ return X(t);
40
40
  }
41
- function v(t) {
41
+ function y(t) {
42
42
  let e = null;
43
43
  return {
44
44
  setInvalid(i) {
@@ -54,21 +54,21 @@ function v(t) {
54
54
  }
55
55
  };
56
56
  }
57
- function $(t) {
57
+ function re(t) {
58
58
  switch (t.question.type) {
59
59
  case "text":
60
- return K(t.question, t);
60
+ return se(t.question, t);
61
61
  case "currency":
62
- return Y(t.question, t);
62
+ return de(t.question, t);
63
63
  case "range":
64
- return W(t.question, t);
64
+ return ce(t.question, t);
65
65
  case "date":
66
- return G(t.question, t);
66
+ return ue(t.question, t);
67
67
  case "multiple-choice":
68
- return J(t.question, t);
68
+ return he(t.question, t);
69
69
  }
70
70
  }
71
- function K(t, e) {
71
+ function se(t, e) {
72
72
  const i = typeof e.initialValue == "string" ? e.initialValue : "";
73
73
  let a;
74
74
  if (t.multiline) {
@@ -76,7 +76,7 @@ function K(t, e) {
76
76
  n.className = "qaid-q-textarea", n.value = i, t.placeholder && (n.placeholder = t.placeholder), t.maxLength && (n.maxLength = t.maxLength), a = n;
77
77
  } else {
78
78
  const n = document.createElement("input");
79
- n.className = "qaid-q-input", n.type = t.inputType ?? "text", n.value = i, t.placeholder && (n.placeholder = t.placeholder), t.maxLength && (n.maxLength = t.maxLength), n.setAttribute("autocomplete", B(t.inputType)), a = n;
79
+ n.className = "qaid-q-input", n.type = t.inputType ?? "text", n.value = i, t.placeholder && (n.placeholder = t.placeholder), t.maxLength && (n.maxLength = t.maxLength), n.setAttribute("autocomplete", oe(t.inputType)), a = n;
80
80
  }
81
81
  return a.setAttribute("aria-label", t.label), t.required && a.setAttribute("aria-required", "true"), a.addEventListener("input", () => {
82
82
  e.onChange(a.value);
@@ -104,10 +104,10 @@ function K(t, e) {
104
104
  const n = a.value.trim();
105
105
  return !(n.length === 0 || t.minLength && n.length < t.minLength);
106
106
  },
107
- ...v(a)
107
+ ...y(a)
108
108
  };
109
109
  }
110
- function B(t) {
110
+ function oe(t) {
111
111
  switch (t) {
112
112
  case "email":
113
113
  return "email";
@@ -119,11 +119,11 @@ function B(t) {
119
119
  return "off";
120
120
  }
121
121
  }
122
- function Y(t, e) {
122
+ function de(t, e) {
123
123
  const i = document.createElement("div");
124
124
  i.className = "qaid-q-currency";
125
125
  const a = document.createElement("span");
126
- a.className = "qaid-q-currency-prefix", a.textContent = _(t.currency ?? "USD", t.locale), i.appendChild(a);
126
+ a.className = "qaid-q-currency-prefix", a.textContent = le(t.currency ?? "USD", t.locale), i.appendChild(a);
127
127
  const n = document.createElement("input");
128
128
  return n.className = "qaid-q-input", n.type = "number", n.inputMode = "decimal", n.step = "0.01", typeof t.min == "number" && (n.min = String(t.min)), typeof t.max == "number" && (n.max = String(t.max)), t.placeholder && (n.placeholder = t.placeholder), typeof e.initialValue == "number" ? n.value = String(e.initialValue) : typeof e.initialValue == "string" && e.initialValue !== "" && (n.value = e.initialValue), n.setAttribute("aria-label", t.label), t.required && n.setAttribute("aria-required", "true"), n.addEventListener("input", () => {
129
129
  const r = n.value;
@@ -147,10 +147,10 @@ function Y(t, e) {
147
147
  const r = n.value === "" ? null : Number(n.value);
148
148
  return !(t.required && (r === null || Number.isNaN(r)) || r !== null && !Number.isNaN(r) && (typeof t.min == "number" && r < t.min || typeof t.max == "number" && r > t.max));
149
149
  },
150
- ...v(n)
150
+ ...y(n)
151
151
  };
152
152
  }
153
- function _(t, e) {
153
+ function le(t, e) {
154
154
  try {
155
155
  return new Intl.NumberFormat(e, {
156
156
  style: "currency",
@@ -162,7 +162,7 @@ function _(t, e) {
162
162
  return t;
163
163
  }
164
164
  }
165
- function W(t, e) {
165
+ function ce(t, e) {
166
166
  const i = document.createElement("div");
167
167
  i.className = "qaid-q-range-wrap";
168
168
  const a = document.createElement("div");
@@ -174,28 +174,28 @@ function W(t, e) {
174
174
  }
175
175
  const r = typeof e.initialValue == "number" ? e.initialValue : t.defaultValue ?? t.min, s = document.createElement("input");
176
176
  s.className = "qaid-q-range", s.type = "range", s.min = String(t.min), s.max = String(t.max), s.step = String(t.step ?? 1), s.value = String(r), s.setAttribute("aria-label", t.label), s.setAttribute("aria-valuemin", String(t.min)), s.setAttribute("aria-valuemax", String(t.max));
177
- const d = () => {
177
+ const o = () => {
178
178
  n.textContent = s.value, s.setAttribute("aria-valuenow", s.value);
179
179
  };
180
- d(), s.addEventListener("input", () => {
181
- d(), e.onChange(Number(s.value));
180
+ o(), s.addEventListener("input", () => {
181
+ o(), e.onChange(Number(s.value));
182
182
  }), s.addEventListener("keydown", (l) => {
183
183
  l.key === "Enter" && (l.preventDefault(), e.onSubmit());
184
184
  });
185
- const h = document.createElement("div");
186
- h.className = "qaid-q-range-bounds";
185
+ const u = document.createElement("div");
186
+ u.className = "qaid-q-range-bounds";
187
187
  const q = document.createElement("span");
188
188
  q.textContent = `${t.min}${t.unit ?? ""}`;
189
189
  const m = document.createElement("span");
190
- return m.textContent = `${t.max}${t.unit ?? ""}`, h.appendChild(q), h.appendChild(m), i.appendChild(a), i.appendChild(s), i.appendChild(h), queueMicrotask(() => e.onChange(Number(s.value))), {
190
+ return m.textContent = `${t.max}${t.unit ?? ""}`, u.appendChild(q), u.appendChild(m), i.appendChild(a), i.appendChild(s), i.appendChild(u), queueMicrotask(() => e.onChange(Number(s.value))), {
191
191
  element: i,
192
192
  focus: () => s.focus(),
193
193
  getValue: () => Number(s.value),
194
194
  isValid: () => !0,
195
- ...v(s)
195
+ ...y(s)
196
196
  };
197
197
  }
198
- function G(t, e) {
198
+ function ue(t, e) {
199
199
  const i = document.createElement("input");
200
200
  return i.className = "qaid-q-input", i.type = "date", t.min && (i.min = t.min), t.max && (i.max = t.max), typeof e.initialValue == "string" && (i.value = e.initialValue), i.setAttribute("aria-label", t.label), t.required && i.setAttribute("aria-required", "true"), i.addEventListener("input", () => {
201
201
  e.onChange(i.value || null);
@@ -206,60 +206,60 @@ function G(t, e) {
206
206
  focus: () => i.focus(),
207
207
  getValue: () => i.value || null,
208
208
  isValid: () => t.required ? i.value !== "" : !0,
209
- ...v(i)
209
+ ...y(i)
210
210
  };
211
211
  }
212
- function J(t, e) {
212
+ function he(t, e) {
213
213
  const i = document.createElement("div"), a = t.imageAlignment ?? "horizontal", r = t.options.some((l) => !!l.image) ? a === "vertical" ? " qaid-q-options--image-vertical" : " qaid-q-options--image-horizontal" : "";
214
214
  i.className = `qaid-q-options${r}`, i.setAttribute("role", t.multiple ? "group" : "radiogroup"), i.setAttribute("aria-label", t.label), t.required && i.setAttribute("aria-required", "true");
215
215
  const s = /* @__PURE__ */ new Set();
216
216
  if (t.multiple && Array.isArray(e.initialValue))
217
217
  for (const l of e.initialValue) s.add(l);
218
218
  else !t.multiple && typeof e.initialValue == "string" && s.add(e.initialValue);
219
- const d = [];
220
- t.options.forEach((l, u) => {
219
+ const o = [];
220
+ t.options.forEach((l, h) => {
221
221
  const c = document.createElement("button");
222
222
  c.type = "button", c.className = `qaid-q-option${t.multiple ? " qaid-q-multi" : ""}`, c.dataset.value = l.value, c.setAttribute("role", t.multiple ? "checkbox" : "radio"), c.setAttribute("aria-checked", s.has(l.value) ? "true" : "false"), s.has(l.value) && c.classList.add("qaid-q-selected");
223
223
  const p = document.createElement("span");
224
224
  p.className = "qaid-q-option-marker", p.setAttribute("aria-hidden", "true");
225
225
  const f = document.createElement("span");
226
226
  if (f.className = "qaid-q-option-body", l.image) {
227
- const o = document.createElement("img");
228
- o.className = "qaid-q-option-image", o.src = l.image, o.alt = "", o.loading = "lazy", o.decoding = "async", f.appendChild(o);
227
+ const d = document.createElement("img");
228
+ d.className = "qaid-q-option-image", d.src = l.image, d.alt = "", d.loading = "lazy", d.decoding = "async", f.appendChild(d);
229
229
  }
230
230
  const g = document.createElement("span");
231
231
  if (g.className = "qaid-q-option-label", g.textContent = l.label, f.appendChild(g), l.description) {
232
- const o = document.createElement("span");
233
- o.className = "qaid-q-option-desc", o.textContent = l.description, f.appendChild(o);
232
+ const d = document.createElement("span");
233
+ d.className = "qaid-q-option-desc", d.textContent = l.description, f.appendChild(d);
234
234
  }
235
- if (c.appendChild(p), c.appendChild(f), u < 9) {
236
- const o = document.createElement("span");
237
- o.className = "qaid-q-option-key", o.textContent = String(u + 1), o.setAttribute("aria-hidden", "true"), c.appendChild(o);
235
+ if (c.appendChild(p), c.appendChild(f), h < 9) {
236
+ const d = document.createElement("span");
237
+ d.className = "qaid-q-option-key", d.textContent = String(h + 1), d.setAttribute("aria-hidden", "true"), c.appendChild(d);
238
238
  }
239
- c.addEventListener("click", () => q(u)), c.addEventListener("keydown", (o) => {
240
- if (o.key === "ArrowDown" || o.key === "ArrowRight") {
241
- o.preventDefault(), h((u + 1) % d.length);
239
+ c.addEventListener("click", () => q(h)), c.addEventListener("keydown", (d) => {
240
+ if (d.key === "ArrowDown" || d.key === "ArrowRight") {
241
+ d.preventDefault(), u((h + 1) % o.length);
242
242
  return;
243
243
  }
244
- if (o.key === "ArrowUp" || o.key === "ArrowLeft") {
245
- o.preventDefault(), h((u - 1 + d.length) % d.length);
244
+ if (d.key === "ArrowUp" || d.key === "ArrowLeft") {
245
+ d.preventDefault(), u((h - 1 + o.length) % o.length);
246
246
  return;
247
247
  }
248
- !t.multiple && o.key === "Enter" && s.size > 0 && (o.preventDefault(), e.onSubmit());
249
- }), d.push(c), i.appendChild(c);
248
+ !t.multiple && d.key === "Enter" && s.size > 0 && (d.preventDefault(), e.onSubmit());
249
+ }), o.push(c), i.appendChild(c);
250
250
  }), i.addEventListener("keydown", (l) => {
251
- const u = l.key;
252
- if (u.length === 1 && u >= "1" && u <= "9") {
253
- const c = parseInt(u, 10) - 1;
254
- c < d.length && (l.preventDefault(), q(c), h(c));
251
+ const h = l.key;
252
+ if (h.length === 1 && h >= "1" && h <= "9") {
253
+ const c = parseInt(h, 10) - 1;
254
+ c < o.length && (l.preventDefault(), q(c), u(c));
255
255
  }
256
256
  });
257
- function h(l) {
258
- d[l]?.focus();
257
+ function u(l) {
258
+ o[l]?.focus();
259
259
  }
260
260
  function q(l) {
261
- const u = t.options[l].value;
262
- t.multiple ? s.has(u) ? s.delete(u) : s.add(u) : (s.clear(), s.add(u)), d.forEach((c) => {
261
+ const h = t.options[l].value;
262
+ t.multiple ? s.has(h) ? s.delete(h) : s.add(h) : (s.clear(), s.add(h)), o.forEach((c) => {
263
263
  const p = c.dataset.value, f = s.has(p);
264
264
  c.classList.toggle("qaid-q-selected", f), c.setAttribute("aria-checked", f ? "true" : "false");
265
265
  }), e.onChange(m()), !t.multiple && e.autoAdvance && setTimeout(() => e.onAutoAdvance(), 180);
@@ -272,27 +272,34 @@ function J(t, e) {
272
272
  return {
273
273
  element: i,
274
274
  focus: () => {
275
- (d.find((u) => u.classList.contains("qaid-q-selected")) ?? d[0])?.focus();
275
+ (o.find((h) => h.classList.contains("qaid-q-selected")) ?? o[0])?.focus();
276
276
  },
277
277
  getValue: () => m(),
278
278
  isValid: () => t.required ? s.size > 0 : !0,
279
- ...v(i)
279
+ ...y(i)
280
280
  };
281
281
  }
282
282
  function C(t, e) {
283
- return t.questions.filter(
284
- (i) => i.visibleIf ? w(i.visibleIf, e) : !0
285
- );
283
+ const i = /* @__PURE__ */ Object.create(null), a = [];
284
+ for (const n of t.questions)
285
+ n.visibleIf && !k(n.visibleIf, i) || (a.push(n), Object.prototype.hasOwnProperty.call(e, n.id) && (i[n.id] = e[n.id]));
286
+ return a;
287
+ }
288
+ function pe(t, e) {
289
+ const i = {};
290
+ for (const a of C(t, e))
291
+ Object.prototype.hasOwnProperty.call(e, a.id) && (i[a.id] = e[a.id]);
292
+ return i;
286
293
  }
287
- function w(t, e) {
294
+ function k(t, e) {
288
295
  if ("allOf" in t) {
289
296
  for (const n of t.allOf)
290
- if (!w(n, e)) return !1;
297
+ if (!k(n, e)) return !1;
291
298
  return !0;
292
299
  }
293
300
  if ("anyOf" in t) {
294
301
  for (const n of t.anyOf)
295
- if (w(n, e)) return !0;
302
+ if (k(n, e)) return !0;
296
303
  return !1;
297
304
  }
298
305
  const i = e[t.questionId], a = i != null && !(typeof i == "string" && i.trim() === "") && !(Array.isArray(i) && i.length === 0);
@@ -301,26 +308,26 @@ function w(t, e) {
301
308
  function x(t, e) {
302
309
  return Array.isArray(t) ? t.some((i) => i === e) : t === e;
303
310
  }
304
- const X = 360, E = 2;
305
- function Z(t) {
311
+ const qe = 360, E = 2;
312
+ function me(t) {
306
313
  const e = t.scrollHeight - t.clientHeight;
307
314
  return e <= E ? "none" : t.scrollTop <= E ? "top" : t.scrollTop >= e - E ? "bottom" : "middle";
308
315
  }
309
- function ee(t, e) {
310
- const i = Z(t);
316
+ function fe(t, e) {
317
+ const i = me(t);
311
318
  if (t.setAttribute("data-qaid-scroll", i), e) {
312
319
  const a = i === "top" || i === "middle";
313
320
  e.hidden = !a;
314
321
  }
315
322
  return i;
316
323
  }
317
- function te(t, e) {
318
- const i = e > 0 && e < X ? "compact" : "roomy";
324
+ function ge(t, e) {
325
+ const i = e > 0 && e < qe ? "compact" : "roomy";
319
326
  return t.setAttribute("data-qaid-fit", i), i;
320
327
  }
321
- function ie(t, e, i) {
328
+ function be(t, e, i) {
322
329
  const a = () => {
323
- ee(t, i), te(e, t.clientHeight);
330
+ fe(t, i), ge(e, t.clientHeight);
324
331
  };
325
332
  t.addEventListener("scroll", a, { passive: !0 });
326
333
  let n = null;
@@ -331,7 +338,7 @@ function ie(t, e, i) {
331
338
  }
332
339
  };
333
340
  }
334
- const A = "data-qaid-a11y-live", ae = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;", ne = [
341
+ const L = "data-qaid-a11y-live", ve = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;", ye = [
335
342
  "a[href]",
336
343
  "button",
337
344
  "input",
@@ -339,25 +346,25 @@ const A = "data-qaid-a11y-live", ae = "position:absolute;width:1px;height:1px;ma
339
346
  "select",
340
347
  "[tabindex]"
341
348
  ].join(",");
342
- function re(t) {
349
+ function xe(t) {
343
350
  return t.ownerDocument || document;
344
351
  }
345
- function se(t, e) {
352
+ function Ee(t, e) {
346
353
  const i = e ? "assertive" : "polite", a = t.querySelector(
347
- `[${A}="${i}"]`
354
+ `[${L}="${i}"]`
348
355
  );
349
356
  if (a) return a;
350
- const r = re(t).createElement("div");
351
- return r.setAttribute(A, i), r.setAttribute("role", e ? "alert" : "status"), r.setAttribute("aria-live", e ? "assertive" : "polite"), r.setAttribute("aria-atomic", "true"), r.style.cssText = ae, t.appendChild(r), r;
357
+ const r = xe(t).createElement("div");
358
+ return r.setAttribute(L, i), r.setAttribute("role", e ? "alert" : "status"), r.setAttribute("aria-live", e ? "assertive" : "polite"), r.setAttribute("aria-atomic", "true"), r.style.cssText = ve, t.appendChild(r), r;
352
359
  }
353
- function y(t, e, i = {}) {
354
- const a = se(t, !!i.assertive);
360
+ function v(t, e, i = {}) {
361
+ const a = Ee(t, !!i.assertive);
355
362
  a.textContent = "", a.textContent = e;
356
363
  }
357
- function oe(t) {
364
+ function we(t) {
358
365
  return t.hasAttribute("disabled") ? !0 : t.disabled === !0;
359
366
  }
360
- function de(t) {
367
+ function Ce(t) {
361
368
  let e = t;
362
369
  for (; e; ) {
363
370
  if (e.hasAttribute("hidden")) return !0;
@@ -368,52 +375,52 @@ function de(t) {
368
375
  }
369
376
  return !1;
370
377
  }
371
- function S(t) {
378
+ function O(t) {
372
379
  return Array.from(
373
- t.querySelectorAll(ne)
374
- ).filter((i) => !(i.getAttribute("tabindex") === "-1" || i instanceof HTMLInputElement && i.type === "hidden" || i instanceof HTMLAnchorElement && !i.getAttribute("href") || oe(i) || de(i)));
380
+ t.querySelectorAll(ye)
381
+ ).filter((i) => !(i.getAttribute("tabindex") === "-1" || i instanceof HTMLInputElement && i.type === "hidden" || i instanceof HTMLAnchorElement && !i.getAttribute("href") || we(i) || Ce(i)));
375
382
  }
376
- function N(t) {
383
+ function j(t) {
377
384
  let e = t.activeElement;
378
385
  for (; e && e.shadowRoot && e.shadowRoot.activeElement; )
379
386
  e = e.shadowRoot.activeElement;
380
387
  return e instanceof HTMLElement ? e : null;
381
388
  }
382
- function le(t) {
389
+ function ke(t) {
383
390
  const e = t.ownerDocument || document;
384
391
  let i = !1;
385
392
  const a = (r) => {
386
393
  if (r.key !== "Tab") return;
387
- const s = S(t);
394
+ const s = O(t);
388
395
  if (s.length === 0) {
389
396
  r.preventDefault(), t.focus();
390
397
  return;
391
398
  }
392
- const d = s[0], h = s[s.length - 1], q = N(e), m = q ? s.indexOf(q) !== -1 : !1;
393
- r.shiftKey ? (!m || q === d) && (r.preventDefault(), h.focus()) : (!m || q === h) && (r.preventDefault(), d.focus());
399
+ const o = s[0], u = s[s.length - 1], q = j(e), m = q ? s.indexOf(q) !== -1 : !1;
400
+ r.shiftKey ? (!m || q === o) && (r.preventDefault(), u.focus()) : (!m || q === u) && (r.preventDefault(), o.focus());
394
401
  };
395
402
  t.addEventListener("keydown", a);
396
- const n = S(t);
403
+ const n = O(t);
397
404
  return n.length > 0 ? n[0].focus() : (t.hasAttribute("tabindex") || (t.setAttribute("tabindex", "-1"), i = !0), t.focus()), {
398
405
  release() {
399
406
  t.removeEventListener("keydown", a), i && (t.removeAttribute("tabindex"), i = !1);
400
407
  }
401
408
  };
402
409
  }
403
- function ce() {
404
- return N(document);
410
+ function Ae() {
411
+ return j(document);
405
412
  }
406
- function ue(t) {
413
+ function Se(t) {
407
414
  if (!(!t || typeof t.focus != "function"))
408
415
  try {
409
416
  t.focus();
410
417
  } catch {
411
418
  }
412
419
  }
413
- function he(t, e = {}) {
420
+ function Ie(t, e = {}) {
414
421
  t.setAttribute("role", "dialog"), t.setAttribute("aria-modal", "true"), e.labelledbyId && t.setAttribute("aria-labelledby", e.labelledbyId), e.describedbyId && t.setAttribute("aria-describedby", e.describedbyId), e.label && t.setAttribute("aria-label", e.label);
415
422
  }
416
- function pe(t, e) {
423
+ function Ne(t, e) {
417
424
  let i = t;
418
425
  for (; i && i !== e; ) {
419
426
  const a = i.parentNode;
@@ -427,15 +434,15 @@ function pe(t, e) {
427
434
  }
428
435
  return null;
429
436
  }
430
- function qe(t) {
437
+ function Te(t) {
431
438
  const i = (t.ownerDocument || document).body;
432
439
  if (!i) return () => {
433
440
  };
434
- const a = pe(t, i), n = [];
441
+ const a = Ne(t, i), n = [];
435
442
  return Array.from(i.children).forEach((r) => {
436
443
  if (!(r instanceof HTMLElement) || a && r === a) return;
437
- const s = r.inert === !0, d = r.getAttribute("aria-hidden");
438
- s && d === "true" || (r.inert = !0, r.setAttribute("aria-hidden", "true"), n.push({ el: r, prevInert: s, prevAriaHidden: d }));
444
+ const s = r.inert === !0, o = r.getAttribute("aria-hidden");
445
+ s && o === "true" || (r.inert = !0, r.setAttribute("aria-hidden", "true"), n.push({ el: r, prevInert: s, prevAriaHidden: o }));
439
446
  }), function() {
440
447
  for (; n.length; ) {
441
448
  const s = n.pop();
@@ -443,17 +450,29 @@ function qe(t) {
443
450
  }
444
451
  };
445
452
  }
446
- const I = "qaid_visitor_id";
447
- function me() {
453
+ const P = "qaid_visitor_id";
454
+ function z() {
455
+ const t = typeof crypto < "u" ? crypto : void 0;
456
+ if (t && typeof t.randomUUID == "function") return t.randomUUID();
457
+ const e = new Uint8Array(16);
458
+ if (t && typeof t.getRandomValues == "function")
459
+ t.getRandomValues(e);
460
+ else
461
+ for (let a = 0; a < e.length; a++) e[a] = Math.floor(Math.random() * 256);
462
+ e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128;
463
+ const i = Array.from(e, (a) => a.toString(16).padStart(2, "0")).join("");
464
+ return `${i.slice(0, 8)}-${i.slice(8, 12)}-${i.slice(12, 16)}-${i.slice(16, 20)}-${i.slice(20)}`;
465
+ }
466
+ function Le() {
448
467
  try {
449
- let t = localStorage.getItem(I);
450
- return t || (t = crypto.randomUUID(), localStorage.setItem(I, t)), t;
468
+ let t = localStorage.getItem(P);
469
+ return t || (t = z(), localStorage.setItem(P, t)), t;
451
470
  } catch {
452
- return crypto.randomUUID();
471
+ return z();
453
472
  }
454
473
  }
455
- const fe = '<svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none"/></svg>', ge = '<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12l4 4L19 7" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>';
456
- class be {
474
+ const Oe = '<svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none"/></svg>', Pe = '<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12l4 4L19 7" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>';
475
+ class ze {
457
476
  config;
458
477
  questionnaire = null;
459
478
  inlineQuestionnaire;
@@ -485,6 +504,17 @@ class be {
485
504
  answers = {};
486
505
  responseId = null;
487
506
  visitorId;
507
+ // The create-response request, so submit() can wait for one still in
508
+ // flight, and whether it is still running (a save stops waiting for an
509
+ // id the moment the create has failed, instead of sitting out 5 s).
510
+ createPromise = null;
511
+ createPending = !1;
512
+ // Set when an autosave was dropped because there was no response id to
513
+ // PATCH. submit() then re-sends every visible answer once it has an id,
514
+ // since a server may store answers from the PATCHes alone.
515
+ droppedSaves = !1;
516
+ // Guards submit() against a double click or a retry while one runs.
517
+ submitting = !1;
488
518
  // Per-question pending autosave (text/currency are debounced)
489
519
  pendingSaveTimer = null;
490
520
  pendingSaveQuestionId = null;
@@ -579,10 +609,10 @@ class be {
579
609
  backdropOpacity: e.backdropOpacity,
580
610
  fontFamily: e.fontFamily,
581
611
  fontSize: e.fontSize
582
- }, this.themeUrl = e.themeUrl, this.themeDocument = e.themeDocument, this.hostCss = e.css ?? "", this.metadata = e.metadata, this.onCompleteCb = e.onComplete, this.onCloseCb = e.onClose, this.inlineQuestionnaire = e.questionnaire, this.configUrl = e.configUrl, this.visitorId = me(), this.boundKeyDown = this.handleKeyDown.bind(this), this.init();
612
+ }, this.themeUrl = e.themeUrl, this.themeDocument = e.themeDocument, this.hostCss = e.css ?? "", this.metadata = e.metadata, this.onCompleteCb = e.onComplete, this.onCloseCb = e.onClose, this.inlineQuestionnaire = e.questionnaire, this.configUrl = e.configUrl, this.visitorId = Le(), this.boundKeyDown = this.handleKeyDown.bind(this), this.init();
583
613
  }
584
614
  async init() {
585
- this.cssVars = U(this.hostInlineVars), this.mountShell(), this.renderLoading();
615
+ this.cssVars = te(this.hostInlineVars), this.mountShell(), this.renderLoading();
586
616
  try {
587
617
  const [e, i] = await Promise.all([
588
618
  this.loadQuestionnaire(),
@@ -596,7 +626,7 @@ class be {
596
626
  );
597
627
  a !== -1 && (this.stepIndex = a), this.pendingGoToStep = null;
598
628
  }
599
- this.createResponse(), this.state = "READY", this.renderHeader(), this.renderStep(), this.setupModalA11y();
629
+ this.startCreate(), this.state = "READY", this.renderHeader(), this.renderStep(), this.setupModalA11y();
600
630
  } catch (e) {
601
631
  this.state = "ERROR", this.renderError(e);
602
632
  }
@@ -642,14 +672,14 @@ class be {
642
672
  ), this.rootEl.classList.toggle("qaid-q-unstyled", !!n);
643
673
  const r = [];
644
674
  if (e?.tokens && Object.keys(e.tokens).length > 0) {
645
- const s = Object.entries(e.tokens).filter(([, d]) => typeof d == "string" && d.trim() !== "").map(([d, h]) => ` ${d}: ${h};`).join(`
675
+ const s = Object.entries(e.tokens).filter(([, o]) => typeof o == "string" && o.trim() !== "").map(([o, u]) => ` ${o}: ${u};`).join(`
646
676
  `);
647
677
  s && r.push(`:where(.qaid-q-root) {
648
678
  ${s}
649
679
  }`);
650
680
  }
651
681
  if (i && i !== "default") {
652
- const s = Q(i);
682
+ const s = ne(i);
653
683
  s && r.push(s);
654
684
  }
655
685
  if (e?.css && e.css.trim() !== "" && r.push(e.css), this.hostCss && this.hostCss.trim() !== "" && r.push(this.hostCss), r.length > 0) {
@@ -679,26 +709,26 @@ ${s}
679
709
  mountShell() {
680
710
  this.shadowHost = document.createElement("div"), this.shadowHost.setAttribute("data-qaid-quests", "");
681
711
  const e = this.config.container ? document.querySelector(this.config.container) : null;
682
- e ? (this.shadowHost.style.display = "block", this.shadowHost.style.height = "100%", this.shadowHost.style.minHeight = "0", e.appendChild(this.shadowHost), this.isUserContainer = !0) : (this.savedOpener = ce(), this.shadowHost.style.position = "fixed", this.shadowHost.style.inset = "0", this.shadowHost.style.zIndex = String(this.config.zIndex), this.shadowHost.style.pointerEvents = "none", document.body.appendChild(this.shadowHost)), this.shadowRoot = this.shadowHost.attachShadow({ mode: "open" });
712
+ e ? (this.shadowHost.style.display = "block", this.shadowHost.style.height = "100%", this.shadowHost.style.minHeight = "0", e.appendChild(this.shadowHost), this.isUserContainer = !0) : (this.savedOpener = Ae(), this.shadowHost.style.position = "fixed", this.shadowHost.style.inset = "0", this.shadowHost.style.zIndex = String(this.config.zIndex), this.shadowHost.style.pointerEvents = "none", document.body.appendChild(this.shadowHost)), this.shadowRoot = this.shadowHost.attachShadow({ mode: "open" });
683
713
  const i = document.createElement("style");
684
- if (i.textContent = M(), this.shadowRoot.appendChild(i), this.rootEl = document.createElement("div"), this.rootEl.className = [
714
+ if (i.textContent = ae(), this.shadowRoot.appendChild(i), this.rootEl = document.createElement("div"), this.rootEl.className = [
685
715
  "qaid-q-root",
686
716
  this.isUserContainer ? "qaid-q-inline" : "",
687
717
  this.config.animate ? "" : "qaid-q-no-motion"
688
- ].filter(Boolean).join(" "), F(this.rootEl, this.cssVars), this.isUserContainer)
718
+ ].filter(Boolean).join(" "), ie(this.rootEl, this.cssVars), this.isUserContainer)
689
719
  this.cardEl = document.createElement("div"), this.cardEl.className = "qaid-q-card", this.rootEl.appendChild(this.cardEl);
690
720
  else {
691
721
  this.backdropEl = document.createElement("div"), this.backdropEl.className = "qaid-q-backdrop", this.backdropEl.addEventListener("click", () => this.close()), this.rootEl.appendChild(this.backdropEl);
692
722
  const a = document.createElement("div");
693
723
  a.className = "qaid-q-modal", this.cardEl = document.createElement("div"), this.cardEl.className = "qaid-q-card", a.appendChild(this.cardEl), this.rootEl.appendChild(a);
694
724
  }
695
- this.shadowRoot.appendChild(this.rootEl), !this.isUserContainer && this.shadowHost && (this.shadowHost.style.pointerEvents = "auto"), !this.isUserContainer && this.cardEl && he(this.cardEl), document.addEventListener("keydown", this.boundKeyDown);
725
+ this.shadowRoot.appendChild(this.rootEl), !this.isUserContainer && this.shadowHost && (this.shadowHost.style.pointerEvents = "auto"), !this.isUserContainer && this.cardEl && Ie(this.cardEl), document.addEventListener("keydown", this.boundKeyDown);
696
726
  }
697
727
  renderLoading() {
698
728
  if (!this.cardEl) return;
699
729
  this.cardEl.replaceChildren();
700
730
  const e = document.createElement("p");
701
- e.className = "qaid-q-description", e.textContent = "Loading…", this.cardEl.appendChild(e), this.shadowRoot && y(this.shadowRoot, "Loading");
731
+ e.className = "qaid-q-description", e.textContent = "Loading…", this.cardEl.appendChild(e), this.shadowRoot && v(this.shadowRoot, "Loading");
702
732
  }
703
733
  renderError(e) {
704
734
  if (!this.cardEl) return;
@@ -706,7 +736,7 @@ ${s}
706
736
  const i = document.createElement("h3");
707
737
  i.className = "qaid-q-title", i.textContent = "Couldn't load form";
708
738
  const a = e instanceof Error ? e.message : String(e), n = document.createElement("p");
709
- n.className = "qaid-q-description", n.textContent = a, this.cardEl.appendChild(i), this.cardEl.appendChild(n), this.shadowRoot && y(this.shadowRoot, `Couldn't load form. ${a}`, {
739
+ n.className = "qaid-q-description", n.textContent = a, this.cardEl.appendChild(i), this.cardEl.appendChild(n), this.shadowRoot && v(this.shadowRoot, `Couldn't load form. ${a}`, {
710
740
  assertive: !0
711
741
  });
712
742
  }
@@ -716,24 +746,24 @@ ${s}
716
746
  renderHeader() {
717
747
  if (!this.cardEl || !this.questionnaire) return;
718
748
  this.cardEl.replaceChildren();
719
- const e = !!this.questionnaire.hideProgress || this.questionnaire.questions.length <= 1, i = !e && this.effectiveProgressPosition() === "bottom", a = !!this.questionnaire.hideTitle, n = !!this.questionnaire.title && !a, r = !!this.questionnaire.description && !a, s = !this.isUserContainer, d = s || !i && !e;
749
+ const e = !!this.questionnaire.hideProgress || this.questionnaire.questions.length <= 1, i = !e && this.effectiveProgressPosition() === "bottom", a = !!this.questionnaire.hideTitle, n = !!this.questionnaire.title && !a, r = !!this.questionnaire.description && !a, s = !this.isUserContainer, o = s || !i && !e;
720
750
  this.savingEl = document.createElement("div"), this.savingEl.className = "qaid-q-saving";
721
- const h = document.createElement("span");
722
- h.className = "qaid-q-saving-dot";
751
+ const u = document.createElement("span");
752
+ u.className = "qaid-q-saving-dot";
723
753
  const q = document.createElement("span");
724
- q.textContent = "Saving…", this.savingEl.appendChild(h), this.savingEl.appendChild(q), this.stepCounterEl = document.createElement("div"), this.stepCounterEl.className = "qaid-q-step-counter", this.progressEl = document.createElement("div"), this.progressEl.className = i ? "qaid-q-progress qaid-q-progress--inline" : "qaid-q-progress", this.progressFillEl = document.createElement("div"), this.progressFillEl.className = "qaid-q-progress-fill", this.progressEl.appendChild(this.progressFillEl);
725
- const m = n || d;
754
+ q.textContent = "Saving…", this.savingEl.appendChild(u), this.savingEl.appendChild(q), this.stepCounterEl = document.createElement("div"), this.stepCounterEl.className = "qaid-q-step-counter", this.progressEl = document.createElement("div"), this.progressEl.className = i ? "qaid-q-progress qaid-q-progress--inline" : "qaid-q-progress", this.progressFillEl = document.createElement("div"), this.progressFillEl.className = "qaid-q-progress-fill", this.progressEl.appendChild(this.progressFillEl);
755
+ const m = n || o;
726
756
  if (m) {
727
757
  const l = document.createElement("div");
728
758
  l.className = "qaid-q-header";
729
- const u = document.createElement("div");
730
- n && (this.titleEl = document.createElement("h2"), this.titleEl.className = "qaid-q-title", this.titleEl.textContent = this.questionnaire.title, u.appendChild(this.titleEl));
759
+ const h = document.createElement("div");
760
+ n && (this.titleEl = document.createElement("h2"), this.titleEl.className = "qaid-q-title", this.titleEl.textContent = this.questionnaire.title, h.appendChild(this.titleEl));
731
761
  const c = document.createElement("div");
732
762
  if (c.style.display = "flex", c.style.alignItems = "center", c.style.gap = "0.5rem", i || (c.appendChild(this.savingEl), e || c.appendChild(this.stepCounterEl)), s) {
733
763
  const p = document.createElement("button");
734
- p.type = "button", p.className = "qaid-q-close", p.setAttribute("aria-label", "Close form"), p.innerHTML = fe, p.addEventListener("click", () => this.close()), c.appendChild(p);
764
+ p.type = "button", p.className = "qaid-q-close", p.setAttribute("aria-label", "Close form"), p.innerHTML = Oe, p.addEventListener("click", () => this.close()), c.appendChild(p);
735
765
  }
736
- l.appendChild(u), l.appendChild(c), this.cardEl.appendChild(l);
766
+ l.appendChild(h), l.appendChild(c), this.cardEl.appendChild(l);
737
767
  }
738
768
  if (!this.isUserContainer && this.cardEl && (this.titleEl ? (this.titleEl.id = this.titleEl.id || "qaid-q-dialog-title", this.cardEl.setAttribute("aria-labelledby", this.titleEl.id), this.cardEl.removeAttribute("aria-label")) : (this.cardEl.removeAttribute("aria-labelledby"), this.cardEl.setAttribute(
739
769
  "aria-label",
@@ -742,7 +772,7 @@ ${s}
742
772
  const l = document.createElement("p");
743
773
  l.className = "qaid-q-description", l.textContent = this.questionnaire.description, l.style.marginTop = m ? "-0.5rem" : "0", l.style.marginBottom = "0.75rem", this.cardEl.appendChild(l);
744
774
  }
745
- !i && !e && this.cardEl.appendChild(this.progressEl), this.bodyEl = document.createElement("div"), this.bodyEl.className = "qaid-q-body", this.cardEl.appendChild(this.bodyEl), this.footerEl = document.createElement("div"), this.footerEl.className = "qaid-q-footer", this.cardEl.appendChild(this.footerEl), this.scrollCueEl = document.createElement("div"), this.scrollCueEl.className = "qaid-q-scroll-cue", this.scrollCueEl.setAttribute("aria-hidden", "true"), this.scrollCueEl.hidden = !0, this.scrollCueEl.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>', this.bodyEl.appendChild(this.scrollCueEl), this.overflow = ie(this.bodyEl, this.cardEl, this.scrollCueEl);
775
+ !i && !e && this.cardEl.appendChild(this.progressEl), this.bodyEl = document.createElement("div"), this.bodyEl.className = "qaid-q-body", this.cardEl.appendChild(this.bodyEl), this.footerEl = document.createElement("div"), this.footerEl.className = "qaid-q-footer", this.cardEl.appendChild(this.footerEl), this.scrollCueEl = document.createElement("div"), this.scrollCueEl.className = "qaid-q-scroll-cue", this.scrollCueEl.setAttribute("aria-hidden", "true"), this.scrollCueEl.hidden = !0, this.scrollCueEl.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>', this.bodyEl.appendChild(this.scrollCueEl), this.overflow = be(this.bodyEl, this.cardEl, this.scrollCueEl);
746
776
  }
747
777
  // ------------------------------------------------------------------
748
778
  // Step rendering
@@ -758,49 +788,49 @@ ${s}
758
788
  this.stepIndex >= i && (this.stepIndex = i - 1);
759
789
  const a = this.stepIndex, n = this.visibleQuestions[a];
760
790
  if (this.stepCounterEl && (this.stepCounterEl.textContent = `${a + 1} / ${i}`), this.progressFillEl) {
761
- const o = (a + 1) / i * 100;
762
- this.progressFillEl.style.width = `${o}%`;
791
+ const d = (a + 1) / i * 100;
792
+ this.progressFillEl.style.width = `${d}%`;
763
793
  }
764
794
  this.progressEl && (this.progressEl.setAttribute("role", "progressbar"), this.progressEl.setAttribute("aria-label", "Progress"), this.progressEl.setAttribute("aria-valuemin", "0"), this.progressEl.setAttribute("aria-valuemax", String(i)), this.progressEl.setAttribute("aria-valuenow", String(a + 1)), this.progressEl.setAttribute(
765
795
  "aria-valuetext",
766
796
  `Question ${a + 1} of ${i}`
767
- )), this.shadowRoot && i > 1 && y(this.shadowRoot, `Step ${a + 1} of ${i}`);
797
+ )), this.shadowRoot && i > 1 && v(this.shadowRoot, `Step ${a + 1} of ${i}`);
768
798
  const r = document.createElement("div");
769
799
  r.className = "qaid-q-step", r.setAttribute("role", "group"), r.setAttribute("aria-labelledby", `qaid-q-label-${a}`);
770
800
  const s = document.createElement("label");
771
801
  if (s.id = `qaid-q-label-${a}`, s.className = "qaid-q-label", s.textContent = n.label, n.required) {
772
- const o = document.createElement("span");
773
- o.className = "qaid-q-required", o.textContent = "*", o.setAttribute("aria-label", "required"), s.appendChild(o);
802
+ const d = document.createElement("span");
803
+ d.className = "qaid-q-required", d.textContent = "*", d.setAttribute("aria-label", "required"), s.appendChild(d);
774
804
  }
775
805
  if (r.appendChild(s), n.description) {
776
- const o = document.createElement("p");
777
- o.className = "qaid-q-description", o.textContent = n.description, r.appendChild(o);
806
+ const d = document.createElement("p");
807
+ d.className = "qaid-q-description", d.textContent = n.description, r.appendChild(d);
778
808
  }
779
- const d = document.createElement("p");
780
- d.className = "qaid-q-error", d.id = `qaid-q-error-${a}`, d.setAttribute("aria-live", "polite");
781
- const h = this.answers[n.id] ?? null, q = a === i - 1, m = $({
809
+ const o = document.createElement("p");
810
+ o.className = "qaid-q-error", o.id = `qaid-q-error-${a}`, o.setAttribute("aria-live", "polite");
811
+ const u = this.answers[n.id] ?? null, q = a === i - 1, m = re({
782
812
  question: n,
783
- initialValue: h,
784
- onChange: (o) => {
785
- this.handleAnswerChange(n, o), d.textContent && (d.textContent = "", this.currentInput?.clearInvalid());
813
+ initialValue: u,
814
+ onChange: (d) => {
815
+ this.handleAnswerChange(n, d), o.textContent && (o.textContent = "", this.currentInput?.clearInvalid());
786
816
  },
787
- onSubmit: () => this.advance(n, d),
788
- onAutoAdvance: () => this.advance(n, d),
817
+ onSubmit: () => this.advance(n, o),
818
+ onAutoAdvance: () => this.advance(n, o),
789
819
  autoAdvance: this.config.autoAdvance
790
820
  });
791
- this.currentInput = m, r.appendChild(m.element), r.appendChild(d), this.bodyEl.replaceChildren(r), this.scrollCueEl && this.bodyEl.appendChild(this.scrollCueEl), this.bodyEl.scrollTop = 0, this.overflow?.refresh(), this.footerEl.replaceChildren();
792
- const u = !(!!this.questionnaire.hideProgress || this.questionnaire.questions.length <= 1) && this.effectiveProgressPosition() === "bottom", c = a > 0 ? (() => {
793
- const o = document.createElement("button");
794
- return o.type = "button", o.className = "qaid-q-btn qaid-q-btn-secondary", o.textContent = this.questionnaire.backLabel ?? "Back", o.addEventListener("click", () => this.back()), o;
821
+ this.currentInput = m, r.appendChild(m.element), r.appendChild(o), this.bodyEl.replaceChildren(r), this.scrollCueEl && this.bodyEl.appendChild(this.scrollCueEl), this.bodyEl.scrollTop = 0, this.overflow?.refresh(), this.footerEl.replaceChildren();
822
+ const h = !(!!this.questionnaire.hideProgress || this.questionnaire.questions.length <= 1) && this.effectiveProgressPosition() === "bottom", c = a > 0 ? (() => {
823
+ const d = document.createElement("button");
824
+ return d.type = "button", d.className = "qaid-q-btn qaid-q-btn-secondary", d.textContent = this.questionnaire.backLabel ?? "Back", d.addEventListener("click", () => this.back()), d;
795
825
  })() : null, p = document.createElement("button");
796
- if (p.type = "button", p.className = "qaid-q-btn qaid-q-btn-primary", p.textContent = q ? this.questionnaire.submitLabel ?? "Submit" : this.questionnaire.nextLabel ?? "Next", p.addEventListener("click", () => this.advance(n, d)), u)
826
+ if (p.type = "button", p.className = "qaid-q-btn qaid-q-btn-primary", p.textContent = q ? this.questionnaire.submitLabel ?? "Submit" : this.questionnaire.nextLabel ?? "Next", p.addEventListener("click", () => this.advance(n, o)), h)
797
827
  this.footerEl.classList.add("qaid-q-footer--inline-progress"), c && this.footerEl.appendChild(c), this.progressEl && this.footerEl.appendChild(this.progressEl), this.savingEl && this.footerEl.appendChild(this.savingEl), this.stepCounterEl && this.footerEl.appendChild(this.stepCounterEl), this.footerEl.appendChild(p);
798
828
  else {
799
829
  this.footerEl.classList.remove("qaid-q-footer--inline-progress");
800
- const o = document.createElement("div");
801
- o.className = "qaid-q-footer-left";
830
+ const d = document.createElement("div");
831
+ d.className = "qaid-q-footer-left";
802
832
  const b = document.createElement("div");
803
- b.className = "qaid-q-footer-right", c && o.appendChild(c), b.appendChild(p), this.footerEl.appendChild(o), this.footerEl.appendChild(b);
833
+ b.className = "qaid-q-footer-right", c && d.appendChild(c), b.appendChild(p), this.footerEl.appendChild(d), this.footerEl.appendChild(b);
804
834
  }
805
835
  const f = !this.hasRenderedStep;
806
836
  this.hasRenderedStep = !0, !e && (!f || this.config.autoFocus) && requestAnimationFrame(() => m.focus());
@@ -811,7 +841,7 @@ ${s}
811
841
  const e = document.createElement("div");
812
842
  e.className = "qaid-q-done";
813
843
  const i = document.createElement("div");
814
- i.className = "qaid-q-done-icon", i.innerHTML = ge, e.appendChild(i);
844
+ i.className = "qaid-q-done-icon", i.innerHTML = Pe, e.appendChild(i);
815
845
  const a = document.createElement("h3");
816
846
  a.className = "qaid-q-done-title";
817
847
  const n = this.questionnaire.thankYouTitle ?? "Thank you!";
@@ -825,8 +855,38 @@ ${s}
825
855
  }
826
856
  if (this.cardEl.appendChild(e), requestAnimationFrame(() => a.focus()), this.shadowRoot) {
827
857
  const r = this.questionnaire.thankYouMessage ? `${n}. ${this.questionnaire.thankYouMessage}` : n;
828
- y(this.shadowRoot, r);
858
+ v(this.shadowRoot, r);
859
+ }
860
+ }
861
+ /**
862
+ * Shown instead of the thank-you screen when the response could not be
863
+ * created or the submit was refused. The answers stay in memory, so
864
+ * "Try again" re-runs the whole submit (re-creating the response first
865
+ * if needed) without the visitor re-entering anything.
866
+ */
867
+ renderSubmitError() {
868
+ if (this.state = "SUBMIT_FAILED", !this.cardEl) return;
869
+ this.cardEl.replaceChildren();
870
+ const e = document.createElement("div");
871
+ e.className = "qaid-q-submit-error";
872
+ const i = document.createElement("h3");
873
+ i.className = "qaid-q-submit-error-title";
874
+ const a = "Couldn't send your answers";
875
+ i.textContent = a, i.setAttribute("tabindex", "-1"), e.appendChild(i);
876
+ const n = document.createElement("p");
877
+ n.className = "qaid-q-submit-error-message";
878
+ const r = "Your answers are still here. Check your connection and try again.";
879
+ n.textContent = r, e.appendChild(n);
880
+ const s = document.createElement("div");
881
+ s.className = "qaid-q-submit-error-actions";
882
+ const o = document.createElement("button");
883
+ if (o.type = "button", o.className = "qaid-q-btn qaid-q-btn-primary", o.textContent = "Try again", o.addEventListener("click", () => {
884
+ this.submitting || (o.setAttribute("aria-disabled", "true"), o.textContent = "Sending…", this.submit());
885
+ }), s.appendChild(o), !this.isUserContainer) {
886
+ const u = document.createElement("button");
887
+ u.type = "button", u.className = "qaid-q-btn qaid-q-btn-secondary", u.textContent = "Close", u.addEventListener("click", () => this.close()), s.appendChild(u);
829
888
  }
889
+ e.appendChild(s), this.cardEl.appendChild(e), requestAnimationFrame(() => i.focus()), this.shadowRoot && v(this.shadowRoot, `${a}. ${r}`, { assertive: !0 });
830
890
  }
831
891
  // ------------------------------------------------------------------
832
892
  // Navigation
@@ -834,7 +894,7 @@ ${s}
834
894
  advance(e, i) {
835
895
  if (!this.currentInput || !this.questionnaire) return;
836
896
  if (!this.currentInput.isValid()) {
837
- i.textContent = ve(e), this.currentInput.setInvalid(i.id), this.currentInput.focus();
897
+ i.textContent = De(e), this.currentInput.setInvalid(i.id), this.currentInput.focus();
838
898
  return;
839
899
  }
840
900
  if (this.handleAnswerChange(e, this.currentInput.getValue(), { immediate: !0 }), this.stepIndex === this.visibleQuestions.length - 1) {
@@ -876,18 +936,29 @@ ${s}
876
936
  }
877
937
  async doSave(e, i) {
878
938
  let a = 0;
879
- for (; this.responseId === null && a < 5e3; )
939
+ for (; this.responseId === null && this.createPending && a < 5e3; )
880
940
  await new Promise((n) => setTimeout(n, 50)), a += 50;
881
- if (this.responseId !== null)
882
- try {
883
- await fetch(`${this.config.endpoint}/${this.responseId}`, {
884
- method: "PATCH",
885
- headers: this.jsonHeaders(),
886
- body: JSON.stringify({ questionId: e, value: i })
887
- });
888
- } catch (n) {
889
- console.error("[quests-embed] failed to save answer:", n);
890
- }
941
+ if (this.responseId === null) {
942
+ this.droppedSaves = !0;
943
+ return;
944
+ }
945
+ await this.patchAnswer(e, i);
946
+ }
947
+ async patchAnswer(e, i) {
948
+ try {
949
+ await fetch(`${this.config.endpoint}/${this.responseId}`, {
950
+ method: "PATCH",
951
+ headers: this.jsonHeaders(),
952
+ body: JSON.stringify({ questionId: e, value: i })
953
+ });
954
+ } catch (a) {
955
+ console.error("[quests-embed] failed to save answer:", a);
956
+ }
957
+ }
958
+ startCreate() {
959
+ return this.createPending = !0, this.createPromise = this.createResponse().finally(() => {
960
+ this.createPending = !1;
961
+ }), this.createPromise;
891
962
  }
892
963
  async createResponse() {
893
964
  try {
@@ -903,32 +974,62 @@ ${s}
903
974
  metadata: this.metadata
904
975
  })
905
976
  });
906
- if (e.ok) {
907
- const i = await e.json();
908
- this.responseId = i.id;
977
+ if (!e.ok) {
978
+ console.error(
979
+ `[quests-embed] failed to create response (${e.status})`
980
+ );
981
+ return;
909
982
  }
983
+ const i = await e.json();
984
+ i && i.id !== null && i.id !== void 0 ? this.responseId = i.id : console.error("[quests-embed] create response returned no id");
910
985
  } catch (e) {
911
986
  console.error("[quests-embed] failed to create response:", e);
912
987
  }
913
988
  }
914
989
  async submit() {
915
- for (this.flushPendingSave(); this.inflightSaves > 0; )
916
- await new Promise((e) => setTimeout(e, 50));
917
- if (this.responseId !== null)
990
+ if (!this.submitting) {
991
+ this.submitting = !0;
918
992
  try {
919
- await fetch(`${this.config.endpoint}/${this.responseId}/submit`, {
920
- method: "POST",
921
- headers: this.jsonHeaders(),
922
- body: JSON.stringify({ answers: this.answers })
923
- });
924
- } catch (e) {
925
- console.error("[quests-embed] failed to submit:", e);
993
+ await this.trySubmit();
994
+ } finally {
995
+ this.submitting = !1;
926
996
  }
997
+ }
998
+ }
999
+ async trySubmit() {
1000
+ for (this.flushPendingSave(); this.inflightSaves > 0; )
1001
+ await new Promise((n) => setTimeout(n, 50));
1002
+ if (this.createPromise && await this.createPromise, this.responseId === null && await this.startCreate(), this.responseId === null) {
1003
+ this.renderSubmitError();
1004
+ return;
1005
+ }
1006
+ const e = this.questionnaire ? pe(this.questionnaire, this.answers) : {}, i = [];
1007
+ if (this.droppedSaves)
1008
+ for (const [n, r] of Object.entries(e))
1009
+ i.push(this.patchAnswer(n, r));
1010
+ for (const [n, r] of Object.entries(this.answers))
1011
+ !Object.prototype.hasOwnProperty.call(e, n) && r !== null && i.push(this.patchAnswer(n, null));
1012
+ await Promise.all(i), this.droppedSaves = !1;
1013
+ let a = !1;
1014
+ try {
1015
+ const n = await fetch(`${this.config.endpoint}/${this.responseId}/submit`, {
1016
+ method: "POST",
1017
+ headers: this.jsonHeaders(),
1018
+ body: JSON.stringify({ answers: e })
1019
+ });
1020
+ a = n.ok, a || console.error(`[quests-embed] submit was refused (${n.status})`);
1021
+ } catch (n) {
1022
+ console.error("[quests-embed] failed to submit:", n);
1023
+ }
1024
+ if (!a) {
1025
+ this.renderSubmitError();
1026
+ return;
1027
+ }
927
1028
  if (this.state = "DONE", this.renderDone(), this.onCompleteCb)
928
1029
  try {
929
- this.onCompleteCb({ ...this.answers });
930
- } catch (e) {
931
- console.error("[quests-embed] onComplete handler threw:", e);
1030
+ this.onCompleteCb({ ...e });
1031
+ } catch (n) {
1032
+ console.error("[quests-embed] onComplete handler threw:", n);
932
1033
  }
933
1034
  }
934
1035
  jsonHeaders() {
@@ -954,14 +1055,14 @@ ${s}
954
1055
  * never trapped or isolated.
955
1056
  */
956
1057
  setupModalA11y() {
957
- this.isUserContainer || !this.cardEl || this.focusTrap || (this.focusTrap = le(this.cardEl), this.inertRestore = qe(this.cardEl));
1058
+ this.isUserContainer || !this.cardEl || this.focusTrap || (this.focusTrap = ke(this.cardEl), this.inertRestore = Te(this.cardEl));
958
1059
  }
959
1060
  close() {
960
1061
  this.flushPendingSave(), this.destroy();
961
1062
  }
962
1063
  /** Destroy the embed and clean up all resources */
963
1064
  destroy() {
964
- if (document.removeEventListener("keydown", this.boundKeyDown), this.pendingSaveTimer && (clearTimeout(this.pendingSaveTimer), this.pendingSaveTimer = null), this.focusTrap && (this.focusTrap.release(), this.focusTrap = null), this.inertRestore && (this.inertRestore(), this.inertRestore = null), !this.isUserContainer && this.savedOpener && ue(this.savedOpener), this.savedOpener = null, this.shadowHost && (this.shadowHost.remove(), this.shadowHost = null, this.shadowRoot = null), this.rootEl = null, this.cardEl = null, this.overflow?.destroy(), this.overflow = null, this.bodyEl = null, this.scrollCueEl = null, this.footerEl = null, this.titleEl = null, this.stepCounterEl = null, this.progressFillEl = null, this.savingEl = null, this.backdropEl = null, this.currentInput = null, !this.closed && (this.closed = !0, this.onCloseCb))
1065
+ if (document.removeEventListener("keydown", this.boundKeyDown), this.pendingSaveTimer && (clearTimeout(this.pendingSaveTimer), this.pendingSaveTimer = null), this.focusTrap && (this.focusTrap.release(), this.focusTrap = null), this.inertRestore && (this.inertRestore(), this.inertRestore = null), !this.isUserContainer && this.savedOpener && Se(this.savedOpener), this.savedOpener = null, this.shadowHost && (this.shadowHost.remove(), this.shadowHost = null, this.shadowRoot = null), this.rootEl = null, this.cardEl = null, this.overflow?.destroy(), this.overflow = null, this.bodyEl = null, this.scrollCueEl = null, this.footerEl = null, this.titleEl = null, this.stepCounterEl = null, this.progressFillEl = null, this.savingEl = null, this.backdropEl = null, this.currentInput = null, !this.closed && (this.closed = !0, this.onCloseCb))
965
1066
  try {
966
1067
  this.onCloseCb();
967
1068
  } catch (e) {
@@ -1013,15 +1114,15 @@ ${s}
1013
1114
  if (!e?.questions || e.questions.length === 0 || this.state === "DONE") return !1;
1014
1115
  if (this.state === "LOADING")
1015
1116
  return this.pendingUpdate = e, !0;
1016
- const i = new Set(e.questions.map((d) => d.id)), a = {};
1017
- for (const [d, h] of Object.entries(this.answers))
1018
- i.has(d) && (a[d] = h);
1117
+ const i = new Set(e.questions.map((o) => o.id)), a = {};
1118
+ for (const [o, u] of Object.entries(this.answers))
1119
+ i.has(o) && (a[o] = u);
1019
1120
  const n = C(e, a);
1020
1121
  if (n.length === 0) return !1;
1021
1122
  this.flushPendingSave();
1022
1123
  const r = this.getCurrentQuestionId();
1023
1124
  this.questionnaire = e, this.inlineQuestionnaire && (this.inlineQuestionnaire = e), this.state = "READY", this.answers = a, this.visibleQuestions = n;
1024
- const s = r ? this.visibleQuestions.findIndex((d) => d.id === r) : -1;
1125
+ const s = r ? this.visibleQuestions.findIndex((o) => o.id === r) : -1;
1025
1126
  return this.stepIndex = s !== -1 ? s : Math.min(this.stepIndex, Math.max(0, this.visibleQuestions.length - 1)), this.suppressStepFocus = !0, this.renderHeader(), this.renderStep(), !0;
1026
1127
  }
1027
1128
  /**
@@ -1040,7 +1141,7 @@ ${s}
1040
1141
  return i === -1 ? !1 : (i === this.stepIndex || (this.flushPendingSave(), this.stepIndex = i, this.renderStep()), !0);
1041
1142
  }
1042
1143
  }
1043
- function ve(t) {
1144
+ function De(t) {
1044
1145
  switch (t.type) {
1045
1146
  case "text":
1046
1147
  return t.minLength ? `Please enter at least ${t.minLength} characters.` : "This field is required.";
@@ -1054,10 +1155,10 @@ function ve(t) {
1054
1155
  return "Please choose a value.";
1055
1156
  }
1056
1157
  }
1057
- function T(t) {
1158
+ function V(t) {
1058
1159
  return document.querySelector(t)?.textContent?.trim() ?? "";
1059
1160
  }
1060
- function ye() {
1161
+ function je() {
1061
1162
  const t = document.querySelector(
1062
1163
  'script[type="application/json"][data-quests-config]'
1063
1164
  );
@@ -1066,49 +1167,116 @@ function ye() {
1066
1167
  if (!e) return null;
1067
1168
  try {
1068
1169
  const i = JSON.parse(e);
1069
- return i.cssSelector && !i.css && (i.css = T(i.cssSelector), delete i.cssSelector), i;
1170
+ return i.cssSelector && !i.css && (i.css = V(i.cssSelector), delete i.cssSelector), i;
1070
1171
  } catch {
1071
1172
  return null;
1072
1173
  }
1073
1174
  }
1074
- function xe(t) {
1175
+ function A(t, e, i) {
1176
+ console.warn(
1177
+ `[quests-embed] Ignoring ${t}="${e}": expected ${i}.`
1178
+ );
1179
+ }
1180
+ function D(t, e) {
1181
+ if (e !== null) {
1182
+ if (e === "true") return !0;
1183
+ if (e === "false") return !1;
1184
+ A(t, e, '"true" or "false"');
1185
+ }
1186
+ }
1187
+ function Ve(t, e, i) {
1188
+ if (e !== null) {
1189
+ if (i.includes(e)) return e;
1190
+ A(t, e, i.map((a) => `"${a}"`).join(" or "));
1191
+ }
1192
+ }
1193
+ function He(t) {
1194
+ return typeof t == "object" && t !== null && !Array.isArray(t);
1195
+ }
1196
+ function w(t, e, i, a = () => !0) {
1197
+ if (e === null) return;
1198
+ let n = null;
1199
+ try {
1200
+ n = JSON.parse(e);
1201
+ } catch {
1202
+ n = null;
1203
+ }
1204
+ if (He(n) && a(n)) return n;
1205
+ A(t, e, i);
1206
+ }
1207
+ function Re(t) {
1075
1208
  const e = t.getAttribute("data-endpoint");
1076
1209
  if (!e) return null;
1077
- const i = t.getAttribute("data-config-url"), a = t.getAttribute("data-api-key"), n = t.getAttribute("data-container"), r = t.getAttribute("data-zindex"), s = t.getAttribute("data-positive-color"), d = t.getAttribute("data-negative-color"), h = t.getAttribute("data-marker-color"), q = t.getAttribute("data-modal-width"), m = t.getAttribute("data-backdrop-opacity"), l = t.getAttribute("data-font-family"), u = t.getAttribute("data-font-size"), c = t.getAttribute("data-css-selector"), p = t.getAttribute("data-auto-advance"), f = t.getAttribute("data-save-debounce-ms"), g = t.getAttribute("data-theme-url"), o = t.getAttribute("data-preset"), b = t.getAttribute("data-theme"), L = t.getAttribute("data-unstyled");
1210
+ const i = t.getAttribute("data-config-url"), a = t.getAttribute("data-api-key"), n = t.getAttribute("data-container"), r = t.getAttribute("data-zindex"), s = t.getAttribute("data-accent-color"), o = t.getAttribute("data-error-color"), u = t.getAttribute("data-focus-color"), q = t.getAttribute("data-positive-color"), m = t.getAttribute("data-negative-color"), l = t.getAttribute("data-marker-color"), h = t.getAttribute("data-modal-width"), c = t.getAttribute("data-backdrop-opacity"), p = t.getAttribute("data-font-family"), f = t.getAttribute("data-font-size"), g = t.getAttribute("data-css"), d = t.getAttribute("data-css-selector"), b = t.getAttribute("data-auto-advance"), S = t.getAttribute("data-save-debounce-ms"), H = t.getAttribute("data-theme-url"), I = t.getAttribute("data-preset"), N = t.getAttribute("data-theme"), R = t.getAttribute("data-unstyled"), $ = D(
1211
+ "data-auto-focus",
1212
+ t.getAttribute("data-auto-focus")
1213
+ ), U = D(
1214
+ "data-animate",
1215
+ t.getAttribute("data-animate")
1216
+ ), F = Ve(
1217
+ "data-progress-position",
1218
+ t.getAttribute("data-progress-position"),
1219
+ ["top", "bottom"]
1220
+ ), M = w(
1221
+ "data-questionnaire",
1222
+ t.getAttribute("data-questionnaire"),
1223
+ 'a JSON questionnaire with a "questions" array',
1224
+ (B) => Array.isArray(B.questions)
1225
+ ), Q = w(
1226
+ "data-theme-document",
1227
+ t.getAttribute("data-theme-document"),
1228
+ "a JSON theme object"
1229
+ ), K = w(
1230
+ "data-metadata",
1231
+ t.getAttribute("data-metadata"),
1232
+ "a JSON object"
1233
+ );
1078
1234
  return {
1079
1235
  endpoint: e,
1080
1236
  configUrl: i ?? void 0,
1237
+ questionnaire: M,
1081
1238
  apiKey: a ?? void 0,
1082
1239
  container: n ?? void 0,
1083
1240
  zIndex: r ? parseInt(r, 10) : void 0,
1084
1241
  colors: {
1085
- positive: s ?? void 0,
1086
- negative: d ?? void 0,
1087
- marker: h ?? void 0
1242
+ accent: s ?? void 0,
1243
+ error: o ?? void 0,
1244
+ focus: u ?? void 0,
1245
+ positive: q ?? void 0,
1246
+ negative: m ?? void 0,
1247
+ marker: l ?? void 0
1088
1248
  },
1089
- modalWidth: q ? parseInt(q, 10) : void 0,
1090
- backdropOpacity: m ? parseFloat(m) : void 0,
1091
- fontFamily: l ?? void 0,
1092
- fontSize: u ? parseInt(u, 10) : void 0,
1093
- css: c ? T(c) : void 0,
1094
- autoAdvance: p === "true" ? !0 : void 0,
1095
- saveDebounceMs: f ? parseInt(f, 10) : void 0,
1096
- themeUrl: g ?? void 0,
1097
- preset: o || void 0,
1098
- theme: b || void 0,
1099
- unstyled: L === "true" ? !0 : void 0
1249
+ modalWidth: h ? parseInt(h, 10) : void 0,
1250
+ backdropOpacity: c ? parseFloat(c) : void 0,
1251
+ fontFamily: p ?? void 0,
1252
+ fontSize: f ? parseInt(f, 10) : void 0,
1253
+ // Inline CSS wins over a selector, as `css` wins over `cssSelector` in
1254
+ // the JSON block.
1255
+ css: g || (d ? V(d) : void 0),
1256
+ autoAdvance: b === "true" ? !0 : void 0,
1257
+ saveDebounceMs: S ? parseInt(S, 10) : void 0,
1258
+ autoFocus: $,
1259
+ animate: U,
1260
+ progressPosition: F,
1261
+ themeUrl: H ?? void 0,
1262
+ themeDocument: Q,
1263
+ preset: I || void 0,
1264
+ theme: N || void 0,
1265
+ unstyled: R === "true" ? !0 : void 0,
1266
+ metadata: K
1100
1267
  };
1101
1268
  }
1102
1269
  if (typeof document < "u") {
1103
- const t = () => {
1104
- const e = document.currentScript, i = ye(), a = e ? xe(e) : null, n = i ?? a;
1105
- n?.endpoint && (n.configUrl || n.questionnaire) && new be(n);
1270
+ const t = document.currentScript, e = () => {
1271
+ const i = t, a = je() ?? (i ? Re(i) : null);
1272
+ a?.endpoint && (a.configUrl || a.questionnaire) && new ze(a);
1106
1273
  };
1107
- document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", t) : t();
1274
+ document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e) : e();
1108
1275
  }
1109
1276
  export {
1110
- be as QaidQuests,
1111
- w as evaluateRule,
1277
+ ze as QaidQuests,
1278
+ k as evaluateRule,
1279
+ pe as getVisibleAnswers,
1112
1280
  C as getVisibleQuestions
1113
1281
  };
1114
1282
  //# sourceMappingURL=qaid-quests.js.map