Add new improved "Icon Gallery" (#6112)

* add a core icon selector to the docs

* Add Icon Gallery and improve links to expose the function

* re-add the ImageGallery Example tiddler

editions/tw5.com/tiddlers/Icon Gallery.tid

@@ -0,0 +1,14 @@
+created: 20211013132515594
+modified: 20211018102307833
+tags: Learning
+title: Icon Gallery
+type: text/vnd.tiddlywiki
+
+\define copyActions() <$action-sendmessage $message="tm-copy-to-clipboard" $param=<<imageTitle>>/>
+
+This gallery let's you ''click'' the ''icons'' and ''copies the title to the clipboard''. So it's easy to transclude them into other UI elements.
+
+<div class="tc-image-chooser">
+<$macrocall $name="image-picker-list" filter="[all[shadows+tiddlers]tag[$:/tags/Image]]" actions=<<copyActions>> />
+</div>
+

editions/tw5.com/tiddlers/demonstrations/ImageGallery Example.tid

@@ -1,22 +1,11 @@
 created: 20140809113603449
-modified: 20150520161451179
+modified: 20211022195248529
 tags: Learning
 title: ImageGallery Example
 type: text/vnd.tiddlywiki
 
-Here is an example of using the ListWidget and the TranscludeWidget to show a grid of all system images (ie, tiddlers tagged [[$:/tags/Image]]).
+''Info:'' The "~ImageGallery Example" has been replaced. This tiddler will be kept, so external links won't break. Below you see the [[Icon Gallery]] as a transcluded tiddler.
 
-<style>
-.my-gallery svg {
-width: 6em;
-height: 6em;
-margin: 1em;
-}
-</style>
-<div class="my-gallery">
-<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]]">
-<span title=<<currentTiddler>>>
-<$transclude/>
-</span>
-</$list>
-</div>
+---
+
+{{Icon Gallery}}

editions/tw5.com/tiddlers/hellothere/Some of the things you can do with TiddlyWiki.tid

@@ -1,5 +1,5 @@
 created: 20140904090300000
-modified: 20160602051709631
+modified: 20211018102355896
 tags: HelloThere
 title: Some of the things you can do with TiddlyWiki
 type: text/vnd.tiddlywiki
@@ -11,7 +11,7 @@ type: text/vnd.tiddlywiki
 * Inventory just about anything: your recipes, personal library, contacts, music collection, and more
 * Create a blog or website
 * Write a book
-* Organise your images into galleries (see our [[ImageGallery Example]])
+* Organise your images into galleries (see [[Icon Gallery]])
 * Share the information in your ~TiddlyWiki with others, as an online file, as a file attachment, as a tiddler file, or as a link to a specific online tiddler (try clicking and dragging a tiddler from one ~TiddlyWiki file to another to see what happens)
 * Draw a sketch (Edit [[Motovun Jack.jpg]] and start drawing over the image to see what happens)
 * Use familiar web user interface elements such as lightboxes - see SampleWizard

editions/tw5.com/tiddlers/howtos/How to create dynamic editor toolbar buttons.tid

@@ -1,5 +1,5 @@
 created: 20201216182347597
-modified: 20201217193318816
+modified: 20211018102328148
 tags: 
 title: How to create dynamic editor toolbar buttons
 type: text/vnd.tiddlywiki
@@ -86,7 +86,7 @@ This tiddler contains all the necessary elements that are important for toolbar
 : Is used as the button tooltip
 
 ; icon 
-: Assigns the button icon. We use `$:/core/images/spiral` {{$:/core/images/spiral}} here.
+: Assigns the button icon. We use `$:/core/images/spiral` {{$:/core/images/spiral}} here. More button icons can be found at the [[Icon Gallery]]
 
 ; shortcuts
 : This is the [[Keyboard Shortcut Descriptor]] eg: `((temp-bold))`

editions/tw5.com/tiddlers/macros/image-picker Macro.tid

@@ -1,6 +1,6 @@
 caption: image-picker
 created: 20160418155531395
-modified: 20160418155805435
+modified: 20211018102346306
 tags: Macros [[Core Macros]]
 title: image-picker Macro
 type: text/vnd.tiddlywiki
@@ -18,4 +18,4 @@ The images are selected by means of a [[filter expression|Filter Expression]], i
 
 > `[all[shadows+tiddlers]is[image]$subfilter$!has[draft.of]] -[type[application/pdf]] +[sort[title]]`
 
-<<.macro-examples "image-picker">>
+See: <<.macro-examples "image-picker">> and [[Icon Gallery]]

editions/tw5.com/tiddlers/systemtags/SystemTag_ $__tags_Image.tid

@@ -1,9 +1,9 @@
 caption: $:/tags/Image
 created: 20180926170345251
 description: marks (core) images
-modified: 20180926171456494
+modified: 20211018102336342
 tags: SystemTags
 title: SystemTag: $:/tags/Image
 type: text/vnd.tiddlywiki
 
-The [[system tag|SystemTags]] `$:/tags/Image` marks (core) images
+The [[system tag|SystemTags]] `$:/tags/Image` marks (core) images. An overview of system icons can be found at: [[Icon Gallery]]