@fieldia/designer 0.18.0 → 0.19.0

package/src/lib/styles-panel.d.mts

@@ -4,4 +4,4 @@
  * small bold words over its control, with a line of help under it where it
  * needs one. Logical properties throughout, so right to left mirrors on its own.
  */
-export declare const DESIGNER_PANEL_CSS = "\n/* ---- the panel: what is picked, its tabs, one tab's settings ---- */\n.fd-properties.fd-inspector { display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; }\n.fd-insp-head { flex: none; padding: 12px 14px 8px; display: grid; gap: 2px; border-block-end: 1px solid var(--fd-border); min-width: 0; }\n.fd-insp-kind { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fd-muted); }\n.fd-insp-kind > .fd-panel-title { font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: inherit; margin: 0; }\n.fd-insp-note { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.fd-insp-icon { display: inline-flex; flex: none; }\n.fd-insp-icon > .fd-dicon { width: 13px; height: 13px; }\n.fd-insp-name { font-size: 15px; font-weight: 600; color: var(--fd-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n/* The search box keeps its room over a long tab; only a long list of what a search found gives way, and scrolls. */\n.fd-insp-top { flex: none; min-height: 0; display: flex; flex-direction: column; }\n.fd-insp-top:has(> .fd-insp-found:not([hidden])) { flex: 0 1 auto; }\n.fd-insp-top:empty { display: none; }\n/* Search the settings: a box under the head; what it finds, by tab, in place of the tabs. */\n.fd-insp-search { position: relative; flex: none; margin: 10px 14px 4px; }\n.fd-insp-search-icon { position: absolute; inset-inline-start: 9px; inset-block-start: 50%; transform: translateY(-50%); display: inline-flex; color: var(--fd-muted); pointer-events: none; }\n.fd-insp-search-icon > .fd-dicon { width: 14px; height: 14px; }\n.fd-properties .fd-insp-search-box { padding-inline-start: 30px; min-height: 32px; font-size: 13px; }\n.fd-insp-found { display: grid; gap: 10px; align-content: start; padding: 6px 6px 14px; min-height: 0; overflow: auto; }\n.fd-insp-found-group { display: grid; gap: 1px; }\n.fd-insp-found-tab { font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fd-muted); padding: 4px 8px 2px; }\n.fd-insp-found-option { display: flex; align-items: baseline; gap: 8px; padding: 7px 8px; border-radius: 6px; cursor: pointer; font-size: 13.5px; }\n.fd-insp-found-option:hover { background: var(--fd-page); }\n.fd-insp-found-option[aria-selected=\"true\"] { background: var(--fd-accent-soft); }\n.fd-insp-found-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fd-insp-found-value { flex: none; font-size: 12px; color: var(--fd-muted); }\n.fd-properties .fd-insp-none { padding: 8px 14px 14px; margin: 0; }\n.fd-insp-tabs { flex: none; display: flex; padding-inline: 8px; border-block-end: 1px solid var(--fd-border); overflow-x: auto; scrollbar-width: none; }\n.fd-insp-tab {\n  all: unset; box-sizing: border-box; cursor: pointer; white-space: nowrap; padding: 9px 8px 8px;\n  font-size: 13px; font-weight: 600; color: var(--fd-muted); border-block-end: 2px solid transparent;\n}\n.fd-insp-tab:hover { color: var(--fd-text); }\n.fd-insp-tab[aria-selected=\"true\"] { color: var(--fd-accent); border-block-end-color: var(--fd-accent); }\n.fd-insp-tab:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: -3px; border-radius: 6px; }\n.fd-insp-panels { flex: 1 1 auto; min-height: 0; overflow: auto; }\n.fd-insp-panel { display: grid; gap: 14px; align-content: start; padding: 12px 14px 18px; min-width: 0; }\n.fd-insp-panel > .fd-props { gap: 14px; }\n\n/* A setting: its name over its control, a line of help under it. */\n.fd-properties .fd-prop { gap: 6px; min-width: 0; }\n.fd-properties .fd-prop-name { font-size: 12.5px; font-weight: 600; color: var(--fd-text); }\n.fd-properties .fd-properties-hint { font-size: 12px; line-height: 1.45; }\n.fd-properties .fd-kind-note { margin-block-start: 0; }\n.fd-properties .fd-props-actions { border-block-start: 0; padding-block-start: 0; gap: 6px; }\n.fd-properties .fd-q-required { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13px; cursor: pointer; }\n.fd-properties .fd-q-required > input { width: 16px; height: 16px; margin: 0; accent-color: var(--fd-accent); }\n/* \"Only when\u2026\", \"Show only when\u2026\": links in line with the words above them. */\n.fd-properties .fd-q-when, .fd-properties .fd-when-add { padding-inline: 0; min-height: 26px; }\n.fd-insp-area { resize: vertical; min-height: 56px; font: inherit; }\n.fd-insp-code {\n  font: 12.5px/1.4 ui-monospace, \"SF Mono\", Menlo, Consolas, monospace; color: var(--fd-text); overflow-wrap: anywhere;\n  padding: 6px 9px; border: 1px solid var(--fd-border); border-radius: 6px; background: var(--fd-page);\n}\n.fd-insp-chip {\n  justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--fd-muted);\n  background: var(--fd-page); border: 1px solid var(--fd-border); border-radius: 999px; padding: 1px 9px;\n}\n/* A setting gone to, from the search or Find anything: pointed out a moment. */\n.fd-set-found { animation: fd-set-found 1.2s ease; border-radius: 6px; }\n@keyframes fd-set-found { from { box-shadow: 0 0 0 4px var(--fd-accent-soft); background: var(--fd-accent-soft); } to { box-shadow: 0 0 0 4px transparent; background: transparent; } }\n\n/* A choice of a few, side by side, as wide as the panel. */\n.fd-properties .fd-insp-seg { width: 100%; box-sizing: border-box; border: 1px solid var(--fd-border); grid-auto-columns: minmax(0, auto); }\n.fd-properties .fd-insp-seg > .fd-seg-button { min-width: 0; min-height: 28px; font-size: 13px; font-weight: 600; display: grid; place-items: center; padding: 4px 6px; }\n/* Too many words for the room: cut short, never pushed out of the panel. */\n.fd-properties .fd-insp-seg .fd-seg-words { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fd-properties .fd-insp-seg > .fd-seg-button[hidden] { display: none; }\n/* Columns on each size of screen: its name, then its counts, a row each. */\n.fd-insp-screens { display: grid; gap: 5px; }\n.fd-insp-screen { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 8px; }\n.fd-insp-screen-name { font-size: 12.5px; color: var(--fd-muted); }\n.fd-properties .fd-insp-screen .fd-seg-button { min-height: 26px; padding-inline: 2px; }\n.fd-properties .fd-insp-screen .fd-seg-button[data-choice=\"0\"] { font-size: 12px; }\n/* A width in pixels: a slider and the number, side by side. */\n.fd-insp-range { display: flex; align-items: center; gap: 8px; }\n.fd-insp-slider { flex: 1; min-width: 0; margin: 0; accent-color: var(--fd-accent); }\n.fd-properties .fd-insp-number { width: 64px; flex: none; min-height: 30px; padding-block: 3px; font-variant-numeric: tabular-nums; }\n.fd-insp-unit { font-size: 12px; color: var(--fd-muted); }\n/* The accent: round swatches, then any colour, and the skin's own back. */\n.fd-properties .fd-insp-swatches { width: auto; display: flex; flex-wrap: wrap; gap: 8px; padding: 2px; border: 0; background: none; }\n.fd-properties .fd-insp-swatches > .fd-seg-button {\n  width: 26px; height: 26px; min-height: 0; padding: 0; border-radius: 50%; box-sizing: border-box;\n  background: var(--fd-swatch); border: 2px solid var(--fd-surface); box-shadow: 0 0 0 1px var(--fd-border);\n}\n.fd-properties .fd-insp-swatches > .fd-seg-button[aria-pressed=\"true\"] { box-shadow: 0 0 0 2px var(--fd-text); }\n.fd-insp-any { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }\n.fd-insp-any-colour { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--fd-muted); cursor: pointer; }\n.fd-insp-colour { width: 26px; height: 20px; padding: 0; border: 1px solid var(--fd-border); border-radius: 5px; background: none; cursor: pointer; flex: none; }\n.fd-insp-colour::-webkit-color-swatch-wrapper { padding: 2px; }\n.fd-insp-colour::-webkit-color-swatch { border: 0; border-radius: 3px; }\n.fd-insp-colour::-moz-color-swatch { border: 0; border-radius: 3px; }\n.fd-properties .fd-insp-reset { padding: 0; min-height: 0; font-size: 12.5px; }\n/* Each kind of part: its kinds as chips that wrap, a dot on one with a look of its own; under them the kind's settings, a row each. */\n.fd-properties .fd-insp-kinds { display: flex; flex-wrap: wrap; }\n.fd-properties .fd-insp-kinds > .fd-seg-button { flex: 1 1 auto; display: inline-flex; justify-content: center; align-items: center; gap: 5px; }\n.fd-properties .fd-insp-kinds > .fd-seg-button[data-own]::after { content: \"\"; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--fd-accent); }\n.fd-part-look { display: grid; gap: 6px; margin-block-start: 6px; padding: 10px 12px; border: 1px solid var(--fd-border); border-radius: 8px; }\n.fd-part-look[hidden] { display: none; }\n/* A choice of a few beside its name while there is room for its words; under it, as wide as the box, where there is not. */\n.fd-part-setting { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 28px; min-width: 0; }\n.fd-part-setting-name { flex: none; width: 84px; font-size: 12.5px; color: var(--fd-text); }\n.fd-part-colour { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; cursor: pointer; }\n.fd-properties .fd-part-setting > .fd-insp-seg { flex: 1 1 170px; width: auto; min-width: 0; }\n.fd-part-colour-value { font-size: 12px; font-variant-numeric: tabular-nums; color: var(--fd-text); }\n.fd-part-colour-value.fd-part-colour-unset { color: var(--fd-muted); }\n.fd-part-colour-clear {\n  all: unset; box-sizing: border-box; display: inline-grid; place-items: center; width: 24px; height: 24px; margin-inline-start: auto;\n  border-radius: 4px; color: var(--fd-muted); font-size: 16px; line-height: 1; cursor: pointer;\n}\n.fd-part-colour-clear:hover { color: var(--fd-text); background: var(--fd-page); }\n.fd-part-colour-clear:focus-visible { outline: 2px solid var(--fd-focus); }\n.fd-part-colour-clear[hidden] { display: none; }\n.fd-part-look > .fd-insp-reset { justify-self: start; }\n/* A group's style: a small drawing over each word. */\n.fd-properties .fd-insp-styles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 0; border: 0; background: none; }\n.fd-properties .fd-insp-styles > .fd-seg-button {\n  display: grid; justify-items: center; gap: 3px; min-height: 0; padding: 6px 2px 5px; border: 1px solid var(--fd-border); border-radius: 8px;\n  background: var(--fd-surface); box-shadow: none; font-size: 11.5px; font-weight: 600; color: var(--fd-muted);\n}\n.fd-properties .fd-insp-styles > .fd-seg-button[aria-pressed=\"true\"] { border-color: var(--fd-accent); color: var(--fd-accent); box-shadow: inset 0 0 0 1px var(--fd-accent); }\n.fd-insp-style-picture { display: block; line-height: 0; }\n.fd-insp-style-picture svg { width: 40px; height: 27px; }\n/* The survey designer's Look: the same settings, in a sheet at the side of the cards. */\n.fd-properties.fd-look-sheet {\n  position: fixed; z-index: 50; inset-block-start: var(--fd-sheet-top, 84px); inset-inline-end: 16px; width: min(320px, calc(100vw - 32px));\n  max-height: calc(100vh - var(--fd-sheet-top, 84px) - 16px);\n  display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; box-shadow: 0 18px 44px rgba(15, 20, 25, 0.18);\n  animation: fd-menu-in 120ms cubic-bezier(0, 0, 0.2, 1);\n}\n.fd-look-sheet-head { flex: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-block: 12px 8px; padding-inline: 14px 10px; border-block-end: 1px solid var(--fd-border); }\n.fd-look-sheet-body { flex: 1 1 auto; min-height: 0; overflow: auto; }\n/* The survey's cards wearing the page's look: the page tinted with its accent, in either scheme; the editor's own room round them. */\n.fd-survey-canvas.fd-look-worn { container-type: normal; }\n.fd-survey-canvas.fd-look-worn[data-scheme] { background: color-mix(in srgb, var(--fd-accent) 8%, var(--fd-page)); }\n/* The canvas wearing the page's look keeps the editor's own frame round it. */\n.fd-canvas.fd-look-worn[data-scheme] { border: 1px solid var(--fd-border); }\n@media (prefers-reduced-motion: reduce) { .fd-set-found, .fd-properties.fd-look-sheet { animation: none; } }\n";
+export declare const DESIGNER_PANEL_CSS = "\n/* ---- the panel: what is picked, its tabs, one tab's settings ---- */\n.fd-properties.fd-inspector { display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; }\n.fd-insp-head { flex: none; padding: 12px 14px 8px; display: grid; gap: 2px; border-block-end: 1px solid var(--fd-border); min-width: 0; }\n.fd-insp-kind { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fd-muted); }\n.fd-insp-kind > .fd-panel-title { font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: inherit; margin: 0; }\n.fd-insp-note { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.fd-insp-icon { display: inline-flex; flex: none; }\n.fd-insp-icon > .fd-dicon { width: 13px; height: 13px; }\n.fd-insp-name { font-size: 15px; font-weight: 600; color: var(--fd-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n/* The search box keeps its room over a long tab; only a long list of what a search found gives way, and scrolls. */\n.fd-insp-top { flex: none; min-height: 0; display: flex; flex-direction: column; }\n.fd-insp-top:has(> .fd-insp-found:not([hidden])) { flex: 0 1 auto; }\n.fd-insp-top:empty { display: none; }\n/* Search the settings: a box under the head; what it finds, by tab, in place of the tabs. */\n.fd-insp-search { position: relative; flex: none; margin: 10px 14px 4px; }\n.fd-insp-search-icon { position: absolute; inset-inline-start: 9px; inset-block-start: 50%; transform: translateY(-50%); display: inline-flex; color: var(--fd-muted); pointer-events: none; }\n.fd-insp-search-icon > .fd-dicon { width: 14px; height: 14px; }\n.fd-properties .fd-insp-search-box { padding-inline-start: 30px; min-height: 32px; font-size: 13px; }\n.fd-insp-found { display: grid; gap: 10px; align-content: start; padding: 6px 6px 14px; min-height: 0; overflow: auto; }\n.fd-insp-found-group { display: grid; gap: 1px; }\n.fd-insp-found-tab { font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fd-muted); padding: 4px 8px 2px; }\n.fd-insp-found-option { display: flex; align-items: baseline; gap: 8px; padding: 7px 8px; border-radius: 6px; cursor: pointer; font-size: 13.5px; }\n.fd-insp-found-option:hover { background: var(--fd-page); }\n.fd-insp-found-option[aria-selected=\"true\"] { background: var(--fd-accent-soft); }\n.fd-insp-found-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fd-insp-found-value { flex: none; font-size: 12px; color: var(--fd-muted); }\n.fd-properties .fd-insp-none { padding: 8px 14px 14px; margin: 0; }\n.fd-insp-tabs { flex: none; display: flex; padding-inline: 8px; border-block-end: 1px solid var(--fd-border); overflow-x: auto; scrollbar-width: none; }\n.fd-insp-tab {\n  all: unset; box-sizing: border-box; cursor: pointer; white-space: nowrap; padding: 9px 8px 8px;\n  font-size: 13px; font-weight: 600; color: var(--fd-muted); border-block-end: 2px solid transparent;\n}\n.fd-insp-tab:hover { color: var(--fd-text); }\n.fd-insp-tab[aria-selected=\"true\"] { color: var(--fd-accent); border-block-end-color: var(--fd-accent); }\n.fd-insp-tab:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: -3px; border-radius: 6px; }\n.fd-insp-panels { flex: 1 1 auto; min-height: 0; overflow: auto; }\n.fd-insp-panel { display: grid; gap: 14px; align-content: start; padding: 12px 14px 18px; min-width: 0; }\n.fd-insp-panel > .fd-props { gap: 14px; }\n\n/* A setting: its name over its control, a line of help under it. */\n.fd-properties .fd-prop { gap: 6px; min-width: 0; }\n.fd-properties .fd-prop-name { font-size: 12.5px; font-weight: 600; color: var(--fd-text); }\n.fd-properties .fd-properties-hint { font-size: 12px; line-height: 1.45; }\n.fd-properties .fd-kind-note { margin-block-start: 0; }\n.fd-properties .fd-props-actions { border-block-start: 0; padding-block-start: 0; gap: 6px; }\n.fd-properties .fd-q-required { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13px; cursor: pointer; }\n.fd-properties .fd-q-required > input { width: 16px; height: 16px; margin: 0; accent-color: var(--fd-accent); }\n/* \"Only when\u2026\", \"Show only when\u2026\": links in line with the words above them. */\n.fd-properties .fd-q-when, .fd-properties .fd-when-add { padding-inline: 0; min-height: 26px; }\n/* Why a field is read-only, under its rule: the whole width, its name over its box. */\n.fd-properties .fd-q-reason { display: grid; gap: 4px; justify-self: stretch; }\n.fd-insp-area { resize: vertical; min-height: 56px; font: inherit; }\n.fd-insp-code {\n  font: 12.5px/1.4 ui-monospace, \"SF Mono\", Menlo, Consolas, monospace; color: var(--fd-text); overflow-wrap: anywhere;\n  padding: 6px 9px; border: 1px solid var(--fd-border); border-radius: 6px; background: var(--fd-page);\n}\n.fd-insp-chip {\n  justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--fd-muted);\n  background: var(--fd-page); border: 1px solid var(--fd-border); border-radius: 999px; padding: 1px 9px;\n}\n/* A setting gone to, from the search or Find anything: pointed out a moment. */\n.fd-set-found { animation: fd-set-found 1.2s ease; border-radius: 6px; }\n@keyframes fd-set-found { from { box-shadow: 0 0 0 4px var(--fd-accent-soft); background: var(--fd-accent-soft); } to { box-shadow: 0 0 0 4px transparent; background: transparent; } }\n\n/* A choice of a few, side by side, as wide as the panel. */\n.fd-properties .fd-insp-seg { width: 100%; box-sizing: border-box; border: 1px solid var(--fd-border); grid-auto-columns: minmax(0, auto); }\n.fd-properties .fd-insp-seg > .fd-seg-button { min-width: 0; min-height: 28px; font-size: 13px; font-weight: 600; display: grid; place-items: center; padding: 4px 6px; }\n/* Too many words for the room: cut short, never pushed out of the panel. */\n.fd-properties .fd-insp-seg .fd-seg-words { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fd-properties .fd-insp-seg > .fd-seg-button[hidden] { display: none; }\n/* Columns on each size of screen: its name, then its counts, a row each. */\n.fd-insp-screens { display: grid; gap: 5px; }\n.fd-insp-screen { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 8px; }\n.fd-insp-screen-name { font-size: 12.5px; color: var(--fd-muted); }\n.fd-properties .fd-insp-screen .fd-seg-button { min-height: 26px; padding-inline: 2px; }\n.fd-properties .fd-insp-screen .fd-seg-button[data-choice=\"0\"] { font-size: 12px; }\n/* A width in pixels: a slider and the number, side by side. */\n.fd-insp-range { display: flex; align-items: center; gap: 8px; }\n.fd-insp-slider { flex: 1; min-width: 0; margin: 0; accent-color: var(--fd-accent); }\n.fd-properties .fd-insp-number { width: 64px; flex: none; min-height: 30px; padding-block: 3px; font-variant-numeric: tabular-nums; }\n.fd-insp-unit { font-size: 12px; color: var(--fd-muted); }\n/* The accent: round swatches, then any colour, and the skin's own back. */\n.fd-properties .fd-insp-swatches { width: auto; display: flex; flex-wrap: wrap; gap: 8px; padding: 2px; border: 0; background: none; }\n.fd-properties .fd-insp-swatches > .fd-seg-button {\n  width: 26px; height: 26px; min-height: 0; padding: 0; border-radius: 50%; box-sizing: border-box;\n  background: var(--fd-swatch); border: 2px solid var(--fd-surface); box-shadow: 0 0 0 1px var(--fd-border);\n}\n.fd-properties .fd-insp-swatches > .fd-seg-button[aria-pressed=\"true\"] { box-shadow: 0 0 0 2px var(--fd-text); }\n.fd-insp-any { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }\n.fd-insp-any-colour { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--fd-muted); cursor: pointer; }\n.fd-insp-colour { width: 26px; height: 20px; padding: 0; border: 1px solid var(--fd-border); border-radius: 5px; background: none; cursor: pointer; flex: none; }\n.fd-insp-colour::-webkit-color-swatch-wrapper { padding: 2px; }\n.fd-insp-colour::-webkit-color-swatch { border: 0; border-radius: 3px; }\n.fd-insp-colour::-moz-color-swatch { border: 0; border-radius: 3px; }\n.fd-properties .fd-insp-reset { padding: 0; min-height: 0; font-size: 12.5px; }\n/* Each kind of part: its kinds as chips that wrap, a dot on one with a look of its own; under them the kind's settings, a row each. */\n.fd-properties .fd-insp-kinds { display: flex; flex-wrap: wrap; }\n.fd-properties .fd-insp-kinds > .fd-seg-button { flex: 1 1 auto; display: inline-flex; justify-content: center; align-items: center; gap: 5px; }\n.fd-properties .fd-insp-kinds > .fd-seg-button[data-own]::after { content: \"\"; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--fd-accent); }\n.fd-part-look { display: grid; gap: 6px; margin-block-start: 6px; padding: 10px 12px; border: 1px solid var(--fd-border); border-radius: 8px; }\n.fd-part-look[hidden] { display: none; }\n/* A choice of a few beside its name while there is room for its words; under it, as wide as the box, where there is not. */\n.fd-part-setting { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 28px; min-width: 0; }\n.fd-part-setting-name { flex: none; width: 84px; font-size: 12.5px; color: var(--fd-text); }\n.fd-part-colour { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; cursor: pointer; }\n.fd-properties .fd-part-setting > .fd-insp-seg { flex: 1 1 170px; width: auto; min-width: 0; }\n.fd-part-colour-value { font-size: 12px; font-variant-numeric: tabular-nums; color: var(--fd-text); }\n.fd-part-colour-value.fd-part-colour-unset { color: var(--fd-muted); }\n.fd-part-colour-clear {\n  all: unset; box-sizing: border-box; display: inline-grid; place-items: center; width: 24px; height: 24px; margin-inline-start: auto;\n  border-radius: 4px; color: var(--fd-muted); font-size: 16px; line-height: 1; cursor: pointer;\n}\n.fd-part-colour-clear:hover { color: var(--fd-text); background: var(--fd-page); }\n.fd-part-colour-clear:focus-visible { outline: 2px solid var(--fd-focus); }\n.fd-part-colour-clear[hidden] { display: none; }\n.fd-part-look > .fd-insp-reset { justify-self: start; }\n/* A group's style: a small drawing over each word. */\n.fd-properties .fd-insp-styles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 0; border: 0; background: none; }\n.fd-properties .fd-insp-styles > .fd-seg-button {\n  display: grid; justify-items: center; gap: 3px; min-height: 0; padding: 6px 2px 5px; border: 1px solid var(--fd-border); border-radius: 8px;\n  background: var(--fd-surface); box-shadow: none; font-size: 11.5px; font-weight: 600; color: var(--fd-muted);\n}\n.fd-properties .fd-insp-styles > .fd-seg-button[aria-pressed=\"true\"] { border-color: var(--fd-accent); color: var(--fd-accent); box-shadow: inset 0 0 0 1px var(--fd-accent); }\n.fd-insp-style-picture { display: block; line-height: 0; }\n.fd-insp-style-picture svg { width: 40px; height: 27px; }\n/* The survey designer's Look: the same settings, in a sheet at the side of the cards. */\n.fd-properties.fd-look-sheet {\n  position: fixed; z-index: 50; inset-block-start: var(--fd-sheet-top, 84px); inset-inline-end: 16px; width: min(320px, calc(100vw - 32px));\n  max-height: calc(100vh - var(--fd-sheet-top, 84px) - 16px);\n  display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; box-shadow: 0 18px 44px rgba(15, 20, 25, 0.18);\n  animation: fd-menu-in 120ms cubic-bezier(0, 0, 0.2, 1);\n}\n.fd-look-sheet-head { flex: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-block: 12px 8px; padding-inline: 14px 10px; border-block-end: 1px solid var(--fd-border); }\n.fd-look-sheet-body { flex: 1 1 auto; min-height: 0; overflow: auto; }\n/* The survey's cards wearing the page's look: the page tinted with its accent, in either scheme; the editor's own room round them. */\n.fd-survey-canvas.fd-look-worn { container-type: normal; }\n.fd-survey-canvas.fd-look-worn[data-scheme] { background: color-mix(in srgb, var(--fd-accent) 8%, var(--fd-page)); }\n/* The canvas wearing the page's look keeps the editor's own frame round it. */\n.fd-canvas.fd-look-worn[data-scheme] { border: 1px solid var(--fd-border); }\n@media (prefers-reduced-motion: reduce) { .fd-set-found, .fd-properties.fd-look-sheet { animation: none; } }\n";

