tiddlywiki 5.3.3 → 5.3.4

package/plugins/tiddlywiki/innerwiki/innerwiki.js

@@ -15,7 +15,7 @@ Widget to display an innerwiki in an iframe
 var DEFAULT_INNERWIKI_TEMPLATE = "$:/plugins/tiddlywiki/innerwiki/template";
 
 var Widget = require("$:/core/modules/widgets/widget.js").widget,
-	DataWidget = require("$:/plugins/tiddlywiki/innerwiki/data.js").data,
+	DataWidget = require("$:/core/modules/widgets/data.js").data,
 	dm = $tw.utils.domMaker;
 
 var InnerWikiWidget = function(parseTreeNode,options) {
@@ -143,7 +143,7 @@ Create the anchors
 */
 InnerWikiWidget.prototype.createAnchors = function() {
 	var self = this;
-	this.findDataWidgets(this.children,"anchor",function(widget) {
+	this.findChildrenDataWidgets(this.children,"anchor",function(widget) {
 		var anchorWidth = 40,
 			anchorHeight = 40,
 			getAnchorCoordinate = function(name) {
@@ -233,76 +233,16 @@ InnerWikiWidget.prototype.createInnerHTML = function() {
 		IMPLANT_PREFIX = "<" + "script>\n$tw.preloadTiddlerArray(",
 		IMPLANT_SUFFIX = ");\n</" + "script>\n",
 		parts = html.split(SPLIT_MARKER),
-		tiddlers = this.readTiddlerDataWidgets(this.children);
+		tiddlers = [];
+	this.findChildrenDataWidgets(this.children,"data",function(widget) {
+		Array.prototype.push.apply(tiddlers,widget.readDataTiddlerValues());
+	});
 	if(parts.length === 2) {
 		html = parts[0] + IMPLANT_PREFIX + JSON.stringify(tiddlers) + IMPLANT_SUFFIX + SPLIT_MARKER + parts[1];
 	}
 	return html;
 };
 
-/*
-Find child data widgets
-*/
-InnerWikiWidget.prototype.findDataWidgets = function(children,tag,callback) {
-	var self = this;
-	$tw.utils.each(children,function(child) {
-		if(child.dataWidgetTag === tag) {
-			callback(child);
-		}
-		if(child.children) {
-			self.findDataWidgets(child.children,tag,callback);
-		}
-	});
-};
-
-/*
-Find the child data widgets
-*/
-InnerWikiWidget.prototype.readTiddlerDataWidgets = function(children) {
-	var self = this,
-		results = [];
-	this.findDataWidgets(children,"data",function(widget) {
-		Array.prototype.push.apply(results,self.readTiddlerDataWidget(widget));
-	});
-	return results;
-};
-
-/*
-Read the value(s) from a data widget
-*/
-InnerWikiWidget.prototype.readTiddlerDataWidget = function(dataWidget) {
-	// Start with a blank object
-	var item = Object.create(null);
-	// Read any attributes not prefixed with $
-	$tw.utils.each(dataWidget.attributes,function(value,name) {
-		if(name.charAt(0) !== "$") {
-			item[name] = value;			
-		}
-	});
-	// Deal with $tiddler or $filter attributes
-	var titles;
-	if(dataWidget.hasAttribute("$tiddler")) {
-		titles = [dataWidget.getAttribute("$tiddler")];
-	} else if(dataWidget.hasAttribute("$filter")) {
-		titles = this.wiki.filterTiddlers(dataWidget.getAttribute("$filter"));
-	}
-	if(titles) {
-		var self = this;
-		var results = [];
-		$tw.utils.each(titles,function(title,index) {
-			var tiddler = self.wiki.getTiddler(title),
-				fields;
-			if(tiddler) {
-				fields = tiddler.getFieldStrings();
-			}
-			results.push($tw.utils.extend({},fields,item));
-		})
-		return results;
-	} else {
-		return [item];		
-	}
-};
-
 /*
 Compute the internal state of the widget
 */

package/plugins/tiddlywiki/innerwiki/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/innerwiki",
 	"name": "Innerwiki",
 	"description": "Innerwikis for screenshots and hacking",
-	"list": "readme docs examples"
+	"list": "readme docs examples",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/internals/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/internals",
 	"name": "Internals",
 	"description": "Tools for exploring the internals of TiddlyWiki",
-	"list": "readme"
+	"list": "readme",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/jasmine/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/jasmine",
 	"name": "Jasmine",
 	"description": "Jasmine testing framework",
-	"list": "readme"
+	"list": "readme",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/jasmine/run-wiki-based-tests.js

@@ -12,7 +12,7 @@ Tests the wiki based tests
 /*global $tw: false */
 "use strict";
 
-var TEST_WIKI_TIDDLER_FILTER = "[type[text/vnd.tiddlywiki-multiple]tag[$:/tags/wiki-test-spec]]";
+var TEST_WIKI_TIDDLER_FILTER = "[all[tiddlers+shadows]type[text/vnd.tiddlywiki-multiple]tag[$:/tags/wiki-test-spec]]";
 
 var widget = require("$:/core/modules/widgets/widget.js");
 
@@ -24,29 +24,32 @@ describe("Wiki-based tests", function() {
 		var tiddler = $tw.wiki.getTiddler(title);
 		it(tiddler.fields.title + ": " + tiddler.fields.description, function() {
 			// Add our tiddlers
-			var wiki = new $tw.Wiki();
+			var wiki = new $tw.Wiki(),
+				coreTiddler = $tw.wiki.getTiddler("$:/core");
+			if(coreTiddler) {
+				wiki.addTiddler(coreTiddler);
+			}
 			wiki.addTiddlers(readMultipleTiddlersTiddler(title));
 			// Complain if we don't have the ouput and expected results
 			if(!wiki.tiddlerExists("Output")) {
 				throw "Missing 'Output' tiddler";
 			}
-			if(!wiki.tiddlerExists("ExpectedResult")) {
-				throw "Missing 'ExpectedResult' tiddler";
-			}
-			// Construct the widget node
-			var text = "{{Output}}\n\n";
-			var widgetNode = createWidgetNode(parseText(text,wiki),wiki);
-			// Render the widget node to the DOM
-			var wrapper = renderWidgetNode(widgetNode);
-			// Clear changes queue
-			wiki.clearTiddlerEventQueue();
-			// Run the actions if provided
-			if(wiki.tiddlerExists("Actions")) {
-				widgetNode.invokeActionString(wiki.getTiddlerText("Actions"));
-				refreshWidgetNode(widgetNode,wrapper);
+			if(wiki.tiddlerExists("ExpectedResult")) {
+				// Construct the widget node
+				var text = "{{Output}}\n\n";
+				var widgetNode = createWidgetNode(parseText(text,wiki),wiki);
+				// Render the widget node to the DOM
+				var wrapper = renderWidgetNode(widgetNode);
+				// Clear changes queue
+				wiki.clearTiddlerEventQueue();
+				// Run the actions if provided
+				if(wiki.tiddlerExists("Actions")) {
+					widgetNode.invokeActionString(wiki.getTiddlerText("Actions"));
+					refreshWidgetNode(widgetNode,wrapper);
+				}
+				// Test the rendering
+				expect(wrapper.innerHTML).toBe(wiki.getTiddlerText("ExpectedResult"));
 			}
-			// Test the rendering
-			expect(wrapper.innerHTML).toBe(wiki.getTiddlerText("ExpectedResult"));
 		});
 	});
 

package/plugins/tiddlywiki/jszip/plugin.info

@@ -3,5 +3,6 @@
 	"name": "JSZip",
 	"description": "JSZip library",
 	"author": "Stuart Knightley, David Duponchel, Franz Buchinger, António Afonso",
-	"list": "readme docs examples license"
+	"list": "readme docs examples license",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/katex/plugin.info

@@ -3,5 +3,6 @@
 	"name": "KaTeX",
 	"description": "KaTeX library for mathematical typography",
 	"list": "readme usage config",
-	"library-version": "v0.15.3"
+	"library-version": "v0.15.3",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/markdown/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/markdown",
 	"name": "Markdown",
 	"description": "Markdown parser based on markdown-it",
-	"list": "readme config syntax license"
+	"list": "readme config syntax license",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/markdown-legacy/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/markdown-legacy",
 	"name": "Markdown (Legacy)",
 	"description": "Markdown parser based on remarkable by Jon Schlinkert and remarkable-katex by Brad Howes",
-	"list": "readme usage remarkable-license remarkable-katex-license"
+	"list": "readme usage remarkable-license remarkable-katex-license",
+	"stability": "STABILITY_3_LEGACY"
 }

package/plugins/tiddlywiki/menubar/items/pagecontrols.tid

@@ -5,15 +5,14 @@ caption: Page controls
 custom-menu-content: <$transclude tiddler="$:/plugins/tiddlywiki/menubar/items/pagecontrols" mode="inline"/>
 
 \whitespace trim
-\define config-title()
-$:/config/PageControlButtons/Visibility/$(listItem)$
-\end
+\define config-title() $:/config/PageControlButtons/Visibility/$(listItem)$
+
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/PageControls]!has[draft.of]]" variable="listItem">
-<$set name="hidden" value=<<config-title>>>
-<$list filter="[<hidden>!text[hide]]" storyview="pop" variable="ignore">
-<$set name="tv-config-toolbar-class" filter="[<tv-config-toolbar-class>] [<listItem>encodeuricomponent[]addprefix[tc-btn-]]">
-<$transclude tiddler=<<listItem>> mode="inline"/>
-</$set>
-</$list>
-</$set>
+	<$set name="hidden" value=<<config-title>>>
+		<$list filter="[<hidden>!text[hide]]" storyview="pop" variable="ignore">
+			<$set name="tv-config-toolbar-class" filter="[<tv-config-toolbar-class>] [<listItem>encodeuricomponent[]addprefix[tc-btn-]]">
+				<$transclude tiddler=<<listItem>> mode="inline"/>
+			</$set>
+		</$list>
+	</$set>
 </$list>

package/plugins/tiddlywiki/menubar/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/menubar",
 	"name": "Menu Bar",
 	"description": "Menu Bar",
-	"list": "readme config"
+	"list": "readme config",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/mobiledragdrop/plugin.info

@@ -3,5 +3,6 @@
 	"name": "Mobile Drag Drop",
 	"description": "Mobile drag and drop shim",
 	"author": "Tim Ruffles",
-	"list": "readme license"
+	"list": "readme license",
+	"stability": "STABILITY_0_DEPRECATED"
 }

package/plugins/tiddlywiki/nodewebkitsaver/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/nodewebkitsaver",
 	"name": "nw.js Saver",
 	"description": "Saver for nw.js",
-	"list": "readme"
+	"list": "readme",
+	"stability": "STABILITY_0_DEPRECATED"
 }

package/plugins/tiddlywiki/pluginlibrary/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/pluginlibrary",
 	"name": "Plugin Library",
 	"description": "Plugin library builder",
-	"list": "readme"
+	"list": "readme",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/powered-by-tiddlywiki/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/powered-by-tiddlywiki",
 	"name": "Powered By TiddlyWiki",
 	"description": "Powered by TiddlyWiki banner",
-	"list": "readme"
+	"list": "readme",
+	"stability": "STABILITY_3_LEGACY"
 }

package/plugins/tiddlywiki/qrcode/plugin.info

@@ -3,5 +3,6 @@
 	"name": "QR Code",
 	"description": "QR Code generator",
 	"author": "Zeno Zeng",
-	"list": "readme docs examples license"
+	"list": "readme docs examples license",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/railroad/plugin.info

@@ -3,5 +3,6 @@
 	"name": "Railroad",
 	"description": "Railroad diagram generator",
 	"author": "Astrid Elocson",
-	"list": "readme usage syntax example"
+	"list": "readme usage syntax example",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/savetrail/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/savetrail",
 	"name": "Save Trail",
 	"description": "Automatically download modified tiddlers",
-	"list": "readme settings"
+	"list": "readme settings",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/sax/plugin.info

@@ -3,5 +3,6 @@
 	"name": "sax js",
 	"description": "sax.js library",
 	"author": "Isaac Z. Schlueter",
-	"list": "readme license"
+	"list": "readme license",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/share/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/share",
 	"name": "Share",
 	"description": "Sharing tiddlers via URLs",
-	"list": "readme wizard settings"
+	"list": "readme wizard settings",
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/stacked-view/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/stacked-view",
 	"name": "Stacked View",
 	"description": "Stacked card storyview",
-	"list": "readme"
+	"list": "readme",
+	"stability": "STABILITY_1_EXPERIMENTAL"
 }

package/plugins/tiddlywiki/tahoelafs/plugin.info

@@ -2,5 +2,6 @@
 	"title": "$:/plugins/tiddlywiki/tahoelafs",
 	"name": "TahoeLAFS",
 	"description": "Tahoe-LAFS saver",
-	"list": "readme"
+	"list": "readme",
+	"stability": "STABILITY_0_DEPRECATED"
 }

