@pie-element/mc-populated-blank 0.3.0-next.9 → 0.3.0

package/dist/delivery/variant-css-map.d.ts

@@ -1,9 +1,22 @@
 export type VariantCssConfig = {
     variantId: string;
     variantClass: string;
-    sourceUrl: string;
     cssText: string;
 };
 export declare const getVariantCssConfig: (customType: unknown) => VariantCssConfig | undefined;
 export declare const getVariantRootClass: (customType: unknown) => string;
-export declare const ensureVariantCssInjected: (config?: VariantCssConfig) => void;
+/**
+ * Names this build's variant sheets. The sheets are global, so each selector is
+ * narrowed to roots carrying the same key: two versions of the element on one
+ * page then style only their own roots, and share a sheet only when the CSS is
+ * identical.
+ */
+export declare const VARIANT_CSS_KEY: string;
+/** `:where()` adds no specificity, so the variant sheets cascade exactly as written. */
+export declare const keyVariantCss: (cssText: string) => string;
+/**
+ * Adds the item's variant sheet where `root` renders: the document head, or the
+ * shadow root of a host that placed the element inside one, which document
+ * styles do not reach.
+ */
+export declare const ensureVariantCssInjected: (config: VariantCssConfig | undefined, root: Element) => void;

package/dist/index.d.ts

@@ -1 +1 @@
-export { default } from './delivery/index';
+export { default } from './delivery/index.js';

package/dist/index.iife.d.ts

@@ -2,158 +2,5 @@
  * IIFE entry for mc-populated-blank delivery.
  * Registration is handled by PIE players/loaders, not by the element bundle itself.
  */