package/src/lib/styles-panel.d.ts

@@ -4,4 +4,4 @@
  * small bold words over its control, with a line of help under it where it
  * needs one. Logical properties throughout, so right to left mirrors on its own.
  */
-export declare const DESIGNER_PANEL_CSS = "\n/* ---- the panel: what is picked, its tabs, one tab's settings ---- */\n.fd-properties.fd-inspector { display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; }\n.fd-insp-head { flex: none; padding: 12px 14px 8px; display: grid; gap: 2px; border-block-end: 1px solid var(--fd-border); min-width: 0; }\n.fd-insp-kind { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fd-muted); }\n.fd-insp-kind > .fd-panel-title { font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: inherit; margin: 0; }\n.fd-insp-note { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.fd-insp-icon { display: inline-flex; flex: none; }\n.fd-insp-icon > .fd-dicon { width: 13px; height: 13px; }\n.fd-insp-name { font-size: 15px; font-weight: 600; color: var(--fd-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n/* The search box keeps its room over a long tab; only a long list of what a search found gives way, and scrolls. */\n.fd-insp-top { flex: none; min-height: 0; display: flex; flex-direction: column; }\n.fd-insp-top:has(> .fd-insp-found:not([hidden])) { flex: 0 1 auto; }\n.fd-insp-top:empty { display: none; }\n/* Search the settings: a box under the head; what it finds, by tab, in place of the tabs. */\n.fd-insp-search { position: relative; flex: none; margin: 10px 14px 4px; }\n.fd-insp-search-icon { position: absolute; inset-inline-start: 9px; inset-block-start: 50%; transform: translateY(-50%); display: inline-flex; color: var(--fd-muted); pointer-events: none; }\n.fd-insp-search-icon > .fd-dicon { width: 14px; height: 14px; }\n.fd-properties .fd-insp-search-box { padding-inline-start: 30px; min-height: 32px; font-size: 13px; }\n.fd-insp-found { display: grid; gap: 10px; align-content: start; padding: 6px 6px 14px; min-height: 0; overflow: auto; }\n.fd-insp-found-group { display: grid; gap: 1px; }\n.fd-insp-found-tab { font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fd-muted); padding: 4px 8px 2px; }\n.fd-insp-found-option { display: flex; align-items: baseline; gap: 8px; padding: 7px 8px; border-radius: 6px; cursor: pointer; font-size: 13.5px; }\n.fd-insp-found-option:hover { background: var(--fd-page); }\n.fd-insp-found-option[aria-selected=\"true\"] { background: var(--fd-accent-soft); }\n.fd-insp-found-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fd-insp-found-value { flex: none; font-size: 12px; color: var(--fd-muted); }\n.fd-properties .fd-insp-none { padding: 8px 14px 14px; margin: 0; }\n.fd-insp-tabs { flex: none; display: flex; padding-inline: 8px; border-block-end: 1px solid var(--fd-border); overflow-x: auto; scrollbar-width: none; }\n.fd-insp-tab {\n  all: unset; box-sizing: border-box; cursor: pointer; white-space: nowrap; padding: 9px 8px 8px;\n  font-size: 13px; font-weight: 600; color: var(--fd-muted); border-block-end: 2px solid transparent;\n}\n.fd-insp-tab:hover { color: var(--fd-text); }\n.fd-insp-tab[aria-selected=\"true\"] { color: var(--fd-accent); border-block-end-color: var(--fd-accent); }\n.fd-insp-tab:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: -3px; border-radius: 6px; }\n.fd-insp-panels { flex: 1 1 auto; min-height: 0; overflow: auto; }\n.fd-insp-panel { display: grid; gap: 14px; align-content: start; padding: 12px 14px 18px; min-width: 0; }\n.fd-insp-panel > .fd-props { gap: 14px; }\n\n/* A setting: its name over its control, a line of help under it. */\n.fd-properties .fd-prop { gap: 6px; min-width: 0; }\n.fd-properties .fd-prop-name { font-size: 12.5px; font-weight: 600; color: var(--fd-text); }\n.fd-properties .fd-properties-hint { font-size: 12px; line-height: 1.45; }\n.fd-properties .fd-kind-note { margin-block-start: 0; }\n.fd-properties .fd-props-actions { border-block-start: 0; padding-block-start: 0; gap: 6px; }\n.fd-properties .fd-q-required { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13px; cursor: pointer; }\n.fd-properties .fd-q-required > input { width: 16px; height: 16px; margin: 0; accent-color: var(--fd-accent); }\n/* \"Only when\u2026\", \"Show only when\u2026\": links in line with the words above them. */\n.fd-properties .fd-q-when, .fd-properties .fd-when-add { padding-inline: 0; min-height: 26px; }\n.fd-insp-area { resize: vertical; min-height: 56px; font: inherit; }\n.fd-insp-code {\n  font: 12.5px/1.4 ui-monospace, \"SF Mono\", Menlo, Consolas, monospace; color: var(--fd-text); overflow-wrap: anywhere;\n  padding: 6px 9px; border: 1px solid var(--fd-border); border-radius: 6px; background: var(--fd-page);\n}\n.fd-insp-chip {\n  justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--fd-muted);\n  background: var(--fd-page); border: 1px solid var(--fd-border); border-radius: 999px; padding: 1px 9px;\n}\n/* A setting gone to, from the search or Find anything: pointed out a moment. */\n.fd-set-found { animation: fd-set-found 1.2s ease; border-radius: 6px; }\n@keyframes fd-set-found { from { box-shadow: 0 0 0 4px var(--fd-accent-soft); background: var(--fd-accent-soft); } to { box-shadow: 0 0 0 4px transparent; background: transparent; } }\n\n/* A choice of a few, side by side, as wide as the panel. */\n.fd-properties .fd-insp-seg { width: 100%; box-sizing: border-box; border: 1px solid var(--fd-border); grid-auto-columns: minmax(0, auto); }\n.fd-properties .fd-insp-seg > .fd-seg-button { min-width: 0; min-height: 28px; font-size: 13px; font-weight: 600; display: grid; place-items: center; padding: 4px 6px; }\n/* Too many words for the room: cut short, never pushed out of the panel. */\n.fd-properties .fd-insp-seg .fd-seg-words { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fd-properties .fd-insp-seg > .fd-seg-button[hidden] { display: none; }\n/* Columns on each size of screen: its name, then its counts, a row each. */\n.fd-insp-screens { display: grid; gap: 5px; }\n.fd-insp-screen { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 8px; }\n.fd-insp-screen-name { font-size: 12.5px; color: var(--fd-muted); }\n.fd-properties .fd-insp-screen .fd-seg-button { min-height: 26px; padding-inline: 2px; }\n.fd-properties .fd-insp-screen .fd-seg-button[data-choice=\"0\"] { font-size: 12px; }\n/* A width in pixels: a slider and the number, side by side. */\n.fd-insp-range { display: flex; align-items: center; gap: 8px; }\n.fd-insp-slider { flex: 1; min-width: 0; margin: 0; accent-color: var(--fd-accent); }\n.fd-properties .fd-insp-number { width: 64px; flex: none; min-height: 30px; padding-block: 3px; font-variant-numeric: tabular-nums; }\n.fd-insp-unit { font-size: 12px; color: var(--fd-muted); }\n/* The accent: round swatches, then any colour, and the skin's own back. */\n.fd-properties .fd-insp-swatches { width: auto; display: flex; flex-wrap: wrap; gap: 8px; padding: 2px; border: 0; background: none; }\n.fd-properties .fd-insp-swatches > .fd-seg-button {\n  width: 26px; height: 26px; min-height: 0; padding: 0; border-radius: 50%; box-sizing: border-box;\n  background: var(--fd-swatch); border: 2px solid var(--fd-surface); box-shadow: 0 0 0 1px var(--fd-border);\n}\n.fd-properties .fd-insp-swatches > .fd-seg-button[aria-pressed=\"true\"] { box-shadow: 0 0 0 2px var(--fd-text); }\n.fd-insp-any { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }\n.fd-insp-any-colour { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--fd-muted); cursor: pointer; }\n.fd-insp-colour { width: 26px; height: 20px; padding: 0; border: 1px solid var(--fd-border); border-radius: 5px; background: none; cursor: pointer; flex: none; }\n.fd-insp-colour::-webkit-color-swatch-wrapper { padding: 2px; }\n.fd-insp-colour::-webkit-color-swatch { border: 0; border-radius: 3px; }\n.fd-insp-colour::-moz-color-swatch { border: 0; border-radius: 3px; }\n.fd-properties .fd-insp-reset { padding: 0; min-height: 0; font-size: 12.5px; }\n/* Each kind of part: its kinds as chips that wrap, a dot on one with a look of its own; under them the kind's settings, a row each. */\n.fd-properties .fd-insp-kinds { display: flex; flex-wrap: wrap; }\n.fd-properties .fd-insp-kinds > .fd-seg-button { flex: 1 1 auto; display: inline-flex; justify-content: center; align-items: center; gap: 5px; }\n.fd-properties .fd-insp-kinds > .fd-seg-button[data-own]::after { content: \"\"; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--fd-accent); }\n.fd-part-look { display: grid; gap: 6px; margin-block-start: 6px; padding: 10px 12px; border: 1px solid var(--fd-border); border-radius: 8px; }\n.fd-part-look[hidden] { display: none; }\n/* A choice of a few beside its name while there is room for its words; under it, as wide as the box, where there is not. */\n.fd-part-setting { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 28px; min-width: 0; }\n.fd-part-setting-name { flex: none; width: 84px; font-size: 12.5px; color: var(--fd-text); }\n.fd-part-colour { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; cursor: pointer; }\n.fd-properties .fd-part-setting > .fd-insp-seg { flex: 1 1 170px; width: auto; min-width: 0; }\n.fd-part-colour-value { font-size: 12px; font-variant-numeric: tabular-nums; color: var(--fd-text); }\n.fd-part-colour-value.fd-part-colour-unset { color: var(--fd-muted); }\n.fd-part-colour-clear {\n  all: unset; box-sizing: border-box; display: inline-grid; place-items: center; width: 24px; height: 24px; margin-inline-start: auto;\n  border-radius: 4px; color: var(--fd-muted); font-size: 16px; line-height: 1; cursor: pointer;\n}\n.fd-part-colour-clear:hover { color: var(--fd-text); background: var(--fd-page); }\n.fd-part-colour-clear:focus-visible { outline: 2px solid var(--fd-focus); }\n.fd-part-colour-clear[hidden] { display: none; }\n.fd-part-look > .fd-insp-reset { justify-self: start; }\n/* A group's style: a small drawing over each word. */\n.fd-properties .fd-insp-styles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 0; border: 0; background: none; }\n.fd-properties .fd-insp-styles > .fd-seg-button {\n  display: grid; justify-items: center; gap: 3px; min-height: 0; padding: 6px 2px 5px; border: 1px solid var(--fd-border); border-radius: 8px;\n  background: var(--fd-surface); box-shadow: none; font-size: 11.5px; font-weight: 600; color: var(--fd-muted);\n}\n.fd-properties .fd-insp-styles > .fd-seg-button[aria-pressed=\"true\"] { border-color: var(--fd-accent); color: var(--fd-accent); box-shadow: inset 0 0 0 1px var(--fd-accent); }\n.fd-insp-style-picture { display: block; line-height: 0; }\n.fd-insp-style-picture svg { width: 40px; height: 27px; }\n/* The survey designer's Look: the same settings, in a sheet at the side of the cards. */\n.fd-properties.fd-look-sheet {\n  position: fixed; z-index: 50; inset-block-start: var(--fd-sheet-top, 84px); inset-inline-end: 16px; width: min(320px, calc(100vw - 32px));\n  max-height: calc(100vh - var(--fd-sheet-top, 84px) - 16px);\n  display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; box-shadow: 0 18px 44px rgba(15, 20, 25, 0.18);\n  animation: fd-menu-in 120ms cubic-bezier(0, 0, 0.2, 1);\n}\n.fd-look-sheet-head { flex: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-block: 12px 8px; padding-inline: 14px 10px; border-block-end: 1px solid var(--fd-border); }\n.fd-look-sheet-body { flex: 1 1 auto; min-height: 0; overflow: auto; }\n/* The survey's cards wearing the page's look: the page tinted with its accent, in either scheme; the editor's own room round them. */\n.fd-survey-canvas.fd-look-worn { container-type: normal; }\n.fd-survey-canvas.fd-look-worn[data-scheme] { background: color-mix(in srgb, var(--fd-accent) 8%, var(--fd-page)); }\n/* The canvas wearing the page's look keeps the editor's own frame round it. */\n.fd-canvas.fd-look-worn[data-scheme] { border: 1px solid var(--fd-border); }\n@media (prefers-reduced-motion: reduce) { .fd-set-found, .fd-properties.fd-look-sheet { animation: none; } }\n";
+export declare const DESIGNER_PANEL_CSS = "\n/* ---- the panel: what is picked, its tabs, one tab's settings ---- */\n.fd-properties.fd-inspector { display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; }\n.fd-insp-head { flex: none; padding: 12px 14px 8px; display: grid; gap: 2px; border-block-end: 1px solid var(--fd-border); min-width: 0; }\n.fd-insp-kind { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fd-muted); }\n.fd-insp-kind > .fd-panel-title { font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: inherit; margin: 0; }\n.fd-insp-note { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.fd-insp-icon { display: inline-flex; flex: none; }\n.fd-insp-icon > .fd-dicon { width: 13px; height: 13px; }\n.fd-insp-name { font-size: 15px; font-weight: 600; color: var(--fd-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n/* The search box keeps its room over a long tab; only a long list of what a search found gives way, and scrolls. */\n.fd-insp-top { flex: none; min-height: 0; display: flex; flex-direction: column; }\n.fd-insp-top:has(> .fd-insp-found:not([hidden])) { flex: 0 1 auto; }\n.fd-insp-top:empty { display: none; }\n/* Search the settings: a box under the head; what it finds, by tab, in place of the tabs. */\n.fd-insp-search { position: relative; flex: none; margin: 10px 14px 4px; }\n.fd-insp-search-icon { position: absolute; inset-inline-start: 9px; inset-block-start: 50%; transform: translateY(-50%); display: inline-flex; color: var(--fd-muted); pointer-events: none; }\n.fd-insp-search-icon > .fd-dicon { width: 14px; height: 14px; }\n.fd-properties .fd-insp-search-box { padding-inline-start: 30px; min-height: 32px; font-size: 13px; }\n.fd-insp-found { display: grid; gap: 10px; align-content: start; padding: 6px 6px 14px; min-height: 0; overflow: auto; }\n.fd-insp-found-group { display: grid; gap: 1px; }\n.fd-insp-found-tab { font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fd-muted); padding: 4px 8px 2px; }\n.fd-insp-found-option { display: flex; align-items: baseline; gap: 8px; padding: 7px 8px; border-radius: 6px; cursor: pointer; font-size: 13.5px; }\n.fd-insp-found-option:hover { background: var(--fd-page); }\n.fd-insp-found-option[aria-selected=\"true\"] { background: var(--fd-accent-soft); }\n.fd-insp-found-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fd-insp-found-value { flex: none; font-size: 12px; color: var(--fd-muted); }\n.fd-properties .fd-insp-none { padding: 8px 14px 14px; margin: 0; }\n.fd-insp-tabs { flex: none; display: flex; padding-inline: 8px; border-block-end: 1px solid var(--fd-border); overflow-x: auto; scrollbar-width: none; }\n.fd-insp-tab {\n  all: unset; box-sizing: border-box; cursor: pointer; white-space: nowrap; padding: 9px 8px 8px;\n  font-size: 13px; font-weight: 600; color: var(--fd-muted); border-block-end: 2px solid transparent;\n}\n.fd-insp-tab:hover { color: var(--fd-text); }\n.fd-insp-tab[aria-selected=\"true\"] { color: var(--fd-accent); border-block-end-color: var(--fd-accent); }\n.fd-insp-tab:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: -3px; border-radius: 6px; }\n.fd-insp-panels { flex: 1 1 auto; min-height: 0; overflow: auto; }\n.fd-insp-panel { display: grid; gap: 14px; align-content: start; padding: 12px 14px 18px; min-width: 0; }\n.fd-insp-panel > .fd-props { gap: 14px; }\n\n/* A setting: its name over its control, a line of help under it. */\n.fd-properties .fd-prop { gap: 6px; min-width: 0; }\n.fd-properties .fd-prop-name { font-size: 12.5px; font-weight: 600; color: var(--fd-text); }\n.fd-properties .fd-properties-hint { font-size: 12px; line-height: 1.45; }\n.fd-properties .fd-kind-note { margin-block-start: 0; }\n.fd-properties .fd-props-actions { border-block-start: 0; padding-block-start: 0; gap: 6px; }\n.fd-properties .fd-q-required { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13px; cursor: pointer; }\n.fd-properties .fd-q-required > input { width: 16px; height: 16px; margin: 0; accent-color: var(--fd-accent); }\n/* \"Only when\u2026\", \"Show only when\u2026\": links in line with the words above them. */\n.fd-properties .fd-q-when, .fd-properties .fd-when-add { padding-inline: 0; min-height: 26px; }\n/* Why a field is read-only, under its rule: the whole width, its name over its box. */\n.fd-properties .fd-q-reason { display: grid; gap: 4px; justify-self: stretch; }\n.fd-insp-area { resize: vertical; min-height: 56px; font: inherit; }\n.fd-insp-code {\n  font: 12.5px/1.4 ui-monospace, \"SF Mono\", Menlo, Consolas, monospace; color: var(--fd-text); overflow-wrap: anywhere;\n  padding: 6px 9px; border: 1px solid var(--fd-border); border-radius: 6px; background: var(--fd-page);\n}\n.fd-insp-chip {\n  justify-self: start; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--fd-muted);\n  background: var(--fd-page); border: 1px solid var(--fd-border); border-radius: 999px; padding: 1px 9px;\n}\n/* A setting gone to, from the search or Find anything: pointed out a moment. */\n.fd-set-found { animation: fd-set-found 1.2s ease; border-radius: 6px; }\n@keyframes fd-set-found { from { box-shadow: 0 0 0 4px var(--fd-accent-soft); background: var(--fd-accent-soft); } to { box-shadow: 0 0 0 4px transparent; background: transparent; } }\n\n/* A choice of a few, side by side, as wide as the panel. */\n.fd-properties .fd-insp-seg { width: 100%; box-sizing: border-box; border: 1px solid var(--fd-border); grid-auto-columns: minmax(0, auto); }\n.fd-properties .fd-insp-seg > .fd-seg-button { min-width: 0; min-height: 28px; font-size: 13px; font-weight: 600; display: grid; place-items: center; padding: 4px 6px; }\n/* Too many words for the room: cut short, never pushed out of the panel. */\n.fd-properties .fd-insp-seg .fd-seg-words { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fd-properties .fd-insp-seg > .fd-seg-button[hidden] { display: none; }\n/* Columns on each size of screen: its name, then its counts, a row each. */\n.fd-insp-screens { display: grid; gap: 5px; }\n.fd-insp-screen { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 8px; }\n.fd-insp-screen-name { font-size: 12.5px; color: var(--fd-muted); }\n.fd-properties .fd-insp-screen .fd-seg-button { min-height: 26px; padding-inline: 2px; }\n.fd-properties .fd-insp-screen .fd-seg-button[data-choice=\"0\"] { font-size: 12px; }\n/* A width in pixels: a slider and the number, side by side. */\n.fd-insp-range { display: flex; align-items: center; gap: 8px; }\n.fd-insp-slider { flex: 1; min-width: 0; margin: 0; accent-color: var(--fd-accent); }\n.fd-properties .fd-insp-number { width: 64px; flex: none; min-height: 30px; padding-block: 3px; font-variant-numeric: tabular-nums; }\n.fd-insp-unit { font-size: 12px; color: var(--fd-muted); }\n/* The accent: round swatches, then any colour, and the skin's own back. */\n.fd-properties .fd-insp-swatches { width: auto; display: flex; flex-wrap: wrap; gap: 8px; padding: 2px; border: 0; background: none; }\n.fd-properties .fd-insp-swatches > .fd-seg-button {\n  width: 26px; height: 26px; min-height: 0; padding: 0; border-radius: 50%; box-sizing: border-box;\n  background: var(--fd-swatch); border: 2px solid var(--fd-surface); box-shadow: 0 0 0 1px var(--fd-border);\n}\n.fd-properties .fd-insp-swatches > .fd-seg-button[aria-pressed=\"true\"] { box-shadow: 0 0 0 2px var(--fd-text); }\n.fd-insp-any { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }\n.fd-insp-any-colour { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--fd-muted); cursor: pointer; }\n.fd-insp-colour { width: 26px; height: 20px; padding: 0; border: 1px solid var(--fd-border); border-radius: 5px; background: none; cursor: pointer; flex: none; }\n.fd-insp-colour::-webkit-color-swatch-wrapper { padding: 2px; }\n.fd-insp-colour::-webkit-color-swatch { border: 0; border-radius: 3px; }\n.fd-insp-colour::-moz-color-swatch { border: 0; border-radius: 3px; }\n.fd-properties .fd-insp-reset { padding: 0; min-height: 0; font-size: 12.5px; }\n/* Each kind of part: its kinds as chips that wrap, a dot on one with a look of its own; under them the kind's settings, a row each. */\n.fd-properties .fd-insp-kinds { display: flex; flex-wrap: wrap; }\n.fd-properties .fd-insp-kinds > .fd-seg-button { flex: 1 1 auto; display: inline-flex; justify-content: center; align-items: center; gap: 5px; }\n.fd-properties .fd-insp-kinds > .fd-seg-button[data-own]::after { content: \"\"; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--fd-accent); }\n.fd-part-look { display: grid; gap: 6px; margin-block-start: 6px; padding: 10px 12px; border: 1px solid var(--fd-border); border-radius: 8px; }\n.fd-part-look[hidden] { display: none; }\n/* A choice of a few beside its name while there is room for its words; under it, as wide as the box, where there is not. */\n.fd-part-setting { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 28px; min-width: 0; }\n.fd-part-setting-name { flex: none; width: 84px; font-size: 12.5px; color: var(--fd-text); }\n.fd-part-colour { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; cursor: pointer; }\n.fd-properties .fd-part-setting > .fd-insp-seg { flex: 1 1 170px; width: auto; min-width: 0; }\n.fd-part-colour-value { font-size: 12px; font-variant-numeric: tabular-nums; color: var(--fd-text); }\n.fd-part-colour-value.fd-part-colour-unset { color: var(--fd-muted); }\n.fd-part-colour-clear {\n  all: unset; box-sizing: border-box; display: inline-grid; place-items: center; width: 24px; height: 24px; margin-inline-start: auto;\n  border-radius: 4px; color: var(--fd-muted); font-size: 16px; line-height: 1; cursor: pointer;\n}\n.fd-part-colour-clear:hover { color: var(--fd-text); background: var(--fd-page); }\n.fd-part-colour-clear:focus-visible { outline: 2px solid var(--fd-focus); }\n.fd-part-colour-clear[hidden] { display: none; }\n.fd-part-look > .fd-insp-reset { justify-self: start; }\n/* A group's style: a small drawing over each word. */\n.fd-properties .fd-insp-styles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 0; border: 0; background: none; }\n.fd-properties .fd-insp-styles > .fd-seg-button {\n  display: grid; justify-items: center; gap: 3px; min-height: 0; padding: 6px 2px 5px; border: 1px solid var(--fd-border); border-radius: 8px;\n  background: var(--fd-surface); box-shadow: none; font-size: 11.5px; font-weight: 600; color: var(--fd-muted);\n}\n.fd-properties .fd-insp-styles > .fd-seg-button[aria-pressed=\"true\"] { border-color: var(--fd-accent); color: var(--fd-accent); box-shadow: inset 0 0 0 1px var(--fd-accent); }\n.fd-insp-style-picture { display: block; line-height: 0; }\n.fd-insp-style-picture svg { width: 40px; height: 27px; }\n/* The survey designer's Look: the same settings, in a sheet at the side of the cards. */\n.fd-properties.fd-look-sheet {\n  position: fixed; z-index: 50; inset-block-start: var(--fd-sheet-top, 84px); inset-inline-end: 16px; width: min(320px, calc(100vw - 32px));\n  max-height: calc(100vh - var(--fd-sheet-top, 84px) - 16px);\n  display: flex; flex-direction: column; padding: 0; gap: 0; overflow: hidden; box-shadow: 0 18px 44px rgba(15, 20, 25, 0.18);\n  animation: fd-menu-in 120ms cubic-bezier(0, 0, 0.2, 1);\n}\n.fd-look-sheet-head { flex: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-block: 12px 8px; padding-inline: 14px 10px; border-block-end: 1px solid var(--fd-border); }\n.fd-look-sheet-body { flex: 1 1 auto; min-height: 0; overflow: auto; }\n/* The survey's cards wearing the page's look: the page tinted with its accent, in either scheme; the editor's own room round them. */\n.fd-survey-canvas.fd-look-worn { container-type: normal; }\n.fd-survey-canvas.fd-look-worn[data-scheme] { background: color-mix(in srgb, var(--fd-accent) 8%, var(--fd-page)); }\n/* The canvas wearing the page's look keeps the editor's own frame round it. */\n.fd-canvas.fd-look-worn[data-scheme] { border: 1px solid var(--fd-border); }\n@media (prefers-reduced-motion: reduce) { .fd-set-found, .fd-properties.fd-look-sheet { animation: none; } }\n";