package/plugins/tiddlywiki/text-slicer/plugin.info

@@ -3,5 +3,6 @@
 	"name": "Text Slicer",
 	"description": "Tools for slicing text into tiddlers",
 	"list": "readme docs",
-	"dependents": ["$:/plugins/tiddlywiki/sax"]
+	"dependents": ["$:/plugins/tiddlywiki/sax"],
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/tiddlyweb/plugin.info

@@ -3,5 +3,6 @@
 	"name": "TiddlyWeb",
 	"description": "Sync changes from the browser to TW5 (node.js) or TiddlyWeb server",
 	"list": "readme",
-	"plugin-priority": 10
+	"plugin-priority": 10,
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/tour/config-AutoStartTour.tid

@@ -0,0 +1,2 @@
+title: $:/config/AutoStartTour
+text: no

package/plugins/tiddlywiki/tour/config-CurrentTour.tid

@@ -0,0 +1,2 @@
+title: $:/config/CurrentTour
+text: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki

package/plugins/tiddlywiki/tour/config-DefaultColourMappings.multids

@@ -0,0 +1,31 @@
+title: $:/config/DefaultColourMappings/
+
+tour-chooser-button-foreground: <<colour very-muted-foreground>>
+tour-chooser-button-hover-background: <<colour muted-foreground>>
+tour-chooser-button-hover-foreground:: <<colour background>>
+tour-chooser-button-selected-background: <<colour primary>>
+tour-chooser-button-selected-foreground: <<colour background>>
+tour-chooser-dropdown-foreground: <<colour very-muted-foreground>>
+tour-chooser-item-background: <<colour background>>
+tour-chooser-item-border: <<colour muted-foreground>>
+tour-chooser-item-foreground: <<colour foreground>>
+tour-chooser-item-shadow: <<colour muted-foreground>>
+tour-chooser-item-start-background: <<colour download-background>>
+tour-chooser-item-start-foreground: <<colour background>>
+tour-chooser-item-start-hover-background: <<colour primary>>
+tour-chooser-item-start-hover-foreground: <<colour background>>
+tour-fullscreen-background: <<colour page-background>>
+tour-fullscreen-controls-foreground: <<colour muted-foreground>>
+tour-navigation-buttons-back-background: red
+tour-navigation-buttons-back-foreground: white
+tour-navigation-buttons-hint-background: purple
+tour-navigation-buttons-hint-foreground: white
+tour-navigation-buttons-hover-background: <<colour foreground>>
+tour-navigation-buttons-hover-foreground: <<colour background>>
+tour-navigation-buttons-next-background: purple
+tour-navigation-buttons-next-foreground: white
+tour-overlay-background: #cbfff8
+tour-overlay-border: #228877
+tour-step-heading-background: none
+tour-step-task-background: <<colour download-background>>
+tour-step-task-foreground: <<colour download-foreground>>

