pict-section-form 1.1.2 → 1.1.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/docs/_version.json +3 -3
- package/docs/examples/change_tracking/change_tracking.js +18 -2
- package/docs/examples/diagram_form/diagram_form_example.min.js +1 -1
- package/docs/examples/diagram_form/index.html +5 -0
- package/docs/examples/dynamic_analysis/dynamic_analysis_application.js +2 -2
- package/docs/examples/gradebook/gradebook_application.min.js +1 -1
- package/docs/examples/ndt_field_test/ndt_field_test.js +18 -2
- package/docs/examples/richtext_form/codemirror-bundle.js +29982 -0
- package/docs/examples/richtext_form/index.html +3 -0
- package/docs/examples/richtext_form/richtext_form_example.min.js +1 -1
- package/docs/examples/scope_mathematics/scope_mathematics.js +18 -2
- package/docs/examples/simple_table/simple_tabular_application.min.js +1 -1
- package/docs/examples/superhero_studio/codemirror-bundle.js +29982 -0
- package/docs/examples/superhero_studio/index.html +8 -0
- package/docs/examples/superhero_studio/superhero_studio_example.min.js +1 -1
- package/docs/index.html +2 -2
- package/docs/retold-catalog.json +3 -6
- package/docs/retold-keyword-index.json +1 -1
- package/example_applications/diagram_form/html/index.html +5 -0
- package/example_applications/diagram_form/package.json +4 -3
- package/example_applications/richtext_form/html/codemirror-bundle.js +29982 -0
- package/example_applications/richtext_form/html/index.html +3 -0
- package/example_applications/superhero_studio/html/codemirror-bundle.js +29982 -0
- package/example_applications/superhero_studio/html/index.html +8 -0
- package/example_applications/superhero_studio/package.json +4 -3
- package/package.json +1 -1
- package/source/providers/inputs/Pict-Provider-Input-Diagram-CSS.js +17 -1
|
@@ -78,6 +78,11 @@
|
|
|
78
78
|
</main>
|
|
79
79
|
|
|
80
80
|
<link rel="stylesheet" href="./excalidraw-wrapper.css">
|
|
81
|
+
<script>
|
|
82
|
+
// Tell Excalidraw where to fetch its fonts + locale chunks from. Must be
|
|
83
|
+
// set BEFORE the wrapper bundle loads.
|
|
84
|
+
window.EXCALIDRAW_ASSET_PATH = './excalidraw-assets/';
|
|
85
|
+
</script>
|
|
81
86
|
<script src="https://cdn.jsdelivr.net/npm/pict@1/dist/pict.min.js"></script>
|
|
82
87
|
<!-- Excalidraw vendor bundle (React + Excalidraw). The Diagram InputType's
|
|
83
88
|
editor mode looks for window.PictSectionExcalidrawVendor; without these
|
|
@@ -2817,7 +2817,7 @@ if(tmpIsRootRenderable&&pRenderable&&pRenderable.TransactionHash){this.pict.Tran
|
|
|
2817
2817
|
* Lifecycle hook that triggers after data is marshaled into the view (async flow).
|
|
2818
2818
|
*
|
|
2819
2819
|
* @param {ErrorCallback} fCallback - The callback to call when the async operation is complete.
|
|
2820
|
-
*/onAfterMarshalToViewAsync(fCallback){this.onAfterMarshalToView();return fCallback();}/** @return {boolean} - True if the object is a PictView. */get isPictView(){return true;}}module.exports=PictView;},{"../package.json":38,"fable-serviceproviderbase":4}],40:[function(require,module,exports){module.exports={"name":"pict-section-form","version":"1.1.
|
|
2820
|
+
*/onAfterMarshalToViewAsync(fCallback){this.onAfterMarshalToView();return fCallback();}/** @return {boolean} - True if the object is a PictView. */get isPictView(){return true;}}module.exports=PictView;},{"../package.json":38,"fable-serviceproviderbase":4}],40:[function(require,module,exports){module.exports={"name":"pict-section-form","version":"1.1.3","description":"Pict dynamic form sections","main":"source/Pict-Section-Form.js","directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/fable-retold/pict-section-form.git"},"bugs":{"url":"https://github.com/fable-retold/pict-section-form/issues"},"homepage":"https://github.com/fable-retold/pict-section-form#readme","scripts":{"start":"node source/Pict-Section-Form.js","tests":"npx quack test -g","coverage":"npx quack coverage","build":"npx quack build","test":"npx quack test","lint":"eslint source/**","types":"tsc -p .","docker-dev-build":"docker build ./ -f Dockerfile_LUXURYCode -t pict-section-form-image:local","docker-dev-run":"docker run -it -d --name pict-section-form-dev -p 48888:8080 -p 49999:9999 -v \"$PWD/.config:/home/coder/.config\" -v \"$PWD:/home/coder/pict-section-form\" -u \"$(id -u):$(id -g)\" -e \"DOCKER_USER=$USER\" pict-section-form-image:local","docker-dev-shell":"docker exec -it pict-section-form-dev /bin/bash"},"types":"types/source/Pict-Section-Form.d.ts","author":"steven velozo <steven@velozo.com>","license":"MIT","devDependencies":{"@eslint/js":"^9.39.2","browser-env":"^3.3.0","eslint":"^9.39.2","jquery":"^4.0.0","pict":"^1.0.372","pict-application":"^1.0.34","pict-docuserve":"^1.4.4","pict-service-commandlineutility":"^1.0.19","quackage":"^1.3.0","tui-grid":"^4.21.22","typescript":"^5.9.3"},"dependencies":{"chart.js":"^4.5.1","fable-serviceproviderbase":"^3.0.19","marked":"^4.3.0","pict-provider":"^1.0.13","pict-section-excalidraw":"^1.0.2","pict-section-markdowneditor":"^1.0.17","pict-section-tuigrid":"^1.0.31","pict-template":"^1.0.15","pict-view":"^1.0.68"},"mocha":{"diff":true,"extension":["js"],"package":"./package.json","reporter":"spec","slow":"75","timeout":"5000","ui":"tdd","watch-files":["source/**/*.js","test/**/*.js"],"watch-ignore":["lib/vendor"]}};},{}],41:[function(require,module,exports){// The container for all the Pict-Section-Form related code.
|
|
2821
2821
|
// The main dynamic view class
|
|
2822
2822
|
module.exports=require('./views/Pict-View-DynamicForm.js');//module.exports.default_configuration = require('./views/Pict-View-DynamicForm-DefaultConfiguration.json');
|
|
2823
2823
|
// The dynamic application dependencies
|
|
@@ -4843,7 +4843,7 @@ let tmpInputSelectValue;try{tmpInputSelectValue=this.pict.ContentAssignment.read
|
|
|
4843
4843
|
* .pict-section-form-diagram-view the inline-SVG container (view mode)
|
|
4844
4844
|
* .pict-section-form-diagram-edit the Excalidraw container (edit mode)
|
|
4845
4845
|
* .pict-section-form-diagram-toggle "Edit" / "Done" affordance chip
|
|
4846
|
-
*/module.exports=/*css*/"\n.pict-section-form-diagram\n{\n\tdisplay: block;\n\twidth: 100%;\n\tmin-height: 120px;\n\tborder: 1px solid var(--theme-color-border-primary, #D4C4A8);\n\tborder-radius: 4px;\n\tbackground: var(--theme-color-background-primary, #FFFFFF);\n\tcolor: var(--theme-color-text-primary, #2A2520);\n\tbox-sizing: border-box;\n\tposition: relative;\n}\n\n.pict-section-form-diagram-view\n{\n\tpadding: 12px;\n\tmin-height: 96px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: auto;\n}\n\n.pict-section-form-diagram-view.is-empty\n{\n\tcolor: var(--theme-color-text-muted, #8A7F72);\n\tfont-style: italic;\n\tfont-size: 0.9rem;\n}\n\n.pict-section-form-diagram-view svg\n{\n\tdisplay: block;\n\tmax-width: 100%;\n\theight: auto;\n}\n\n.pict-section-form-diagram-edit\n{\n\tpadding: 0;\n\tmin-height: 420px;\n}\n\n/* The Excalidraw view brings its own chrome inside the slot. */\n\n.pict-section-form-diagram-toggle\n{\n\tposition: absolute;\n\ttop: 6px;\n\tright: 6px;\n\tz-index: 2;\n\tpadding: 3px 9px;\n\tfont-size: 0.72rem;\n\tfont-weight: 600;\n\tcolor: var(--theme-color-text-secondary, #5A4A3C);\n\tbackground: var(--theme-color-background-tertiary, #F4EEE2);\n\tborder: 1px solid var(--theme-color-border-secondary, #D4C4A8);\n\tborder-radius: 3px;\n\tcursor: pointer;\n\tuser-select: none;\n}\n\n.pict-section-form-diagram-toggle:hover\n{\n\tcolor: var(--theme-color-text-primary, #2A2520);\n\tbackground: var(--theme-color-background-primary, #FFFFFF);\n\tborder-color: var(--theme-color-accent, #2E7D74);\n}\n\n.pict-section-form-diagram.mode-edit .pict-section-form-diagram-toggle::after { content: 'Done'; }\n.pict-section-form-diagram.mode-view .pict-section-form-diagram-toggle::after { content: 'Edit'; }\n";},{}],64:[function(require,module,exports){/**
|
|
4846
|
+
*/module.exports=/*css*/"\n.pict-section-form-diagram\n{\n\tdisplay: block;\n\twidth: 100%;\n\tmin-height: 120px;\n\tborder: 1px solid var(--theme-color-border-primary, #D4C4A8);\n\tborder-radius: 4px;\n\tbackground: var(--theme-color-background-primary, #FFFFFF);\n\tcolor: var(--theme-color-text-primary, #2A2520);\n\tbox-sizing: border-box;\n\tposition: relative;\n}\n\n.pict-section-form-diagram-view\n{\n\tpadding: 12px;\n\tmin-height: 96px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: auto;\n}\n\n.pict-section-form-diagram-view.is-empty\n{\n\tcolor: var(--theme-color-text-muted, #8A7F72);\n\tfont-style: italic;\n\tfont-size: 0.9rem;\n}\n\n.pict-section-form-diagram-view svg\n{\n\tdisplay: block;\n\tmax-width: 100%;\n\theight: auto;\n}\n\n.pict-section-form-diagram-edit\n{\n\tpadding: 0;\n\tmin-height: 420px;\n\tdisplay: flex;\n}\n\n/* The Excalidraw view brings its own chrome inside the slot. Force the wrap\n * and the Excalidraw root to fill so the canvas doesn't collapse to 0\n * height inside the form slot. */\n.pict-section-form-diagram-edit > .pict-excalidraw-wrap,\n.pict-section-form-diagram-edit > .pict-excalidraw-wrap > .pict-excalidraw-mount\n{\n\tflex: 1 1 auto;\n\tmin-height: 420px;\n}\n\n.pict-section-form-diagram-edit .excalidraw\n{\n\twidth: 100%;\n\theight: 100%;\n\tmin-height: 420px;\n}\n\n.pict-section-form-diagram-toggle\n{\n\tposition: absolute;\n\ttop: 6px;\n\tright: 6px;\n\tz-index: 2;\n\tpadding: 3px 9px;\n\tfont-size: 0.72rem;\n\tfont-weight: 600;\n\tcolor: var(--theme-color-text-secondary, #5A4A3C);\n\tbackground: var(--theme-color-background-tertiary, #F4EEE2);\n\tborder: 1px solid var(--theme-color-border-secondary, #D4C4A8);\n\tborder-radius: 3px;\n\tcursor: pointer;\n\tuser-select: none;\n}\n\n.pict-section-form-diagram-toggle:hover\n{\n\tcolor: var(--theme-color-text-primary, #2A2520);\n\tbackground: var(--theme-color-background-primary, #FFFFFF);\n\tborder-color: var(--theme-color-accent, #2E7D74);\n}\n\n.pict-section-form-diagram.mode-edit .pict-section-form-diagram-toggle::after { content: 'Done'; }\n.pict-section-form-diagram.mode-view .pict-section-form-diagram-toggle::after { content: 'Edit'; }\n";},{}],64:[function(require,module,exports){/**
|
|
4847
4847
|
* Pict-Provider-Input-Diagram.js
|
|
4848
4848
|
*
|
|
4849
4849
|
* A pict-section-form input provider that pairs Excalidraw (edit mode) with
|