package/src/lib/styles-panel.js

@@ -57,6 +57,8 @@ exports.DESIGNER_PANEL_CSS = `
 .fd-properties .fd-q-required > input { width: 16px; height: 16px; margin: 0; accent-color: var(--fd-accent); }
 /* "Only when…", "Show only when…": links in line with the words above them. */
 .fd-properties .fd-q-when, .fd-properties .fd-when-add { padding-inline: 0; min-height: 26px; }
+/* Why a field is read-only, under its rule: the whole width, its name over its box. */
+.fd-properties .fd-q-reason { display: grid; gap: 4px; justify-self: stretch; }
 .fd-insp-area { resize: vertical; min-height: 56px; font: inherit; }
 .fd-insp-code {
   font: 12.5px/1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--fd-text); overflow-wrap: anywhere;

package/src/lib/styles-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles-panel.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/styles-panel.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACU,QAAA,kBAAkB,GAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2I3C,CAAC"}
+{"version":3,"file":"styles-panel.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/styles-panel.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACU,QAAA,kBAAkB,GAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6I3C,CAAC"}

package/src/lib/styles-panel.mjs

@@ -54,6 +54,8 @@ export const DESIGNER_PANEL_CSS = /* css */ `
 .fd-properties .fd-q-required > input { width: 16px; height: 16px; margin: 0; accent-color: var(--fd-accent); }
 /* "Only when…", "Show only when…": links in line with the words above them. */
 .fd-properties .fd-q-when, .fd-properties .fd-when-add { padding-inline: 0; min-height: 26px; }