package/plugins/tiddlywiki/tour/config-ShowTour.tid

@@ -0,0 +1,2 @@
+title: $:/config/ShowTour
+text: hide

package/plugins/tiddlywiki/tour/docs.tid

@@ -0,0 +1,25 @@
+title: $:/plugins/tiddlywiki/tour/docs
+
+Tour definition tiddlers have the following fields:
+
+|!Name |!Description |
+|tags |Must include $:/tags/Tour |
+|tour-tag |Name of tag used to define tour step sequence |
+|logo |Title of tiddler containing logo of tour |
+|description |Brief description of the tour |
+|text |Longer description of the tour |
+|class |(optional) additional class to apply to the tour wrapper |
+
+
+Tour step tiddlers have the following fields:
+
+|!Name |!Description |
+|tags|Must include the tag used to define the tour step sequence |
+|caption|Caption for the tour step |
+|display-mode|(optional) can be set to `fullscreen` |
+|enter-actions|(optional) action string invoked when the step is displayed |
+|hint-selector|(optional) selector to be highlighted by the hint button in steps with a step-success-filter |
+|hint-text|(optional) text to be displayed for the hint button |
+|condition|(optional) filter expression that must return a result for the step to be displayed |
+|step-success-filter|(optional) filter expression that must return a result for the step to be considered completed |
+|step-success-filtervar|(optional) filter expression evaluated to set the first result as the variable `step-success-filter-var` which can be used in the `step-success-filter` |