-import Element from './delivery';
-declare const controller: {
-    countBlankTokens(template: string): number;
-    getCorrectness: (question: import("./shared/types").McpbQuestion, session: import("./shared/types").McpbSession) => import("./shared/types").McpbCorrectness;
-    getPartialScore: (_question: import("./shared/types").McpbQuestion, session: import("./shared/types").McpbSession) => 0 | 1;
-    outcome: (question: import("./shared/types").McpbQuestion, session: import("./shared/types").McpbSession, env: import("./shared/types").McpbEnv) => Promise<unknown>;
-    createDefaultModel: (model?: import("./shared/types").McpbQuestion) => {
-        layoutLimits: {
-            blankStandaloneWidthRem: number;
-            blankWideWidthRem: number;
-            blankUnderlineWidthPx: number;
-            blankUnderlineWideWidthPx: number;
-            horizontalChoiceWidthPx: number;
-            horizontalChoiceWidthVw: number;
-            horizontalChoiceTileMinHeightRem: number;
-            horizontalChoiceContentMinHeightRem: number;
-            choiceImageMaxHeightRem: number;
-            choiceImageMaxWidthRem: number;
-            listenButtonSizePx: number;
-            stimulusMinColumnPx: number;
-            textMinColumnPx: number;
-            legendMaxChars: number;
-            choiceGroupGapRem: number;
-            choiceRowGapRem: number;
-            toggleButtonGapRem: number;
-            horizontalChoiceRadioTopMarginRem: number;
-            audioBlankTemplateMarginTopRem: number;
-            audioBlankTemplateMarginBottomRem: number;
-            audioInstructionsMaxWidthPx: number;
-            narrowHorizontalChoiceMaxWidthPx: number;
-            stimulusGridColumnGapRem: number;
-            stimulusGridRowGapRem: number;
-            stimulusSentenceMarginTopRem: number;
-            stimulusChoicesMarginTopRem: number;
-            tokenGridColumnGapRem: number;
-            tokenGridRowGapRem: number;
-            tokenTemplateMarginTopRem: number;
-            tokenInlineTokenGapRem: number;
-            tokenChoicesMarginTopRem: number;
-            inlineGridColumnGapRem: number;
-            inlineGridRowGapRem: number;
-            inlineTemplateMarginTopRem: number;
-            inlineChoicesMarginTopRem: number;
-        };
-        id: string;
-        element: string;
-        prompt: string;
-        promptEnabled: boolean;
-        interactionMode: import("./shared/types").McpbInteractionMode;
-        layoutProfile: string;
-        choiceLayout: string;
-        layoutProfilePresets: {};
-        audioButtonSkin: import("./shared/types").McpbAudioButtonSkin | null;
-        audioButtonSkinsByLocale: {};
-        uiText: import("./shared/types").McpbUiText;
-        sentenceHtml: string;
-        template: string;
-        choiceMode: import("./shared/types").McpbChoiceMode;
-        choices: import("./shared/types").McpbChoice[] | {
-            id: string;
-            labelHtml: string;
-        }[];
-        correctChoiceId: string;
-        hasAudio: boolean;
-        autoplayAudioEnabled: boolean;
-        completeAudioEnabled: boolean;
-        audioUrl: string;
-        audioTranscript: string;
-        useFeatureButtonAudio?: boolean;
-        locale: string;
-        shuffle?: boolean;
-        lockChoiceOrder?: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        customType?: string;
-    };
-    normalize: (question?: import("./shared/types").McpbQuestion) => {
-        layoutLimits: {
-            blankStandaloneWidthRem: number;
-            blankWideWidthRem: number;
-            blankUnderlineWidthPx: number;
-            blankUnderlineWideWidthPx: number;
-            horizontalChoiceWidthPx: number;
-            horizontalChoiceWidthVw: number;
-            horizontalChoiceTileMinHeightRem: number;
-            horizontalChoiceContentMinHeightRem: number;
-            choiceImageMaxHeightRem: number;
-            choiceImageMaxWidthRem: number;
-            listenButtonSizePx: number;
-            stimulusMinColumnPx: number;
-            textMinColumnPx: number;
-            legendMaxChars: number;
-            choiceGroupGapRem: number;
-            choiceRowGapRem: number;
-            toggleButtonGapRem: number;
-            horizontalChoiceRadioTopMarginRem: number;
-            audioBlankTemplateMarginTopRem: number;
-            audioBlankTemplateMarginBottomRem: number;
-            audioInstructionsMaxWidthPx: number;
-            narrowHorizontalChoiceMaxWidthPx: number;
-            stimulusGridColumnGapRem: number;
-            stimulusGridRowGapRem: number;
-            stimulusSentenceMarginTopRem: number;
-            stimulusChoicesMarginTopRem: number;
-            tokenGridColumnGapRem: number;
-            tokenGridRowGapRem: number;
-            tokenTemplateMarginTopRem: number;
-            tokenInlineTokenGapRem: number;
-            tokenChoicesMarginTopRem: number;
-            inlineGridColumnGapRem: number;
-            inlineGridRowGapRem: number;
-            inlineTemplateMarginTopRem: number;
-            inlineChoicesMarginTopRem: number;
-        };
-        id: string;
-        element: string;
-        prompt: string;
-        promptEnabled: boolean;
-        interactionMode: import("./shared/types").McpbInteractionMode;
-        layoutProfile: string;
-        choiceLayout: string;
-        layoutProfilePresets: {};
-        audioButtonSkin: import("./shared/types").McpbAudioButtonSkin | null;
-        audioButtonSkinsByLocale: {};
-        uiText: import("./shared/types").McpbUiText;
-        sentenceHtml: string;
-        template: string;
-        choiceMode: import("./shared/types").McpbChoiceMode;
-        choices: import("./shared/types").McpbChoice[] | {
-            id: string;
-            labelHtml: string;
-        }[];
-        correctChoiceId: string;
-        hasAudio: boolean;
-        autoplayAudioEnabled: boolean;
-        completeAudioEnabled: boolean;
-        audioUrl: string;
-        audioTranscript: string;
-        useFeatureButtonAudio?: boolean;
-        locale: string;
-        shuffle?: boolean;
-        lockChoiceOrder?: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        customType?: string;
-    };
-    normalizeSession: (s: import("./shared/types").McpbSession) => import("./shared/types").McpbSession;
-    model: (question: import("./shared/types").McpbQuestion, session: import("./shared/types").McpbSession | null, env: import("./shared/types").McpbEnv | null, updateSession?: (id: string, element: string, data: {
-        shuffledValues: string[];
-    }) => Promise<void>) => Promise<Record<string, unknown>>;
-    createCorrectResponseSession: (question: import("./shared/types").McpbQuestion, env: import("./shared/types").McpbEnv) => Promise<unknown>;
-    validate: (question?: import("./shared/types").McpbQuestion, _config?: Record<string, unknown>) => Record<string, string>;
-};
-export { controller };
+import Element from './delivery/index.js';
 export default Element;