@pie-element/passage 5.0.2-esm.0 → 5.2.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@5.0.0...@pie-element/passage@5.2.0) (2025-10-10)
+
+
+### Features
+
+* update libs PD-5208, PD-5211, PD-5199, PD-5218, PD-5217 ([da327fa](https://github.com/pie-framework/pie-elements/commit/da327fa501f6e9eff1c0b30b5ef092426a91f78b))
+
+
+
+
+
+# [5.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@4.0.0...@pie-element/passage@5.1.0) (2025-10-07)
+
+**Note:** Version bump only for package @pie-element/passage
+
+
+
+
+
 # [5.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@3.8.0...@pie-element/passage@5.0.0) (2025-10-02)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-configure@3.0.1...@pie-element/passage-configure@3.2.0) (2025-10-10)
+
+
+### Features
+
+* update libs PD-5208, PD-5211, PD-5199, PD-5218, PD-5217 ([da327fa](https://github.com/pie-framework/pie-elements/commit/da327fa501f6e9eff1c0b30b5ef092426a91f78b))
+
+
+
+
+
+# [3.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-configure@3.0.0...@pie-element/passage-configure@3.1.0) (2025-10-07)
+
+**Note:** Version bump only for package @pie-element/passage-configure
+
+
+
+
+
 ## [3.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-configure@2.7.0...@pie-element/passage-configure@3.0.1) (2025-10-02)
 
 **Note:** Version bump only for package @pie-element/passage-configure

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/passage-configure",
   "private": true,
-  "version": "3.0.3-esm.0",
+  "version": "3.2.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,8 +10,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "^11.26.1",
-    "@pie-lib/editable-html": "^11.18.1",
+    "@pie-lib/config-ui": "^11.25.1",
+    "@pie-lib/editable-html": "^11.17.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-controller@2.0.1...@pie-element/passage-controller@2.1.1) (2025-10-10)
+
+**Note:** Version bump only for package @pie-element/passage-controller
+
+
+
+
+
+# [2.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-controller@2.0.0...@pie-element/passage-controller@2.1.0) (2025-10-07)
+
+**Note:** Version bump only for package @pie-element/passage-controller
+
+
+
+
+
 ## [2.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-controller@1.4.8...@pie-element/passage-controller@2.0.1) (2025-10-02)
 
 **Note:** Version bump only for package @pie-element/passage-controller

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/passage-controller",
   "private": true,
-  "version": "2.0.2-esm.0",
+  "version": "2.1.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/lib/stimulus-tabs.js

@@ -206,7 +206,7 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
       var disabledTabs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
       if (!teacherInstructions) {
-        return null;
+        return;
       }
 
       var teacherInstructionsDiv = /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
@@ -281,7 +281,7 @@ var StimulusTabs = /*#__PURE__*/function (_React$Component) {
       var activeTab = this.state.activeTab;
 
       if (!(tabs !== null && tabs !== void 0 && tabs.length)) {
-        return null;
+        return;
       }
 
       var _ref = model || {},

package/lib/stimulus-tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","borderCollapse","padding","textAlign","passage","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","document","getElementById","focus","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","model","state","extraCSSRules","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return null;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return null;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}
+{"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","borderCollapse","padding","textAlign","passage","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","document","getElementById","focus","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","model","state","extraCSSRules","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}

package/module/configure.js

@@ -1 +1 @@
-import{_dll_prop_types as e,_dll_material_ui__core_styles as t,_dll_react as a,_dll_material_ui__core as i,_dll_material_ui__icons as n,_dll_react_dom as s}from"../../../@pie-lib/shared-module@^1.14.0/module/index.js";import{_dll_pie_lib__config_ui as l}from"../../../@pie-lib/config-module@^2.19.0/module/index.js";import{_dll_pie_lib__editable_html as o}from"../../../@pie-lib/editable-html-module@^5.6.0/module/index.js";var r={};Object.defineProperty(r,"__esModule",{value:!0});class d extends CustomEvent{constructor(e,t=!1){super(d.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}d.TYPE="model.updated";var u=r.ModelUpdatedEvent=d;class c extends CustomEvent{constructor(e,t){super(c.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}c.TYPE="delete.image";var g=r.DeleteImageEvent=c;class p extends CustomEvent{constructor(e){super(p.TYPE,{bubbles:!0,detail:e}),this.handler=e}}p.TYPE="insert.image";var h=r.InsertImageEvent=p;class m extends CustomEvent{constructor(e,t){super(m.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}m.TYPE="delete.sound";var b=r.DeleteSoundEvent=m;class C extends CustomEvent{constructor(e){super(C.TYPE,{bubbles:!0,detail:e}),this.handler=e}}C.TYPE="insert.sound";var _=r.InsertSoundEvent=C;const E=a,x=e,{withStyles:f}=t,{Button:S}=i,{Dialog:v}=i,{DialogTitle:I}=i,{DialogContent:P}=i,{DialogContentText:T}=i,{DialogActions:y}=i,{RemoveCircle:R}=n,{AddCircle:q}=n,D=f((e=>({root:{textDecoration:"underline","&:hover":{textDecoration:"underline",backgroundColor:"transparent"}},label:{display:"flex",alignItems:"center"},icon:{marginRight:e.spacing.unit/2}})))((({classes:e,label:t,type:a="add",onClick:i})=>{const n="add"===a?q:R;return E.createElement(S,{color:"primary",size:"small",className:e.root,onClick:i},E.createElement(n,{fontSize:"small",color:"primary",className:e.icon}),t)})),k=({content:e,cancel:t,title:a,ok:i,open:n,onOk:s,onCancel:l})=>E.createElement(v,{open:n},E.createElement(I,null,a),E.createElement(P,null,E.createElement(T,null,e)),E.createElement(y,null,s&&E.createElement(S,{onClick:s,color:"primary"},i),l&&E.createElement(S,{onClick:l,color:"primary"},t)));k.propTypes={content:x.string.isRequired,title:x.string.isRequired,cancel:x.string.isRequired,ok:x.string.isRequired,open:x.bool.isRequired,onCancel:x.func.isRequired,onOk:x.func.isRequired};const A=a,M=e,{withStyles:w}=t,{InputContainer:j}=l,N=o,{ALL_PLUGINS:O}=o;function Y(e){let t,a=e[0],i=1;for(;i<e.length;){const n=e[i],s=e[i+1];if(i+=2,("optionalAccess"===n||"optionalCall"===n)&&null==a)return;"access"===n||"optionalAccess"===n?(t=a,a=s(a)):"call"!==n&&"optionalCall"!==n||(a=s(((...e)=>a.call(t,...e))),t=void 0)}return a}class H extends A.Component{static __initStatic(){this.propTypes={classes:M.object,onModelChanged:M.func.isRequired,model:M.object.isRequired,configuration:M.object.isRequired,imageSupport:M.object.isRequired,passageIndex:M.number.isRequired,uploadSoundSupport:M.object.isRequired}}static __initStatic2(){this.defaultProps={passageIndex:0}}constructor(e){super(e),H.prototype.__init.call(this)}__init(){this.handleChange=(e,t)=>{const{model:a,onModelChanged:i,passageIndex:n}=this.props;if(!a.passages||n<0||n>=a.passages.length)return;const s=[...a.passages];s[n]={...s[n],[e]:t},i({...a,passages:s})}}render(){const{model:e,classes:t,configuration:a,imageSupport:i,passageIndex:n,uploadSoundSupport:s}=this.props,{maxImageWidth:l={},maxImageHeight:o={},mathMlOptions:r={},baseInputConfiguration:d={},teacherInstructions:u={},title:c={},subtitle:g={},text:p={},author:h={}}=a||{},{errors:m={},passages:b=[],teacherInstructionsEnabled:C,titleEnabled:_,subtitleEnabled:E,authorEnabled:x,textEnabled:f}=e||{},{passages:S}=m||{},{teacherInstructions:v,title:I,subtitle:P,author:T,text:y}=S&&S[n]||{},R=l&&l.prompt,q=o&&o.prompt,D=e=>({...d,...e});return A.createElement(A.Fragment,null,C&&A.createElement(j,{label:u.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].teacherInstructions||"",onChange:e=>this.handleChange("teacherInstructions",e),nonEmpty:!1,error:v,maxImageWidth:l&&l.teacherInstructions||R,maxImageHeight:o&&o.teacherInstructions||q,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([u,"optionalAccess",e=>e.inputConfiguration]))}),v&&A.createElement("div",{className:t.errorText},v)),_&&A.createElement(j,{label:c.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].title||"",onChange:e=>this.handleChange("title",e),nonEmpty:!1,error:I,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([c,"optionalAccess",e=>e.inputConfiguration]))}),I&&A.createElement("div",{className:t.errorText},I)),E&&A.createElement(j,{label:g.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].subtitle||"",onChange:e=>this.handleChange("subtitle",e),nonEmpty:!1,error:P,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([g,"optionalAccess",e=>e.inputConfiguration]))}),P&&A.createElement("div",{className:t.errorText},P)),x&&A.createElement(j,{label:h.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].author||"",onChange:e=>this.handleChange("author",e),nonEmpty:!1,error:T,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([h,"optionalAccess",e=>e.inputConfiguration]))}),T&&A.createElement("div",{className:t.errorText},T)),f&&A.createElement(j,{label:p.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].text||"",onChange:e=>this.handleChange("text",e),imageSupport:i,uploadSoundSupport:s,nonEmpty:!1,error:y,maxImageWidth:l&&l.text||R,maxImageHeight:o&&o.text||q,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([p,"optionalAccess",e=>e.inputConfiguration]))}),y&&A.createElement("div",{className:t.errorText},y)))}}H.__initStatic(),H.__initStatic2();var L=w((e=>({inputContainer:{paddingTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit,width:"100%"},errorText:{fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing.unit}})))(H);const W=a,z=e,{withStyles:B}=t,{Typography:$}=i,{settings:F}=l,{layout:U}=l,{Panel:G,toggle:J,dropdown:K}=F;class Q extends W.Component{static __initStatic(){this.propTypes={onModelChanged:z.func.isRequired,onConfigurationChanged:z.func,model:z.object.isRequired,configuration:z.object.isRequired,imageSupport:z.object.isRequired,uploadSoundSupport:z.object.isRequired,classes:z.object.isRequired}}constructor(e){super(e),Q.prototype.__init.call(this),Q.prototype.__init2.call(this),Q.prototype.__init3.call(this),Q.prototype.__init4.call(this),this.state={showConfirmationDialog:!1,indexToRemove:-1}}__init(){this.getInnerText=e=>(e||"").replaceAll(/<[^>]*>/g,"")}__init2(){this.onDelete=(e,t,a)=>{let i=e.passages;i.splice(t,1),a({...e,passages:i}),this.setState({showConfirmationDialog:!1,indexToRemove:-1})}}__init3(){this.removeAdditionalPassage=e=>{const{model:t={},onModelChanged:a}=this.props,{passages:i=[]}=t,{teacherInstructions:n="",title:s="",subtitle:l="",author:o="",text:r=""}=i[e];this.getInnerText(n).trim()||this.getInnerText(s).trim()||this.getInnerText(l).trim()||this.getInnerText(o).trim()||this.getInnerText(r).trim()?this.setState({showConfirmationDialog:!0,indexToRemove:e}):this.onDelete(t,e,a)}}__init4(){this.addAdditionalPassage=()=>{const{model:e,onModelChanged:t}=this.props,a=[...e.passages,{teacherInstructions:"",title:"",subtitle:"",author:"",text:""}];t({...e,passages:a})}}render(){const{classes:e,model:t,configuration:a,imageSupport:i,onConfigurationChanged:n,onModelChanged:s,uploadSoundSupport:l}=this.props,{settingsPanelDisabled:o,language:r={},languageChoices:d={},teacherInstructions:u={},title:c={},subtitle:g={},text:p={},author:h={},additionalPassage:m={}}=a||{},{extraCSSRules:b,passages:C}=t||{},_={titleEnabled:c&&c.settings&&J(c.label),subtitleEnabled:g&&g.settings&&J(g.label),authorEnabled:h&&h.settings&&J(h.label),textEnabled:p&&p.settings&&J(p.label),"additionalPassage.enabled":m&&m.settings&&J(m.label,!0)},E={teacherInstructionsEnabled:u&&u.settings&&J(u.label),"language.enabled":r&&r.settings&&J(r.label,!0),language:r&&r.settings&&r.enabled&&K(d.label,d.options)},x=`${m.label} will be deleted`,{indexToRemove:f,showConfirmationDialog:S}=this.state;return W.createElement(U.ConfigLayout,{extraCSSRules:b,hideSettings:o,settings:W.createElement(G,{model:t,configuration:a,onChangeModel:e=>s(e),onChangeConfiguration:e=>n(e),groups:{Settings:_,Properties:E}})},C.map(((n,o)=>W.createElement(W.Fragment,{key:o},o>0&&W.createElement($,{variant:"h5",className:e.additionalPassageHeading},m.label),W.createElement(L,{imageSupport:i,uploadSoundSupport:l,model:t,configuration:a,passageIndex:o,onModelChanged:s}),o>0&&m.enabled&&W.createElement(D,{type:"remove",label:`Remove ${m.label}`,onClick:()=>this.removeAdditionalPassage(o)}),0===o&&m.enabled&&C.length<2&&W.createElement(D,{label:`Add ${m.label}`,onClick:this.addAdditionalPassage})))),W.createElement(k,{open:S,title:"Warning",content:x,cancel:"Cancel",ok:"Ok",onCancel:()=>this.setState({showConfirmationDialog:!1}),onOk:()=>this.onDelete(t,f,s)}))}}Q.__initStatic();var V=B((e=>({additionalPassageHeading:{paddingTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit}})))(Q),X={authorEnabled:!0,passages:[{teacherInstructions:"",title:"",subtitle:"",author:"",text:""}],subtitleEnabled:!0,teacherInstructionsEnabled:!0,textEnabled:!0,titleEnabled:!0},Z={baseInputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!0},blockquote:{disabled:!0},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},settingsPanelDisabled:!1,title:{settings:!0,label:"Title",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0},textAlign:{disabled:!1}},required:!0},subtitle:{settings:!0,label:"Subtitle",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0},textAlign:{disabled:!1}},required:!1},author:{settings:!0,label:"Author",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0}},required:!1},text:{settings:!0,label:"Text",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!1},blockquote:{disabled:!1},textAlign:{disabled:!1}},required:!0},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},maxImageWidth:{teacherInstructions:300,text:300},maxImageHeight:{teacherInstructions:300,text:300},mathMlOptions:{mmlOutput:!1,mmlEditing:!1},language:{settings:!1,label:"Specify Language",enabled:!1},languageChoices:{label:"Language Choices",options:[]},additionalPassage:{settings:!0,label:"Additional Passage",enabled:!1}};const ee=a,te=s;class ae extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>({...X,...e})}constructor(){super(),this._model=ae.createDefaultModel(),this._configuration=Z}set model(e){this._model=ae.createDefaultModel(e),this.render()}set configuration(e){this._configuration=e,this.render()}connectedCallback(){this.render()}modelChanged(e){this._model=e,this.dispatchEvent(new u(this._model),!0),this.render()}onConfigurationChanged(e){this._configuration=e,this.render()}insertImage(e){this.dispatchEvent(new h(e))}onDeleteImage(e,t){this.dispatchEvent(new g(e,t))}insertSound(e){this.dispatchEvent(new _(e))}onDeleteSound(e,t){this.dispatchEvent(new b(e,t))}render(){if(this._model){const e=ee.createElement(V,{model:this._model,configuration:this._configuration,onModelChanged:this.modelChanged.bind(this),onConfigurationChanged:this.onConfigurationChanged.bind(this),imageSupport:{add:this.insertImage.bind(this),delete:this.onDeleteImage.bind(this)},uploadSoundSupport:{add:this.insertSound.bind(this),delete:this.onDeleteSound.bind(this)}});te.render(e,this)}}}ae.__initStatic();export{ae as default};
+import{_dll_prop_types as e,_dll_material_ui__core_styles as t,_dll_react as a,_dll_material_ui__core as i,_dll_material_ui__icons as n,_dll_react_dom as s}from"../../../@pie-lib/shared-module@^1.14.5/module/index.js";import{_dll_pie_lib__config_ui as l}from"../../../@pie-lib/config-module@^2.19.5/module/index.js";import{_dll_pie_lib__editable_html as o}from"../../../@pie-lib/editable-html-module@^5.6.5/module/index.js";var r={};Object.defineProperty(r,"__esModule",{value:!0});class d extends CustomEvent{constructor(e,t=!1){super(d.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}d.TYPE="model.updated";var u=r.ModelUpdatedEvent=d;class c extends CustomEvent{constructor(e,t){super(c.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}c.TYPE="delete.image";var g=r.DeleteImageEvent=c;class p extends CustomEvent{constructor(e){super(p.TYPE,{bubbles:!0,detail:e}),this.handler=e}}p.TYPE="insert.image";var h=r.InsertImageEvent=p;class m extends CustomEvent{constructor(e,t){super(m.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}m.TYPE="delete.sound";var b=r.DeleteSoundEvent=m;class C extends CustomEvent{constructor(e){super(C.TYPE,{bubbles:!0,detail:e}),this.handler=e}}C.TYPE="insert.sound";var _=r.InsertSoundEvent=C;const E=a,x=e,{withStyles:f}=t,{Button:S}=i,{Dialog:v}=i,{DialogTitle:I}=i,{DialogContent:P}=i,{DialogContentText:T}=i,{DialogActions:y}=i,{RemoveCircle:R}=n,{AddCircle:q}=n,D=f((e=>({root:{textDecoration:"underline","&:hover":{textDecoration:"underline",backgroundColor:"transparent"}},label:{display:"flex",alignItems:"center"},icon:{marginRight:e.spacing.unit/2}})))((({classes:e,label:t,type:a="add",onClick:i})=>{const n="add"===a?q:R;return E.createElement(S,{color:"primary",size:"small",className:e.root,onClick:i},E.createElement(n,{fontSize:"small",color:"primary",className:e.icon}),t)})),k=({content:e,cancel:t,title:a,ok:i,open:n,onOk:s,onCancel:l})=>E.createElement(v,{open:n},E.createElement(I,null,a),E.createElement(P,null,E.createElement(T,null,e)),E.createElement(y,null,s&&E.createElement(S,{onClick:s,color:"primary"},i),l&&E.createElement(S,{onClick:l,color:"primary"},t)));k.propTypes={content:x.string.isRequired,title:x.string.isRequired,cancel:x.string.isRequired,ok:x.string.isRequired,open:x.bool.isRequired,onCancel:x.func.isRequired,onOk:x.func.isRequired};const A=a,M=e,{withStyles:w}=t,{InputContainer:j}=l,N=o,{ALL_PLUGINS:O}=o;function Y(e){let t,a=e[0],i=1;for(;i<e.length;){const n=e[i],s=e[i+1];if(i+=2,("optionalAccess"===n||"optionalCall"===n)&&null==a)return;"access"===n||"optionalAccess"===n?(t=a,a=s(a)):"call"!==n&&"optionalCall"!==n||(a=s(((...e)=>a.call(t,...e))),t=void 0)}return a}class H extends A.Component{static __initStatic(){this.propTypes={classes:M.object,onModelChanged:M.func.isRequired,model:M.object.isRequired,configuration:M.object.isRequired,imageSupport:M.object.isRequired,passageIndex:M.number.isRequired,uploadSoundSupport:M.object.isRequired}}static __initStatic2(){this.defaultProps={passageIndex:0}}constructor(e){super(e),H.prototype.__init.call(this)}__init(){this.handleChange=(e,t)=>{const{model:a,onModelChanged:i,passageIndex:n}=this.props;if(!a.passages||n<0||n>=a.passages.length)return;const s=[...a.passages];s[n]={...s[n],[e]:t},i({...a,passages:s})}}render(){const{model:e,classes:t,configuration:a,imageSupport:i,passageIndex:n,uploadSoundSupport:s}=this.props,{maxImageWidth:l={},maxImageHeight:o={},mathMlOptions:r={},baseInputConfiguration:d={},teacherInstructions:u={},title:c={},subtitle:g={},text:p={},author:h={}}=a||{},{errors:m={},passages:b=[],teacherInstructionsEnabled:C,titleEnabled:_,subtitleEnabled:E,authorEnabled:x,textEnabled:f}=e||{},{passages:S}=m||{},{teacherInstructions:v,title:I,subtitle:P,author:T,text:y}=S&&S[n]||{},R=l&&l.prompt,q=o&&o.prompt,D=e=>({...d,...e});return A.createElement(A.Fragment,null,C&&A.createElement(j,{label:u.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].teacherInstructions||"",onChange:e=>this.handleChange("teacherInstructions",e),nonEmpty:!1,error:v,maxImageWidth:l&&l.teacherInstructions||R,maxImageHeight:o&&o.teacherInstructions||q,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([u,"optionalAccess",e=>e.inputConfiguration]))}),v&&A.createElement("div",{className:t.errorText},v)),_&&A.createElement(j,{label:c.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].title||"",onChange:e=>this.handleChange("title",e),nonEmpty:!1,error:I,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([c,"optionalAccess",e=>e.inputConfiguration]))}),I&&A.createElement("div",{className:t.errorText},I)),E&&A.createElement(j,{label:g.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].subtitle||"",onChange:e=>this.handleChange("subtitle",e),nonEmpty:!1,error:P,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([g,"optionalAccess",e=>e.inputConfiguration]))}),P&&A.createElement("div",{className:t.errorText},P)),x&&A.createElement(j,{label:h.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].author||"",onChange:e=>this.handleChange("author",e),nonEmpty:!1,error:T,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([h,"optionalAccess",e=>e.inputConfiguration]))}),T&&A.createElement("div",{className:t.errorText},T)),f&&A.createElement(j,{label:p.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].text||"",onChange:e=>this.handleChange("text",e),imageSupport:i,uploadSoundSupport:s,nonEmpty:!1,error:y,maxImageWidth:l&&l.text||R,maxImageHeight:o&&o.text||q,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([p,"optionalAccess",e=>e.inputConfiguration]))}),y&&A.createElement("div",{className:t.errorText},y)))}}H.__initStatic(),H.__initStatic2();var L=w((e=>({inputContainer:{paddingTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit,width:"100%"},errorText:{fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing.unit}})))(H);const W=a,z=e,{withStyles:B}=t,{Typography:$}=i,{settings:F}=l,{layout:U}=l,{Panel:G,toggle:J,dropdown:K}=F;class Q extends W.Component{static __initStatic(){this.propTypes={onModelChanged:z.func.isRequired,onConfigurationChanged:z.func,model:z.object.isRequired,configuration:z.object.isRequired,imageSupport:z.object.isRequired,uploadSoundSupport:z.object.isRequired,classes:z.object.isRequired}}constructor(e){super(e),Q.prototype.__init.call(this),Q.prototype.__init2.call(this),Q.prototype.__init3.call(this),Q.prototype.__init4.call(this),this.state={showConfirmationDialog:!1,indexToRemove:-1}}__init(){this.getInnerText=e=>(e||"").replaceAll(/<[^>]*>/g,"")}__init2(){this.onDelete=(e,t,a)=>{let i=e.passages;i.splice(t,1),a({...e,passages:i}),this.setState({showConfirmationDialog:!1,indexToRemove:-1})}}__init3(){this.removeAdditionalPassage=e=>{const{model:t={},onModelChanged:a}=this.props,{passages:i=[]}=t,{teacherInstructions:n="",title:s="",subtitle:l="",author:o="",text:r=""}=i[e];this.getInnerText(n).trim()||this.getInnerText(s).trim()||this.getInnerText(l).trim()||this.getInnerText(o).trim()||this.getInnerText(r).trim()?this.setState({showConfirmationDialog:!0,indexToRemove:e}):this.onDelete(t,e,a)}}__init4(){this.addAdditionalPassage=()=>{const{model:e,onModelChanged:t}=this.props,a=[...e.passages,{teacherInstructions:"",title:"",subtitle:"",author:"",text:""}];t({...e,passages:a})}}render(){const{classes:e,model:t,configuration:a,imageSupport:i,onConfigurationChanged:n,onModelChanged:s,uploadSoundSupport:l}=this.props,{settingsPanelDisabled:o,language:r={},languageChoices:d={},teacherInstructions:u={},title:c={},subtitle:g={},text:p={},author:h={},additionalPassage:m={}}=a||{},{extraCSSRules:b,passages:C}=t||{},_={titleEnabled:c&&c.settings&&J(c.label),subtitleEnabled:g&&g.settings&&J(g.label),authorEnabled:h&&h.settings&&J(h.label),textEnabled:p&&p.settings&&J(p.label),"additionalPassage.enabled":m&&m.settings&&J(m.label,!0)},E={teacherInstructionsEnabled:u&&u.settings&&J(u.label),"language.enabled":r&&r.settings&&J(r.label,!0),language:r&&r.settings&&r.enabled&&K(d.label,d.options)},x=`${m.label} will be deleted`,{indexToRemove:f,showConfirmationDialog:S}=this.state;return W.createElement(U.ConfigLayout,{extraCSSRules:b,hideSettings:o,settings:W.createElement(G,{model:t,configuration:a,onChangeModel:e=>s(e),onChangeConfiguration:e=>n(e),groups:{Settings:_,Properties:E}})},C.map(((n,o)=>W.createElement(W.Fragment,{key:o},o>0&&W.createElement($,{variant:"h5",className:e.additionalPassageHeading},m.label),W.createElement(L,{imageSupport:i,uploadSoundSupport:l,model:t,configuration:a,passageIndex:o,onModelChanged:s}),o>0&&m.enabled&&W.createElement(D,{type:"remove",label:`Remove ${m.label}`,onClick:()=>this.removeAdditionalPassage(o)}),0===o&&m.enabled&&C.length<2&&W.createElement(D,{label:`Add ${m.label}`,onClick:this.addAdditionalPassage})))),W.createElement(k,{open:S,title:"Warning",content:x,cancel:"Cancel",ok:"Ok",onCancel:()=>this.setState({showConfirmationDialog:!1}),onOk:()=>this.onDelete(t,f,s)}))}}Q.__initStatic();var V=B((e=>({additionalPassageHeading:{paddingTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit}})))(Q),X={authorEnabled:!0,passages:[{teacherInstructions:"",title:"",subtitle:"",author:"",text:""}],subtitleEnabled:!0,teacherInstructionsEnabled:!0,textEnabled:!0,titleEnabled:!0},Z={baseInputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!0},blockquote:{disabled:!0},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},settingsPanelDisabled:!1,title:{settings:!0,label:"Title",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0},textAlign:{disabled:!1}},required:!0},subtitle:{settings:!0,label:"Subtitle",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0},textAlign:{disabled:!1}},required:!1},author:{settings:!0,label:"Author",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0}},required:!1},text:{settings:!0,label:"Text",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!1},blockquote:{disabled:!1},textAlign:{disabled:!1}},required:!0},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},maxImageWidth:{teacherInstructions:300,text:300},maxImageHeight:{teacherInstructions:300,text:300},mathMlOptions:{mmlOutput:!1,mmlEditing:!1},language:{settings:!1,label:"Specify Language",enabled:!1},languageChoices:{label:"Language Choices",options:[]},additionalPassage:{settings:!0,label:"Additional Passage",enabled:!1}};const ee=a,te=s;class ae extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>({...X,...e})}constructor(){super(),this._model=ae.createDefaultModel(),this._configuration=Z}set model(e){this._model=ae.createDefaultModel(e),this.render()}set configuration(e){this._configuration=e,this.render()}connectedCallback(){this.render()}modelChanged(e){this._model=e,this.dispatchEvent(new u(this._model),!0),this.render()}onConfigurationChanged(e){this._configuration=e,this.render()}insertImage(e){this.dispatchEvent(new h(e))}onDeleteImage(e,t){this.dispatchEvent(new g(e,t))}insertSound(e){this.dispatchEvent(new _(e))}onDeleteSound(e,t){this.dispatchEvent(new b(e,t))}render(){if(this._model){const e=ee.createElement(V,{model:this._model,configuration:this._configuration,onModelChanged:this.modelChanged.bind(this),onConfigurationChanged:this.onConfigurationChanged.bind(this),imageSupport:{add:this.insertImage.bind(this),delete:this.onDeleteImage.bind(this)},uploadSoundSupport:{add:this.insertSound.bind(this),delete:this.onDeleteSound.bind(this)}});te.render(e,this)}}}ae.__initStatic();export{ae as default};