package/plugins/tiddlywiki/tour/images/tour-button-icon.tid

@@ -0,0 +1,9 @@
+title: $:/plugins/tiddlywiki/tour/tour-button-icon
+tags: $:/tags/Image
+
+\parameters (size:"22pt")
+<svg width=<<size>> height=<<size>> class="tc-image-tour-button tc-image-button" viewBox="0 0 24 24">
+<path d="M0 0h24v24H0z" style="fill:none"/>
+<path d="M1.832 10.356a1.024 1.024 0 0 1 0-1.832l9.71-4.856c.288-.144.628-.144.916 0l9.71 4.856a1.024 1.024 0 0 1 0 1.832l-9.71 4.855a1.025 1.025 0 0 1-.916 0l-9.71-4.855Z"/>
+<path d="M18.5 13.19v3.25h-.066c.044.163.066.33.066.5 0 1.932-2.913 3.5-6.5 3.5s-6.5-1.568-6.5-3.5c0-.17.022-.337.066-.5H5.5v-3.25l6.042 3.02c.288.145.628.145.916 0l6.042-3.02ZM2.73 8.44l.208 5-.681 3s-.002.709.974.717c.92.007 1-.717 1-.717l-.793-3 .293-5h-1Z"/>
+</svg>

package/plugins/tiddlywiki/tour/plugin.info

