Change more "tw-*" classes to "tc-*"

Part of #764

core/modules/parsers/csvparser.js

@@ -19,7 +19,7 @@ var CsvParser = function(type,text,options) {
 			"type": "element", "tag": "table", "children": [{
 				"type": "element", "tag": "tbody", "children": []
 			}], "attributes": {
-				"class": {"type": "string", "value": "tw-csv-table"}
+				"class": {"type": "string", "value": "tc-csv-table"}
 			}
 		}]
 	}];

core/modules/parsers/wikiparser/rules/quoteblock.js

@@ -45,7 +45,7 @@ exports.init = function(parser) {
 };
 
 exports.parse = function() {
-	var classes = ["tw-quote"];
+	var classes = ["tc-quote"];
 	// Get all the details of the match
 	var reEndString = "^" + this.match[1] + "(?!<)";
 	// Move past the <s

core/modules/parsers/wikiparser/rules/styleinline.js

@@ -42,7 +42,7 @@ exports.parse = function() {
 		type: "element",
 		tag: "span",
 		attributes: {
-			"class": {type: "string", value: "tw-inline-style"}
+			"class": {type: "string", value: "tc-inline-style"}
 		},
 		children: tree
 	};

core/modules/saver-handler.js

@@ -160,11 +160,11 @@ SaverHandler.prototype.isDirty = function() {
 };
 
 /*
-Update the document body with the class "tw-dirty" if the wiki has unsaved/unsynced changes
+Update the document body with the class "tc-dirty" if the wiki has unsaved/unsynced changes
 */
 SaverHandler.prototype.updateDirtyStatus = function() {
     if($tw.browser) {
-        $tw.utils.toggleClass(document.body,"tw-dirty",this.isDirty());
+        $tw.utils.toggleClass(document.body,"tc-dirty",this.isDirty());
     }
 };
 

core/modules/startup/render.js

@@ -53,7 +53,7 @@ exports.startup = function() {
 	$tw.perf.report("mainRender",function() {
 		$tw.pageWidgetNode = $tw.wiki.makeTranscludeWidget(PAGE_TEMPLATE_TITLE,{document: document, parentWidget: $tw.rootWidget});
 		$tw.pageContainer = document.createElement("div");
-		$tw.utils.addClass($tw.pageContainer,"tw-page-container-wrapper");
+		$tw.utils.addClass($tw.pageContainer,"tc-page-container-wrapper");
 		document.body.insertBefore($tw.pageContainer,document.body.firstChild);
 		$tw.pageWidgetNode.render($tw.pageContainer,null);
 	})();

core/modules/syncer.js

@@ -109,11 +109,11 @@ Syncer.prototype.isDirty = function() {
 };
 
 /*
-Update the document body with the class "tw-dirty" if the wiki has unsaved/unsynced changes
+Update the document body with the class "tc-dirty" if the wiki has unsaved/unsynced changes
 */
 Syncer.prototype.updateDirtyStatus = function() {
 	if($tw.browser) {
-		$tw.utils.toggleClass(document.body,"tw-dirty",this.isDirty());
+		$tw.utils.toggleClass(document.body,"tc-dirty",this.isDirty());
 	}
 };
 

core/modules/utils/dom/notifier.js

@@ -35,7 +35,7 @@ Notifier.prototype.display = function(title,options) {
 		return;
 	}
 	// Add classes
-	$tw.utils.addClass(notification,"tw-notification");
+	$tw.utils.addClass(notification,"tc-notification");
 	// Render the body of the notification
 	var widgetNode = this.wiki.makeTranscludeWidget(title,{parentWidget: $tw.rootWidget, document: document});
 	widgetNode.render(notification,null);

core/modules/utils/dom/popup.js

@@ -26,15 +26,15 @@ Popup.prototype.show = function(options) {
 	this.title = options.title;
 	this.wiki = options.wiki;
 	this.anchorDomNode = options.domNode;
-	$tw.utils.addClass(this.anchorDomNode,"tw-popup");
+	$tw.utils.addClass(this.anchorDomNode,"tc-popup");
 	this.rootElement.addEventListener("click",this,false);
 };
 
 Popup.prototype.handleEvent = function(event) {
-	// Dismiss the popup if we get a click on an element that doesn't have .tw-popup class
+	// Dismiss the popup if we get a click on an element that doesn't have .tc-popup class
 	if(event.type === "click") {
 		var node = event.target;
-		while(node && !$tw.utils.hasClass(node,"tw-popup")) {
+		while(node && !$tw.utils.hasClass(node,"tc-popup")) {
 			node = node.parentNode;
 		}
 		if(!node) {
@@ -45,7 +45,7 @@ Popup.prototype.handleEvent = function(event) {
 
 Popup.prototype.cancel = function() {
 	if(this.anchorDomNode) {
-		$tw.utils.removeClass(this.anchorDomNode,"tw-popup");
+		$tw.utils.removeClass(this.anchorDomNode,"tc-popup");
 		this.anchorDomNode = null;		
 	}
 	this.rootElement.removeEventListener("click",this,false);

core/modules/widgets/dropzone.js

@@ -35,7 +35,7 @@ DropZoneWidget.prototype.render = function(parent,nextSibling) {
 	this.execute();
 	// Create element
 	var domNode = this.document.createElement("div");
-	domNode.className = "tw-dropzone";
+	domNode.className = "tc-dropzone";
 	// Add event handlers
 	$tw.utils.addEventListeners(domNode,[
 		{name: "dragenter", handlerObject: this, handlerMethod: "handleDragEnterEvent"},
@@ -57,7 +57,7 @@ DropZoneWidget.prototype.handleDragEnterEvent  = function(event) {
 	this.dragEnterCount = (this.dragEnterCount || 0) + 1;
 	// If we're entering for the first time we need to apply highlighting
 	if(this.dragEnterCount === 1) {
-		$tw.utils.addClass(this.domNodes[0],"tw-dragover");
+		$tw.utils.addClass(this.domNodes[0],"tc-dragover");
 	}
 	// Tell the browser that we're ready to handle the drop
 	event.preventDefault();
@@ -80,7 +80,7 @@ DropZoneWidget.prototype.handleDragLeaveEvent  = function(event) {
 	this.dragEnterCount = (this.dragEnterCount || 0) - 1;
 	// Remove highlighting if we're leaving externally
 	if(this.dragEnterCount <= 0) {
-		$tw.utils.removeClass(this.domNodes[0],"tw-dragover");
+		$tw.utils.removeClass(this.domNodes[0],"tc-dragover");
 	}
 };
 
@@ -94,7 +94,7 @@ DropZoneWidget.prototype.handleDropEvent  = function(event) {
 	// Reset the enter count
 	this.dragEnterCount = 0;
 	// Remove highlighting
-	$tw.utils.removeClass(this.domNodes[0],"tw-dragover");
+	$tw.utils.removeClass(this.domNodes[0],"tc-dragover");
 	// Import any files in the drop
 	var numFiles = this.wiki.readFiles(dataTransfer.files,function(tiddlerFieldsArray) {
 		self.dispatchEvent({type: "tw-import-tiddlers", param: JSON.stringify(tiddlerFieldsArray)});

core/modules/widgets/reveal.js

@@ -38,7 +38,7 @@ RevealWidget.prototype.render = function(parent,nextSibling) {
 	this.renderChildren(domNode,null);
 	if(!domNode.isTiddlyWikiFakeDom && this.type === "popup" && this.isOpen) {
 		this.positionPopup(domNode);
-		$tw.utils.addClass(domNode,"tw-popup"); // Make sure that clicks don't dismiss popups within the revealed content
+		$tw.utils.addClass(domNode,"tc-popup"); // Make sure that clicks don't dismiss popups within the revealed content
 	}
 	if(!this.isOpen) {
 		domNode.setAttribute("hidden","true")
@@ -187,7 +187,7 @@ RevealWidget.prototype.updateState = function() {
 	// Animate our DOM node
 	if(!domNode.isTiddlyWikiFakeDom && this.type === "popup" && this.isOpen) {
 		this.positionPopup(domNode);
-		$tw.utils.addClass(domNode,"tw-popup"); // Make sure that clicks don't dismiss popups within the revealed content
+		$tw.utils.addClass(domNode,"tc-popup"); // Make sure that clicks don't dismiss popups within the revealed content
 
 	}
 	if(this.isOpen) {

core/ui/EditTemplate/type.tid

@@ -9,7 +9,7 @@ tags: $:/tags/EditTemplate
 <div class="tw-block-dropdown tw-edit-type-dropdown">
 <$linkcatcher to="!!type">
 <$list filter='[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]each[group]sort[group]]'>
-<div class="tw-dropdown-item">
+<div class="tc-dropdown-item">
 <$text text={{!!group}}/>
 </div>
 <$list filter="[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]group{!!group}] +[sort[description]]"><$link to={{!!name}}><$view field="description"/> (<$view field="name"/>)</$link>

core/ui/MissingTemplate.tid

@@ -5,7 +5,7 @@ title: $:/core/ui/MissingTemplate
 <$view field="title" format="text" />
 </$button>
 <$reveal state=<<qualify "$:/state/popup/missing">> type="popup" position="below" animate="yes">
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 <$transclude tiddler="$:/core/ui/ListItemTemplate"/>
 <hr>
 <$list filter="[all[current]backlinks[]sort[title]]" template="$:/core/ui/ListItemTemplate"/>

core/ui/PageControls/language.tid

@@ -19,11 +19,11 @@ $(languagePluginTitle)$/icon
 </$list>
 </$button>
 <$reveal state=<<qualify "$:/state/popup/language">> type="popup" position="below" animate="yes">
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 <$linkcatcher to="$:/language">
 <$list filter="[[$:/languages/en-GB]] [plugin-type[language]sort[title]]">
 <$link>
-<span class="tw-drop-down-bullet">
+<span class="tc-drop-down-bullet">
 <$reveal type="match" state="$:/language" text=<<currentTiddler>>>
 &bull;
 </$reveal>

core/ui/PageControls/more-page-actions.tid

@@ -16,7 +16,7 @@ $:/config/PageControlButtons/Visibility/$(listItem)$
 </$button>
 <$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
 
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 
 <$set name="tw-config-toolbar-icons" value="yes">
 

core/ui/PageControls/savewiki.tid

@@ -4,7 +4,7 @@ caption: {{$:/core/images/save-button}} {{$:/language/Buttons/SaveWiki/Caption}}
 description: {{$:/language/Buttons/SaveWiki/Hint}}
 
 <$button message="tw-save-wiki" param={{$:/config/SaveWikiButton/Template}} title={{$:/language/Buttons/SaveWiki/Hint}} aria-label={{$:/language/Buttons/SaveWiki/Caption}} class=<<tw-config-toolbar-class>>>
-<span class="tw-dirty-indicator">
+<span class="tc-dirty-indicator">
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
 {{$:/core/images/save-button}}
 </$list>

core/ui/PageControls/storyview.tid

@@ -17,11 +17,11 @@ $:/core/images/storyview-$(storyview)$
 </$list>
 </$button>
 <$reveal state=<<qualify "$:/state/popup/storyview">> type="popup" position="below" animate="yes">
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 <$linkcatcher to="$:/view">
 <$list filter="[storyviews[]]" variable="storyview">
 <$link to=<<storyview>>>
-<span class="tw-drop-down-bullet">
+<span class="tc-drop-down-bullet">
 <$reveal type="match" state="$:/view" text=<<storyview>>>
 &bull;
 </$reveal>

core/ui/PageControls/theme.tid

@@ -12,11 +12,11 @@ description: {{$:/language/Buttons/Theme/Hint}}
 </$list>
 </$button>
 <$reveal state=<<qualify "$:/state/popup/theme">> type="popup" position="below" animate="yes">
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 <$linkcatcher to="$:/theme">
 <$list filter="[plugin-type[theme]sort[title]]" variable="themeTitle">
 <$link to=<<themeTitle>>>
-<span class="tw-drop-down-bullet">
+<span class="tc-drop-down-bullet">
 <$reveal type="match" state="$:/theme" text=<<themeTitle>>>
 &bull;
 </$reveal>

core/ui/TagManager.tid

@@ -9,10 +9,10 @@ title: $:/TagManager
 </$list>
 \end
 \define iconEditor(title)
-<div class="tw-drop-down-wrapper">
+<div class="tc-drop-down-wrapper">
 <$edit-text field="icon" tag="input" size="20"/> <$button popup=<<qualify "$:/state/popup/icon/$title$">> class="tc-btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button>
 <$reveal state=<<qualify "$:/state/popup/icon/$title$">> type="popup" position="belowleft" text="" default="">
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 <$linkcatcher to="$title$!!icon">
 <<iconEditorTab type:"!">>
 <hr/>

core/ui/TagTemplate.tid

@@ -9,7 +9,7 @@ background-color:$(backgroundColor)$;
 <$transclude tiddler={{!!icon}}/> <$view field="title" format="text" />
 </$button>
 </$set>
-<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below" animate="yes"><div class="tw-drop-down"><$transclude tiddler="$:/core/ui/ListItemTemplate"/>
+<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below" animate="yes"><div class="tc-drop-down"><$transclude tiddler="$:/core/ui/ListItemTemplate"/>
 <hr>
 <$list filter="[all[current]tagging[]]" template="$:/core/ui/ListItemTemplate"/>
 </div>

core/ui/UntaggedTemplate.tid

@@ -5,7 +5,7 @@ title: $:/core/ui/UntaggedTemplate
 <<lingo Tags/Untagged/Caption>>
 </$button>
 <$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below">
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 <$list filter="[untagged[]!is[system]] -[tags[]] +[sort[title]]" template="$:/core/ui/ListItemTemplate"/>
 </div>
 </$reveal>

core/ui/ViewTemplate/title.tid

@@ -29,7 +29,7 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
 </$list>
 </h2>
 
-<$reveal type="nomatch" text="" default="" state=<<tiddlerInfoState>> class="tw-tiddler-info tw-popup" animate="yes" retain="yes">
+<$reveal type="nomatch" text="" default="" state=<<tiddlerInfoState>> class="tw-tiddler-info tc-popup" animate="yes" retain="yes">
 
 <$transclude tiddler="$:/core/ui/TiddlerInfo"/>
 

core/ui/ViewToolbar/more-tiddler-actions.tid

@@ -15,7 +15,7 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
 </$list>
 </$button>
 <$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 <$set name="tw-config-toolbar-icons" value="yes">
 <$set name="tw-config-toolbar-text" value="yes">
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]] -[[$:/core/ui/Buttons/more-tiddler-actions]]" variable="listItem">

editions/tw5.com/tiddlers/widgets/DropzoneWidget.tid

@@ -15,7 +15,7 @@ The dropzone widget has no attributes, and displays any contained content within
 
 ! Display
 
-The dropzone widget creates an HTML `<div class="tw-dropzone">` to contain its content. During a drag operation the class `tw-dragover` is added. CSS is used to provide user feedback.
+The dropzone widget creates an HTML `<div class="tc-dropzone">` to contain its content. During a drag operation the class `tc-dragover` is added. CSS is used to provide user feedback.
 
 ! Data types supported
 

editions/tw5.com/tiddlers/widgets/RevealWidget.tid

@@ -68,7 +68,7 @@ Here is a simple example of a popup built with the RevealWidget:
 <<wikitext-example-without-html '<$button popup="$:/SamplePopupState">Pop me up!</$button>
 
 <$reveal type="popup" state="$:/SamplePopupState">
-<div class="tw-drop-down">
+<div class="tc-drop-down">
 
 ! This is the popup
 And this is some text

themes/tiddlywiki/seamless/base.tid

@@ -16,7 +16,7 @@ Rules copied from Snow White
 	<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
 }
 
-.tw-drop-down {
+.tc-drop-down {
 	border-radius: 4px;
 	<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
 }
@@ -45,7 +45,7 @@ Rules copied from Snow White
 	<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
 }
 
-.tw-notification {
+.tc-notification {
 	border-radius: 6px;
 	<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
 	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);

themes/tiddlywiki/snowwhite/base.tid

@@ -49,7 +49,7 @@ canvas.tw-edit-bitmapeditor  {
 	<<box-shadow "2px 2px 5px rgba(0, 0, 0, 0.5)">>
 }
 
-.tw-drop-down {
+.tc-drop-down {
 	border-radius: 4px;
 	<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
 }
@@ -79,7 +79,7 @@ canvas.tw-edit-bitmapeditor  {
 	<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
 }
 
-.tw-notification {
+.tc-notification {
 	border-radius: 6px;
 	<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
 	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);

themes/tiddlywiki/vanilla/base.tid

@@ -117,7 +117,7 @@ table tfoot tr td {
 	background-color: <<colour table-footer-background>>;
 }
 
-.tw-csv-table {
+.tc-csv-table {
 	white-space: nowrap;
 }
 
@@ -218,11 +218,11 @@ a.tc-tiddlylink-external:hover {
 	background-color: <<colour page-background>>;
 }
 
-.tw-dropzone {
+.tc-dropzone {
 	position: relative;
 }
 
-.tw-dropzone.tw-dragover:before {
+.tc-dropzone.tc-dragover:before {
 	z-index: 10000;
 	display: block;
 	position: absolute;
@@ -625,7 +625,7 @@ button.tw-tag-label, span.tw-tag-label {
 	float: right;
 }
 
-.tw-tiddler-controls .tw-drop-down {
+.tw-tiddler-controls .tc-drop-down {
 	font-size: 0.6em;
 }
 
@@ -860,11 +860,11 @@ canvas.tw-edit-bitmapeditor  {
 	fill: <<colour muted-foreground>>;
 }
 
-.tw-drop-down-wrapper {
+.tc-drop-down-wrapper {
 	position: relative;
 }
 
-.tw-drop-down {
+.tc-drop-down {
 	min-width: 280px;
 	border: 1px solid <<colour dropdown-border>>;
 	background-color: <<colour dropdown-background>>;
@@ -875,28 +875,28 @@ canvas.tw-edit-bitmapeditor  {
 	line-height: 1.4;
 }
 
-.tw-drop-down button svg, .tw-drop-down a svg  {
+.tc-drop-down button svg, .tc-drop-down a svg  {
 	fill: <<colour foreground>>;
 }
 
-.tw-drop-down button.tc-btn-invisible:hover svg {
+.tc-drop-down button.tc-btn-invisible:hover svg {
 	fill: <<colour foreground>>;
 }
 
-.tw-drop-down p {
+.tc-drop-down p {
 	padding: 0 14px 0 14px;
 }
 
-.tw-drop-down svg {
+.tc-drop-down svg {
 	width: 1em;
 	height: 1em;
 }
 
-.tw-drop-down img {
+.tc-drop-down img {
 	width: 1em;
 }
 
-.tw-drop-down a, .tw-drop-down button {
+.tc-drop-down a, .tc-drop-down button {
 	display: block;
 	padding: 0 14px 0 14px;
 	width: 100%;
@@ -905,35 +905,35 @@ canvas.tw-edit-bitmapeditor  {
 	line-height: 1.4;
 }
 
-.tw-drop-down .tw-file-input-wrapper {
+.tc-drop-down .tw-file-input-wrapper {
 	width: 100%;
 }
 
-.tw-drop-down .tw-file-input-wrapper button {
+.tc-drop-down .tw-file-input-wrapper button {
 	color: <<colour foreground>>;
 }
 
-.tw-drop-down a:hover, .tw-drop-down button:hover, .tw-drop-down .tw-file-input-wrapper:hover button {
+.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tw-file-input-wrapper:hover button {
 	color: <<colour tiddler-link-background>>;
 	background-color: <<colour tiddler-link-foreground>>;
 	text-decoration: none;
 }
 
-.tw-drop-down .tw-tab-buttons button {
+.tc-drop-down .tw-tab-buttons button {
 	background-color: <<colour dropdown-tab-background>>;
 }
 
-.tw-drop-down .tw-tab-buttons button.tw-tab-selected {
+.tc-drop-down .tw-tab-buttons button.tw-tab-selected {
 	background-color: <<colour dropdown-tab-background-selected>>;
 	border-bottom: 1px solid <<colour dropdown-tab-background-selected>>;
 }
 
-.tw-drop-down-bullet {
+.tc-drop-down-bullet {
 	display: inline-block;
 	width: 0.5em;
 }
 
-.tw-drop-down .tw-tab-contents a {
+.tc-drop-down .tw-tab-contents a {
 	padding: 0 0.5em 0 0.5em;
 }
 
@@ -957,8 +957,8 @@ canvas.tw-edit-bitmapeditor  {
 	padding: 4px 14px 4px 14px;
 }
 
-.tw-drop-down .tw-dropdown-item,
-.tw-block-dropdown .tw-dropdown-item {
+.tc-drop-down .tc-dropdown-item,
+.tw-block-dropdown .tc-dropdown-item {
 	padding: 4px 14px 4px 7px;
 	color: <<colour muted-foreground>>;
 }
@@ -1047,7 +1047,7 @@ canvas.tw-edit-bitmapeditor  {
 ** Notifications
 */
 
-.tw-notification {
+.tc-notification {
 	position: fixed;
 	top: 14px;
 	right: 42px;
@@ -1421,7 +1421,7 @@ a.tc-tiddlylink.tw-plugin-info:hover {
 ** Dirty indicator
 */
 
-body.tw-dirty span.tw-dirty-indicator, body.tw-dirty span.tw-dirty-indicator svg {
+body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg {
 	fill: <<colour dirty-indicator>>;
 	color: <<colour dirty-indicator>>;
 }