@pie-element/ebsr 14.2.2-next.1 → 14.2.2-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/author/index.js +32 -30
- package/dist/author/main.d.ts +1 -0
- package/dist/author/main.js +72 -70
- package/dist/browser/author/index.js +44228 -12183
- package/dist/browser/author/index.js.map +1 -1
- package/dist/browser/controller/index.js +1 -1
- package/dist/browser/delivery/index.js +25 -25
- package/dist/browser/delivery/index.js.map +1 -1
- package/dist/browser/delivery-Cux64B2b.js +1282 -0
- package/dist/browser/delivery-Cux64B2b.js.map +1 -0
- package/dist/browser/dist-nl5urzAW.js +107 -0
- package/dist/browser/{dist-CaWRqnXk.js.map → dist-nl5urzAW.js.map} +1 -1
- package/dist/browser/ebsr.css +2 -0
- package/dist/browser/print/index.js +27 -27
- package/dist/browser/print/index.js.map +1 -1
- package/dist/browser/private-tags-a8AK69v5.js +9579 -0
- package/dist/browser/private-tags-a8AK69v5.js.map +1 -0
- package/dist/delivery/index.js +29 -28
- package/dist/index.iife.js +24 -24
- package/dist/print/index.js +32 -31
- package/dist/private-tags.d.ts +2 -0
- package/dist/private-tags.js +3 -0
- package/package.json +3 -3
- package/dist/browser/browser-CdX8WGiZ.js +0 -207
- package/dist/browser/browser-CdX8WGiZ.js.map +0 -1
- package/dist/browser/dist-CaWRqnXk.js +0 -62
- package/dist/browser/dist-DQkngCcw.js +0 -36
- package/dist/browser/dist-DQkngCcw.js.map +0 -1
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as
|
|
3
|
-
import {
|
|
1
|
+
import { L as e, Ut as t, n } from "../private-tags-a8AK69v5.js";
|
|
2
|
+
import { n as r, t as i } from "../delivery-Cux64B2b.js";
|
|
3
|
+
import { m as a } from "../dist-nl5urzAW.js";
|
|
4
4
|
//#region src/delivery/index.tsx
|
|
5
|
-
var
|
|
6
|
-
customElements.get(
|
|
7
|
-
var
|
|
8
|
-
let t =
|
|
9
|
-
return
|
|
5
|
+
var o = /* @__PURE__ */ t(e(), 1), s = r.TYPE, c = n, l = (0, o.default)("pie-elements:ebsr"), u = class extends i {};
|
|
6
|
+
customElements.get(c) || customElements.define(c, u);
|
|
7
|
+
var d = (e) => Array.isArray(e) && e.length > 0, f = (e) => {
|
|
8
|
+
let t = a(e, "value.partA.value"), n = a(e, "value.partB.value");
|
|
9
|
+
return d(t) && d(n);
|
|
10
10
|
};
|
|
11
|
-
function
|
|
11
|
+
function p(e) {
|
|
12
12
|
let t = e.closest("pie-player") || e.closest("pie-item-player");
|
|
13
13
|
if (!t) return {
|
|
14
14
|
baseHeadingLevel: void 0,
|
|
@@ -23,7 +23,7 @@ function u(e) {
|
|
|
23
23
|
includeSrHeading: o == null ? !0 : o !== !1 && o !== "false"
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
|
-
var
|
|
26
|
+
var m = class extends HTMLElement {
|
|
27
27
|
constructor() {
|
|
28
28
|
super(), this._model = {}, this._session = {};
|
|
29
29
|
}
|
|
@@ -37,12 +37,12 @@ var d = class extends HTMLElement {
|
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
set model(e) {
|
|
40
|
-
this._model = e, customElements.whenDefined(
|
|
40
|
+
this._model = e, customElements.whenDefined(c).then(() => {
|
|
41
41
|
this.setPartModel(this.partA, "partA"), this.setPartModel(this.partB, "partB");
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
set session(e) {
|
|
45
|
-
this._session = e, customElements.whenDefined(
|
|
45
|
+
this._session = e, customElements.whenDefined(c).then(() => {
|
|
46
46
|
this.setPartSession(this.partA, "partA"), this.setPartSession(this.partB, "partB");
|
|
47
47
|
});
|
|
48
48
|
}
|
|
@@ -57,7 +57,7 @@ var d = class extends HTMLElement {
|
|
|
57
57
|
mode: n,
|
|
58
58
|
keyMode: this._model[t].choicePrefix
|
|
59
59
|
};
|
|
60
|
-
let { includeSrHeading: r, baseHeadingLevel: i } =
|
|
60
|
+
let { includeSrHeading: r, baseHeadingLevel: i } = p(this);
|
|
61
61
|
e.includeSrHeading = r, e.baseHeadingLevel = i;
|
|
62
62
|
}
|
|
63
63
|
}
|
|
@@ -71,21 +71,21 @@ var d = class extends HTMLElement {
|
|
|
71
71
|
this._session.value = {
|
|
72
72
|
...this._session.value,
|
|
73
73
|
[t]: e
|
|
74
|
-
},
|
|
75
|
-
let
|
|
76
|
-
this.dispatchEvent(new
|
|
74
|
+
}, l("[onSessionChanged] session: ", this._session);
|
|
75
|
+
let n = f(this._session);
|
|
76
|
+
this.dispatchEvent(new r(this.tagName.toLowerCase(), n));
|
|
77
77
|
}
|
|
78
78
|
get partA() {
|
|
79
|
-
return this.querySelector(`${
|
|
79
|
+
return this.querySelector(`${c}#a`);
|
|
80
80
|
}
|
|
81
81
|
get partB() {
|
|
82
|
-
return this.querySelector(`${
|
|
82
|
+
return this.querySelector(`${c}#b`);
|
|
83
83
|
}
|
|
84
84
|
connectedCallback() {
|
|
85
|
-
this._render(), this._initPlayerObserver(), this.addEventListener(
|
|
85
|
+
this._render(), this._initPlayerObserver(), this.addEventListener(s, this.onSessionUpdated);
|
|
86
86
|
}
|
|
87
87
|
disconnectedCallback() {
|
|
88
|
-
this._disconnectPlayerObserver(), this.removeEventListener(
|
|
88
|
+
this._disconnectPlayerObserver(), this.removeEventListener(s, this.onSessionUpdated);
|
|
89
89
|
}
|
|
90
90
|
_initPlayerObserver() {
|
|
91
91
|
let e = this.closest("pie-player") || this.closest("pie-item-player");
|
|
@@ -106,7 +106,7 @@ var d = class extends HTMLElement {
|
|
|
106
106
|
}
|
|
107
107
|
_render() {
|
|
108
108
|
this.ariaLabel = "Two-Part Question", this.role = "region";
|
|
109
|
-
let { baseHeadingLevel: e, includeSrHeading: t } =
|
|
109
|
+
let { baseHeadingLevel: e, includeSrHeading: t } = p(this), n = e ? `h${Math.min(6, e)}` : "h2", r = t ? `<${n} class="srOnly">Two-Part Question</${n}>` : "";
|
|
110
110
|
this.innerHTML = `
|
|
111
111
|
<style>
|
|
112
112
|
.srOnly {
|
|
@@ -122,12 +122,12 @@ var d = class extends HTMLElement {
|
|
|
122
122
|
${this._model?.extraCSSRules?.rules}
|
|
123
123
|
</style>
|
|
124
124
|
${r}
|
|
125
|
-
<${
|
|
126
|
-
<${
|
|
127
|
-
`, customElements.get(
|
|
125
|
+
<${c} id="a"></${c}>
|
|
126
|
+
<${c} id="b"></${c}>
|
|
127
|
+
`, customElements.get(c) && (this.setPartModel(this.partA, "partA"), this.setPartModel(this.partB, "partB"), this.setPartSession(this.partA, "partA"), this.setPartSession(this.partB, "partB"));
|
|
128
128
|
}
|
|
129
129
|
};
|
|
130
130
|
//#endregion
|
|
131
|
-
export {
|
|
131
|
+
export { m as default, f as isSessionComplete };
|
|
132
132
|
|
|
133
133
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/delivery/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/ebsr/src/index.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport { SessionChangedEvent } from '@pie-element/shared-player-events';\nimport MultipleChoice from '@pie-element/multiple-choice';\nimport { get } from '@pie-element/shared-lodash';\nimport debug from 'debug';\n\nconst SESSION_CHANGED = SessionChangedEvent.TYPE;\nconst MC_TAG_NAME = 'ebsr-multiple-choice';\nconst log = debug('pie-elements:ebsr');\n\nclass EbsrMC extends MultipleChoice {}\n\nconst defineMultipleChoice = () => {\n if (!customElements.get(MC_TAG_NAME)) {\n customElements.define(MC_TAG_NAME, EbsrMC);\n }\n};\n\ndefineMultipleChoice();\n\nconst isNonEmptyArray = (a) => Array.isArray(a) && a.length > 0;\n\nexport const isSessionComplete = (session) => {\n const a = get(session, 'value.partA.value');\n const b = get(session, 'value.partB.value');\n\n return isNonEmptyArray(a) && isNonEmptyArray(b);\n};\n\nfunction getPlayerAttributes(element) {\n const player =\n element.closest('pie-player') ||\n element.closest('pie-item-player');\n\n if (!player) {\n return { baseHeadingLevel: undefined, includeSrHeading: true };\n }\n\n const getRaw = (camelCaseName, hyphenatedName, allLowerName) => {\n let raw = player[camelCaseName];\n\n // fallback in case someone sets via HTML attribute manually\n if (raw == null) {\n raw =\n player.getAttribute(hyphenatedName) ??\n player.getAttribute(allLowerName);\n }\n\n return raw;\n };\n\n const levelRaw = getRaw('baseHeadingLevel', 'base-heading-level', 'baseheadinglevel');\n const level = parseInt(levelRaw, 10);\n const baseHeadingLevel = Number.isFinite(level) && level >= 1 && level <= 6 ? level : undefined;\n\n const srRaw = getRaw('includeSrHeading', 'include-sr-heading', 'includesrheading');\n const includeSrHeading = srRaw == null ? true : srRaw !== false && srRaw !== 'false';\n\n return { baseHeadingLevel, includeSrHeading };\n}\n\nexport default class Ebsr extends HTMLElement {\n constructor() {\n super();\n this._model = {};\n this._session = {};\n }\n\n onSessionUpdated: any = (e) => {\n if (e.target === this) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n\n const id = e.target.getAttribute('id');\n\n if (id) {\n const key = `part${id.toUpperCase()}`;\n\n if (e.update) {\n this._model[key] = e.update;\n }\n //TODO: accessing a private property here. The session event should contain the update in future to prevent this.\n this.dispatchSessionChanged(e.srcElement._session, key);\n }\n };\n\n set model(m) {\n this._model = m;\n\n customElements.whenDefined(MC_TAG_NAME).then(() => {\n this.setPartModel(this.partA, 'partA');\n this.setPartModel(this.partB, 'partB');\n });\n }\n\n set session(s) {\n this._session = s;\n\n customElements.whenDefined(MC_TAG_NAME).then(() => {\n this.setPartSession(this.partA, 'partA');\n this.setPartSession(this.partB, 'partB');\n });\n }\n\n get session() {\n return this._session;\n }\n\n setPartModel(part, key) {\n if (this._model && this._model[key] && part) {\n const { mode } = this._model;\n\n part.model = {\n ...this._model[key],\n mode,\n keyMode: this._model[key].choicePrefix,\n };\n\n // Parts of an EBSR item should not render their own SR headings —\n // the EBSR element itself provides the item-level heading.\n const { includeSrHeading, baseHeadingLevel } = getPlayerAttributes(this);\n part.includeSrHeading = includeSrHeading;\n part.baseHeadingLevel = baseHeadingLevel;\n }\n }\n\n setPartSession(part, key) {\n if (this._session && this._model && part) {\n const { value } = this._session;\n part.session = value && value[key] ? value[key] : { id: key };\n }\n }\n\n dispatchSessionChanged(partSession, key) {\n this._session.value = {\n ...this._session.value,\n [key]: partSession,\n };\n\n log('[onSessionChanged] session: ', this._session);\n const complete = isSessionComplete(this._session);\n this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n }\n\n get partA() {\n return this.querySelector(`${MC_TAG_NAME}#a`);\n }\n\n get partB() {\n return this.querySelector(`${MC_TAG_NAME}#b`);\n }\n\n connectedCallback() {\n this._render();\n this._initPlayerObserver();\n this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);\n }\n\n disconnectedCallback() {\n this._disconnectPlayerObserver();\n this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);\n }\n\n _initPlayerObserver() {\n const player = this.closest('pie-player') || this.closest('pie-item-player');\n if (!player) return;\n\n this._playerObserver = new MutationObserver(() => {\n this._render();\n });\n this._playerObserver.observe(player, {\n attributes: true,\n attributeFilter: ['base-heading-level', 'baseheadinglevel', 'include-sr-heading', 'includesrheading'],\n });\n }\n\n _disconnectPlayerObserver() {\n if (this._playerObserver) {\n this._playerObserver.disconnect();\n this._playerObserver = null;\n }\n }\n\n _render() {\n this.ariaLabel = 'Two-Part Question';\n this.role = 'region';\n\n const { baseHeadingLevel: ebsrLevel, includeSrHeading } = getPlayerAttributes(this);\n const headingTag = ebsrLevel ? `h${Math.min(6, ebsrLevel)}` : 'h2';\n const srHeading = includeSrHeading ? `<${headingTag} class=\"srOnly\">Two-Part Question</${headingTag}>` : '';\n\n this.innerHTML = `\n <style>\n .srOnly {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n left: -10000px;\n top: auto;\n }\n ${this._model?.extraCSSRules?.rules}\n </style>\n ${srHeading}\n <${MC_TAG_NAME} id=\"a\"></${MC_TAG_NAME}>\n <${MC_TAG_NAME} id=\"b\"></${MC_TAG_NAME}>\n `;\n\n // when item is re-rendered (due to connectedCallback), if the custom element is already defined,\n // we need to set the model and session, otherwise the setters are not reached again\n if (customElements.get(MC_TAG_NAME)) {\n this.setPartModel(this.partA, 'partA');\n this.setPartModel(this.partB, 'partB');\n this.setPartSession(this.partA, 'partA');\n this.setPartSession(this.partB, 'partB');\n }\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/delivery/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/ebsr/src/index.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport { SessionChangedEvent } from '@pie-element/shared-player-events';\nimport MultipleChoice from '@pie-element/multiple-choice';\nimport { get } from '@pie-element/shared-lodash';\nimport debug from 'debug';\nimport { EBSR_MULTIPLE_CHOICE_TAG } from '../private-tags.js';\n\nconst SESSION_CHANGED = SessionChangedEvent.TYPE;\nconst MC_TAG_NAME = EBSR_MULTIPLE_CHOICE_TAG;\nconst log = debug('pie-elements:ebsr');\n\nclass EbsrMC extends MultipleChoice {}\n\nconst defineMultipleChoice = () => {\n if (!customElements.get(MC_TAG_NAME)) {\n customElements.define(MC_TAG_NAME, EbsrMC);\n }\n};\n\ndefineMultipleChoice();\n\nconst isNonEmptyArray = (a) => Array.isArray(a) && a.length > 0;\n\nexport const isSessionComplete = (session) => {\n const a = get(session, 'value.partA.value');\n const b = get(session, 'value.partB.value');\n\n return isNonEmptyArray(a) && isNonEmptyArray(b);\n};\n\nfunction getPlayerAttributes(element) {\n const player =\n element.closest('pie-player') ||\n element.closest('pie-item-player');\n\n if (!player) {\n return { baseHeadingLevel: undefined, includeSrHeading: true };\n }\n\n const getRaw = (camelCaseName, hyphenatedName, allLowerName) => {\n let raw = player[camelCaseName];\n\n // fallback in case someone sets via HTML attribute manually\n if (raw == null) {\n raw =\n player.getAttribute(hyphenatedName) ??\n player.getAttribute(allLowerName);\n }\n\n return raw;\n };\n\n const levelRaw = getRaw('baseHeadingLevel', 'base-heading-level', 'baseheadinglevel');\n const level = parseInt(levelRaw, 10);\n const baseHeadingLevel = Number.isFinite(level) && level >= 1 && level <= 6 ? level : undefined;\n\n const srRaw = getRaw('includeSrHeading', 'include-sr-heading', 'includesrheading');\n const includeSrHeading = srRaw == null ? true : srRaw !== false && srRaw !== 'false';\n\n return { baseHeadingLevel, includeSrHeading };\n}\n\nexport default class Ebsr extends HTMLElement {\n constructor() {\n super();\n this._model = {};\n this._session = {};\n }\n\n onSessionUpdated: any = (e) => {\n if (e.target === this) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n\n const id = e.target.getAttribute('id');\n\n if (id) {\n const key = `part${id.toUpperCase()}`;\n\n if (e.update) {\n this._model[key] = e.update;\n }\n //TODO: accessing a private property here. The session event should contain the update in future to prevent this.\n this.dispatchSessionChanged(e.srcElement._session, key);\n }\n };\n\n set model(m) {\n this._model = m;\n\n customElements.whenDefined(MC_TAG_NAME).then(() => {\n this.setPartModel(this.partA, 'partA');\n this.setPartModel(this.partB, 'partB');\n });\n }\n\n set session(s) {\n this._session = s;\n\n customElements.whenDefined(MC_TAG_NAME).then(() => {\n this.setPartSession(this.partA, 'partA');\n this.setPartSession(this.partB, 'partB');\n });\n }\n\n get session() {\n return this._session;\n }\n\n setPartModel(part, key) {\n if (this._model && this._model[key] && part) {\n const { mode } = this._model;\n\n part.model = {\n ...this._model[key],\n mode,\n keyMode: this._model[key].choicePrefix,\n };\n\n // Parts of an EBSR item should not render their own SR headings —\n // the EBSR element itself provides the item-level heading.\n const { includeSrHeading, baseHeadingLevel } = getPlayerAttributes(this);\n part.includeSrHeading = includeSrHeading;\n part.baseHeadingLevel = baseHeadingLevel;\n }\n }\n\n setPartSession(part, key) {\n if (this._session && this._model && part) {\n const { value } = this._session;\n part.session = value && value[key] ? value[key] : { id: key };\n }\n }\n\n dispatchSessionChanged(partSession, key) {\n this._session.value = {\n ...this._session.value,\n [key]: partSession,\n };\n\n log('[onSessionChanged] session: ', this._session);\n const complete = isSessionComplete(this._session);\n this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n }\n\n get partA() {\n return this.querySelector(`${MC_TAG_NAME}#a`);\n }\n\n get partB() {\n return this.querySelector(`${MC_TAG_NAME}#b`);\n }\n\n connectedCallback() {\n this._render();\n this._initPlayerObserver();\n this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);\n }\n\n disconnectedCallback() {\n this._disconnectPlayerObserver();\n this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);\n }\n\n _initPlayerObserver() {\n const player = this.closest('pie-player') || this.closest('pie-item-player');\n if (!player) return;\n\n this._playerObserver = new MutationObserver(() => {\n this._render();\n });\n this._playerObserver.observe(player, {\n attributes: true,\n attributeFilter: ['base-heading-level', 'baseheadinglevel', 'include-sr-heading', 'includesrheading'],\n });\n }\n\n _disconnectPlayerObserver() {\n if (this._playerObserver) {\n this._playerObserver.disconnect();\n this._playerObserver = null;\n }\n }\n\n _render() {\n this.ariaLabel = 'Two-Part Question';\n this.role = 'region';\n\n const { baseHeadingLevel: ebsrLevel, includeSrHeading } = getPlayerAttributes(this);\n const headingTag = ebsrLevel ? `h${Math.min(6, ebsrLevel)}` : 'h2';\n const srHeading = includeSrHeading ? `<${headingTag} class=\"srOnly\">Two-Part Question</${headingTag}>` : '';\n\n this.innerHTML = `\n <style>\n .srOnly {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n left: -10000px;\n top: auto;\n }\n ${this._model?.extraCSSRules?.rules}\n </style>\n ${srHeading}\n <${MC_TAG_NAME} id=\"a\"></${MC_TAG_NAME}>\n <${MC_TAG_NAME} id=\"b\"></${MC_TAG_NAME}>\n `;\n\n // when item is re-rendered (due to connectedCallback), if the custom element is already defined,\n // we need to set the model and session, otherwise the setters are not reached again\n if (customElements.get(MC_TAG_NAME)) {\n this.setPartModel(this.partA, 'partA');\n this.setPartModel(this.partB, 'partB');\n this.setPartSession(this.partA, 'partA');\n this.setPartSession(this.partB, 'partB');\n }\n }\n}\n"],"mappings":"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"}
|