@@ -0,0 +1,8 @@
+{
+	"title": "$:/plugins/tiddlywiki/tour",
+	"name": "Tour",
+	"description": "A tour of TiddlyWiki",
+	"list": "readme docs settings",
+	"dependents": ["$:/plugins/tiddlywiki/confetti","$:/plugins/tiddlywiki/dynannotate"],
+	"stability": "STABILITY_1_EXPERIMENTAL"
+}

package/plugins/tiddlywiki/tour/readme.tid

@@ -0,0 +1,3 @@
+title: $:/plugins/tiddlywiki/tour/readme
+
+The Tour Plugin for TiddlyWiki provides a framework for making interactive guided tours. An "Introduction to ~TiddlyWiki" tour is included in the plugin but it is also possible to load additional tours and switch between them.

package/plugins/tiddlywiki/tour/settings.tid

@@ -0,0 +1,154 @@
+title: $:/plugins/tiddlywiki/tour/settings
+
+\import [[$:/plugins/tiddlywiki/tour/variables]]
+\procedure button-expand-collapse-all(caption,text)
+<$button>
+	<$list filter="[all[shadows+tiddlers]tag<currentTourTag>]" variable="currentStep">
+		<$let
+			collapseState={{{ [[$:/state/Tour/Settings/Tour/Visibility/]addsuffix<currentTour>addsuffix<currentStep>] }}}
+		>
+			<$action-setfield $tiddler=<<collapseState>> text=<<text>>/>
+		</$let>
+	</$list>
+	<$text text=<<caption>>/>
+</$button>
+\end
+
+\procedure display-tour-step-field-text(fieldName,fieldCaption)
+<$list filter="[<currentStep>has<fieldName>]" variable="ignore">
+	<tr>
+		<th>
+			<$text text=<<fieldCaption>>/>
+		</th>
+		<td>
+			<$text text={{{ [<currentStep>get<fieldName>] }}}/>
+		</td>
+	</tr>
+</$list>
+\end
+
+<$let
+	stateCurrentTour=<<qualify "$:/state/Tour/Settings/Current">>
+	defaultTour={{{ [{$:/config/CurrentTour}] :else[all[shadows+tiddlers]tag[$:/tags/Tour]] }}}
+>
+
+! Tour Overview
+
+Select a tour:
+<$select tiddler=<<stateCurrentTour>> default=<<defaultTour>>>
+	<$list filter="[all[shadows+tiddlers]tag[$:/tags/Tour]]">
+		<option value=<<currentTiddler>>>
+			<$transclude $field="description">
+				<$text text=<<currentTiddler>>/>
+			</$transclude>
+		</option>
+	</$list>
+</$select>
+
+<$let
+	currentTour={{{ [<stateCurrentTour>get[text]] :else[<defaultTour>] }}}
+	currentTourTag={{{ [<currentTour>get[tour-tag]] }}}
+>
+	<table class="tc-tour-settings-tour-details">
+		<tbody>
+			<tr>
+				<th>
+					Tour title
+				</th>
+				<td>
+					<$link to=<<currentTour>>><$text text=<<currentTour>>/></$link>
+				</td>
+			</tr>
+			<tr>
+				<th>
+					Tour description
+				</th>
+				<td>
+					<div class="tc-tour-settings-tour-details-description">
+						<$transclude $tiddler=<<currentTour>>>
+							(No description available)
+						</$transclude>
+					</div>
+				</td>
+			</tr>
+			<tr>
+				<th>
+					Tour logo
+				</th>
+				<td>
+					<div class="tc-tour-settings-tour-details-logo">
+						<$image source={{{ [<currentTour>get[logo]] }}}/>
+					</div>
+				</td>
+			</tr>
+			<tr>
+				<th>
+					Tour step tag
+				</th>
+				<td>
+					<$transclude $variable="tag" tag=<<currentTourTag>>/>
+				</td>
+			</tr>
+		</tbody>
+	</table>
+	<$list filter="[<currentTour>has[settings]]" variable="ignore">
+		<p>
+		Custom tour settings:
+		</p>
+		<div class="tc-tour-settings-tour-settings">
+			<$transclude $tiddler={{{ [<currentTour>get[settings]] }}}/>
+		</div>
+	</$list>
+	<p>
+		<<button-expand-collapse-all "Expand All" "show">>
+		<<button-expand-collapse-all "Collapse All" "hide">>
+	</p>
+	<$list filter="[all[shadows+tiddlers]tag<currentTourTag>]" variable="currentStep" counter="stepNumber">
+		<$let
+			collapseState={{{ [[$:/state/Tour/Settings/Tour/Visibility/]addsuffix<currentTour>addsuffix<currentStep>] }}}
+		>
+			<div class="tc-tour-settings-tour-step">
+				<div class="tc-tour-settings-tour-step-heading">
+					<$button class="tc-btn-invisible tc-tour-settings-tour-step-open-button">
+						<$action-setfield $tiddler=<<collapseState>> text={{{ [<collapseState>get[text]else[hide]match[show]then[hide]else[show]] }}}/>
+						<$list filter="[<collapseState>get[text]else[hide]match[show]]" variable="ignore" emptyMessage="{{$:/core/images/right-arrow}}">
+							{{$:/core/images/down-arrow}}
+						</$list>
+						<span class="tc-tour-settings-tour-step-heading-step-number">
+							<$text text=<<stepNumber>>/>
+						</span>
+						<$transclude $tiddler=<<currentStep>> $field="caption">
+							<$text text=<<currentStep>>/>
+						</$transclude>
+					</$button>
+					<$button class="tc-btn-invisible tc-tour-settings-tour-step-launch-button" tooltip="Launch this step of the tour">
+						<$transclude $variable="tour-start" title=<<currentTour>> step=<<currentStep>>/>
+						{{$:/core/images/open-window}}
+					</$button>
+				</div>
+				<$reveal state=<<collapseState>> text="show" type="match" default="hide" animate="yes">
+					<table class="tc-tour-settings-tour-step-details">
+						<tbody>
+							<<display-tour-step-field-text "title" "Title">>
+							<<display-tour-step-field-text "caption" "Caption">>
+							<<display-tour-step-field-text "step-success-filter" "step-success-filter">>
+							<<display-tour-step-field-text "step-success-filter-var" "step-success-filter Variable">>
+							<<display-tour-step-field-text "display-mode" "Display Mode">>
+							<<display-tour-step-field-text "enter-actions" "Enter Actions">>
+							<<display-tour-step-field-text "hint-text" "Hint text">>
+							<<display-tour-step-field-text "hint-selector" "Hint selector">>
+							<<display-tour-step-field-text "hint-selector-fallback-1" "Hint selector Fallback 1">>
+							<<display-tour-step-field-text "hint-selector-fallback-2" "Hint selector Fallback 2">>
+							<<display-tour-step-field-text "condition" "Condition">>
+						</tbody>
+					</table>
+					<div class="tc-tour-settings-tour-step-body">
+						<$transclude $tiddler=<<currentStep>> $mode="block"/>
+					</div>
+				</$reveal>
+			</div>
+		</$let>
+	</$list>
+</$let>
+
+</$let>