+/* Why a field is read-only, under its rule: the whole width, its name over its box. */
+.fd-properties .fd-q-reason { display: grid; gap: 4px; justify-self: stretch; }
 .fd-insp-area { resize: vertical; min-height: 56px; font: inherit; }
 .fd-insp-code {
   font: 12.5px/1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--fd-text); overflow-wrap: anywhere;

package/src/lib/styles-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles-panel.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/styles-panel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2I3C,CAAC"}
+{"version":3,"file":"styles-panel.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/styles-panel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6I3C,CAAC"}

package/src/lib/try-it.js

@@ -90,7 +90,8 @@ function tryIt(options) {
         viewer = (0, viewer_1.mountViewer)(frame, {
             page,
             dataSource,
-            skin: options.skin,
+            // The page's own skin when it names one, as the form will wear it; else the editor's.
+            skin: page.look?.skin ?? options.skin,
             widgets: options.widgets,
             ...(options.listViews ? { listViews: options.listViews } : {}),
             ...(options.maps ? { maps: options.maps, values: madeUpPlaces(page, options.sampleCentre) } : {}),

package/src/lib/try-it.js.map

@@ -1 +1 @@
-{"version":3,"file":"try-it.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/try-it.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"try-it.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/try-it.ts"],"names":[],"mappings":"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"}

package/src/lib/try-it.mjs

@@ -87,7 +87,8 @@ export function tryIt(options) {
         viewer = mountViewer(frame, {
             page,
             dataSource,
-            skin: options.skin,
+            // The page's own skin when it names one, as the form will wear it; else the editor's.
+            skin: page.look?.skin ?? options.skin,
             widgets: options.widgets,
             ...(options.listViews ? { listViews: options.listViews } : {}),
             ...(options.maps ? { maps: options.maps, values: madeUpPlaces(page, options.sampleCentre) } : {}),

package/src/lib/try-it.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"try-it.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/try-it.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"try-it.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/try-it.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,OAAO,EAAyD,MAAM,eAAe,CAAC;AACtI,OAAO,EAAE,WAAW,EAA2E,MAAM,iBAAiB,CAAC;AAKvH,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA4CzC,wEAAwE;AACxE,SAAS,MAAM,CAAC,IAAU,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;IACrD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,EAAE,CAAC;IAC1E,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,8GAA8G;IAC9G,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;IAC5B,IAAI,GAAG,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;YAChG,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;YAChG,IAAI,GAAG,CAAC,KAAK;gBAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;YAC9E,IAAI,GAAG,CAAC,QAAQ;gBAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;YAC7C,IAAI,GAAG,CAAC,SAAS;gBAAE,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;AAC/G,CAAC;AAED,kKAAkK;AAClK,SAAS,YAAY,CAAC,IAAU,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;IAC3D,MAAM,MAAM,GAAW,EAAE,CAAC;IAC1B,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC;IACvG,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACxG,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAC3F,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAC3F,IAAI,KAAK,CAAC,KAAK;YAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;QAClF,IAAI,KAAK,CAAC,QAAQ;YAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;QACjD,IAAI,KAAK,CAAC,SAAS;YAAE,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;IACrD,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,OAAqB;IACzC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACtC,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAY,EAAE,EAAE,CAC/D,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACxI,MAAM,MAAM,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;IAExG,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAa,EAAE,EAAE,CAC7D,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/M,MAAM,MAAM,GAAqC,EAAE,OAAO,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;IACpN,MAAM,UAAU,GAAyC,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IAC5H,0GAA0G;IAC1G,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1C,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5E,MAAM,OAAO,GAAG,EAAE,CAChB,SAAS,EACT,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,EAC3D,EAAE,CACA,KAAK,EACL,EAAE,KAAK,EAAE,YAAY,EAAE,EACvB,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EACpG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EACzC,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAC5G,EACD,KAAK,CACN,CAAC;IACF,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,aAAa,CAAC,aAAa,CAAgB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAE/H,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,IAAI,KAAK,GAAU,SAAS,CAAC;IAC7B,IAAI,SAAS,GAAc,KAAK,CAAC;IACjC,sGAAsG;IACtG,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,MAAM,GAAwB,IAAI,CAAC;IAEvC,SAAS,IAAI;QACX,MAAM,EAAE,OAAO,EAAE,CAAC;QAClB,MAAM,GAAG,IAAI,CAAC;QACd,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,sBAAsB,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAC3F,MAAM,GAAG,GAAG,OAAO,CAAC,UAAU,CAAC;QAC/B,IAAI,GAAG,EAAE,OAAO;YAAE,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7D,mFAAmF;QACnF,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAChD,UAAU,CAAC,MAAM,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE;YACpC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC;YACnC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;YAChC,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,GAAG,WAAW,CAAC,KAAK,EAAE;YAC1B,IAAI;YACJ,UAAU;YACV,sFAAsF;YACtF,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,OAAO,CAAC,IAAI;YACrC,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9D,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACjG,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;SACrC,CAAC,CAAC;QACH,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IACD,qGAAqG;IACrG,SAAS,SAAS,CAAC,IAAU,EAAE,MAAc;QAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC;QACjG,MAAM,MAAM,GAAG,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;QAC/C,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI;YAAE,OAAO;QAC7B,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,MAAM,CAAC,KAAK,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,MAAM,CAAC,KAAK,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC;QAC5H,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7G,CAAC;IACD,SAAS,IAAI;QACX,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,SAAS,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;QACvD,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC;QACjH,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;YAAE,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC;QACzH,OAAO,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC;IAC3B,CAAC;IACD,SAAS,GAAG,CAAC,IAAa;QACxB,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO;QAC5B,MAAM,GAAG,IAAI,CAAC;QACd,IAAI,MAAM,IAAI,CAAC,OAAO;YAAE,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACpG,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IACrD,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACpD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACpC,KAAK,GAAG,IAAa,CAAC;YACtB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;YAC/B,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;IACL,CAAC;IACD,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACpC,SAAS,GAAG,IAAiB,CAAC;YAC9B,OAAO,GAAG,IAAI,CAAC;YACf,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;IACL,CAAC;IACD,IAAI,EAAE,CAAC;IAEP,OAAO;QACL,MAAM;QACN,OAAO;QACP,IAAI,MAAM;YACR,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;QACtB,KAAK;YACH,IAAI,MAAM;gBAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC7F,OAAO;gBACL,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,iBAAiB,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE;gBAC3E;oBACE,KAAK,EAAE,CAAC,CAAC,YAAY;oBACrB,IAAI,EAAE,CAAC,CAAC,KAAK;oBACb,GAAG,EAAE,GAAG,EAAE;wBACR,SAAS,CAAC,KAAK,EAAE,CAAC;wBAClB,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;oBACvB,CAAC;iBACF;gBACD;oBACE,KAAK,EAAE,CAAC,CAAC,QAAQ;oBACjB,IAAI,EAAE,CAAC,CAAC,KAAK;oBACb,GAAG,EAAE,GAAG,EAAE;wBACR,SAAS,CAAC,KAAK,EAAE,CAAC;wBAClB,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC;oBACzB,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;QACD,OAAO;YACL,MAAM,EAAE,OAAO,EAAE,CAAC;YAClB,MAAM,GAAG,IAAI,CAAC;YACd,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;KACF,CAAC;AACJ,CAAC"}

package/src/vue.d.mts

@@ -34,7 +34,7 @@ export declare const SurveyEditor: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{
     onReady?: ((_handle: SurveyEditorHandle) => any) | undefined;
 }>, {
-    skin: Skin;
+    skin: "quiet" | "underline" | "outlined";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const ScreenEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     designer: {
@@ -61,5 +61,5 @@ export declare const ScreenEditor: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{
     onReady?: ((_handle: ScreenEditorHandle) => any) | undefined;
 }>, {
-    skin: Skin;
+    skin: "quiet" | "underline" | "outlined";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/src/vue.d.ts

@@ -34,7 +34,7 @@ export declare const SurveyEditor: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{
     onReady?: ((_handle: SurveyEditorHandle) => any) | undefined;
 }>, {
-    skin: Skin;
+    skin: "quiet" | "underline" | "outlined";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const ScreenEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     designer: {
@@ -61,5 +61,5 @@ export declare const ScreenEditor: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{
     onReady?: ((_handle: ScreenEditorHandle) => any) | undefined;
 }>, {
-    skin: Skin;
+    skin: "quiet" | "underline" | "outlined";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;