smoothly 0.3.45 → 0.3.47

package/dist/cjs/{Listenable-d0c6deb9.js → Listenable-f6012fc2.js}

@@ -656,6 +656,29 @@ var Token;
     Token.is = is;
 })(Token || (Token = {}));
 
+exports.Icon = void 0;
+(function (Icon) {
+  const names = {
+    "*": "https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg",
+  };
+  const cache = {};
+  async function fetch(url) {
+    const response = await globalThis.fetch(url);
+    return response.ok ? response.text() : undefined;
+  }
+  async function load(name) {
+    var _a, _b;
+    const url = ((_a = names[name]) !== null && _a !== void 0 ? _a : names["*"]).replace("${name}", name);
+    return (_b = cache[url]) !== null && _b !== void 0 ? _b : (cache[url] = fetch(url));
+  }
+  Icon.load = load;
+  function add(url, ...name) {
+    for (const n of name)
+      names[n] = url;
+  }
+  Icon.add = add;
+})(exports.Icon || (exports.Icon = {}));
+
 class Message {
   static is(value) {
     return typeof value == "object" && typeof value.destination == "string" && value.content != undefined;

package/dist/cjs/{index-879bbabb.js → index-45c42c7c.js}

@@ -343,7 +343,7 @@ const App = (attributes, nodes, utils) => {
   }
   const children = nodes.map(node => (Object.assign(Object.assign({}, nodeToChild(node)), { node })));
   return (index.h("smoothly-app", null,
-    index.h("header", null,
+    index.h("header", { slot: "header" },
       index.h("h1", null,
         index.h("a", Object.assign({}, href((_a = resolve("")) !== null && _a !== void 0 ? _a : "/")), attributes.label)),
       index.h("nav", null,
@@ -380,7 +380,7 @@ const App = (attributes, nodes, utils) => {
         })
           .map(child => (index.h("li", null, child))))),
       children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "header"; }).map(child => child.node)),
-    index.h("main", null,
+    index.h("main", { slot: "main" },
       index.h(Router.Switch, null, children
         .filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.path) != undefined; })
         .map(child => {

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-879bbabb.js');
-const Listenable = require('./Listenable-d0c6deb9.js');
+const index = require('./index-45c42c7c.js');
+const Listenable = require('./Listenable-f6012fc2.js');
 const GoogleFont = require('./GoogleFont-6c4f0da1.js');
 require('./index-de46f836.js');
 
@@ -28,6 +28,12 @@ Object.defineProperty(exports, 'Cosmetic', {
 });
 exports.Notice = index.Notice;
 exports.redirect = index.redirect;
+Object.defineProperty(exports, 'Icon', {
+  enumerable: true,
+  get: function () {
+    return Listenable.Icon;
+  }
+});
 exports.Listenable = Listenable.Listenable;
 exports.Message = Listenable.Message;
 exports.Trigger = Listenable.Trigger;

package/dist/cjs/smoothly-accordion_53.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-de46f836.js');
-const index$1 = require('./index-879bbabb.js');
-const Listenable = require('./Listenable-d0c6deb9.js');
+const index$1 = require('./index-45c42c7c.js');
+const Listenable = require('./Listenable-f6012fc2.js');
 require('./GoogleFont-6c4f0da1.js');
 const getLanguage = require('./getLanguage-430ecf04.js');
 
@@ -115,7 +115,7 @@ const SmoothlyApp = class {
     this.color = undefined;
   }
   render() {
-    return (index.h("smoothly-notifier", null, index.h("slot", null)));
+    return (index.h("smoothly-notifier", null, index.h("slot", { name: "header" }), index.h("slot", { name: "main" }), index.h("slot", null)));
   }
 };
 SmoothlyApp.style = styleCss$H;
@@ -20873,7 +20873,7 @@ const SmoothlyIcon = class {
   }
   async loadDocument() {
     if (this.name)
-      this.document = await SmoothlyIcon.load(this.name);
+      this.document = await Listenable.Icon.load(this.name);
   }
   async componentWillLoad() {
     await this.loadDocument();
@@ -20891,34 +20891,23 @@ const SmoothlyIcon = class {
   __stencil_render() {
     return [];
   }
-  static async fetch(url) {
-    const response = await fetch(url);
-    return response.ok ? response.text() : undefined;
-  }
-  static async load(name) {
-    var _a;
-    const url = `https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg`;
-    return (_a = SmoothlyIcon.cache[url]) !== null && _a !== void 0 ? _a : (SmoothlyIcon.cache[url] = SmoothlyIcon.fetch(url));
-  }
   static get watchers() { return {
     "name": ["loadDocument"]
   }; }
   render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
 };
-SmoothlyIcon.cache = {};
 SmoothlyIcon.style = styleCss$x;
 
-const styleCss$w = "icon-demo.sc-smoothly-icon-demo{display:block}icon-demo[hidden].sc-smoothly-icon-demo{display:none}icon-demo.sc-smoothly-icon-demo>content.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}icon-demo.sc-smoothly-icon-demo>content.sc-smoothly-icon-demo>*.sc-smoothly-icon-demo{margin:1cm}";
+const styleCss$w = ".sc-smoothly-icon-demo-h{display:block;padding:1rem;max-width:900px;margin:auto}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-wrap:wrap;justify-content:center}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{margin:1.5rem}";
 
 const SmoothlyIconDemo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.page = 0;
   }
   render() {
     return [
       index.h("h1", null, "Icons"),
-      index.h("content", null, [
+      index.h("div", null, [
         "add-circle",
         "add",
         "airplane",
@@ -21384,9 +21373,7 @@ const SmoothlyIconDemo = class {
         "volume-mute",
         "volume-off",
         "woman",
-      ]
-        .slice(this.page * 100, 100)
-        .map(name => (index.h("smoothly-icon", { name: name, toolTip: name })))),
+      ].map(name => (index.h("smoothly-icon", { name: name, toolTip: name })))),
     ];
   }
 };

package/dist/cjs/smoothly-trigger-sink.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-de46f836.js');
-const Listenable = require('./Listenable-d0c6deb9.js');
+const Listenable = require('./Listenable-f6012fc2.js');
 require('./GoogleFont-6c4f0da1.js');
 
 const styleCss = ".sc-smoothly-trigger-sink-h{display:block}[hidden].sc-smoothly-trigger-sink-h{display:none}";

package/dist/cjs/smoothly-trigger-source.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-de46f836.js');
-const Listenable = require('./Listenable-d0c6deb9.js');
+const Listenable = require('./Listenable-f6012fc2.js');
 require('./GoogleFont-6c4f0da1.js');
 
 const styleCss = ".sc-smoothly-trigger-source-h{display:block}[hidden].sc-smoothly-trigger-source-h{display:none}";

package/dist/collection/components/App.js

@@ -21,7 +21,7 @@ export const App = (attributes, nodes, utils) => {
     return utils.map([emptyNode], c => (Object.assign(Object.assign({}, c), child)))[0];
   }
   const children = nodes.map(node => (Object.assign(Object.assign({}, nodeToChild(node)), { node })));
-  return (h("smoothly-app", null, h("header", null, h("h1", null, h("a", Object.assign({}, href((_a = resolve("")) !== null && _a !== void 0 ? _a : "/")), attributes.label)), h("nav", null, h("ul", null, utils
+  return (h("smoothly-app", null, h("header", { slot: "header" }, h("h1", null, h("a", Object.assign({}, href((_a = resolve("")) !== null && _a !== void 0 ? _a : "/")), attributes.label)), h("nav", null, h("ul", null, utils
     .map([
     ...children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "nav-start"; }),
     ...children.filter(child => { var _a, _b, _c; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.label) && ((_b = child.vattrs) === null || _b === void 0 ? void 0 : _b.path) && typeof ((_c = child.vattrs) === null || _c === void 0 ? void 0 : _c.path) == "string"; }),
@@ -52,7 +52,7 @@ export const App = (attributes, nodes, utils) => {
     const child = nodeToChild(node);
     return child.vtag == "a" && !((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.target) ? (h("a", Object.assign({}, child.vattrs, href((_b = child.vattrs) === null || _b === void 0 ? void 0 : _b.href)), child.vchildren)) : (node);
   })
-    .map(child => (h("li", null, child))))), children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "header"; }).map(child => child.node)), h("main", null, h(Router.Switch, null, children
+    .map(child => (h("li", null, child))))), children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "header"; }).map(child => child.node)), h("main", { slot: "main" }, h(Router.Switch, null, children
     .filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.path) != undefined; })
     .map(child => {
     var _a, _b, _c, _d, _e;

package/dist/collection/components/app/index.js

@@ -4,7 +4,7 @@ export class SmoothlyApp {
     this.color = undefined;
   }
   render() {
-    return (h("smoothly-notifier", null, h("slot", null)));
+    return (h("smoothly-notifier", null, h("slot", { name: "header" }), h("slot", { name: "main" }), h("slot", null)));
   }
   static get is() { return "smoothly-app"; }
   static get originalStyleUrls() {

package/dist/collection/components/icon/index.js

@@ -1,3 +1,4 @@
+import { Icon } from "../../model";
 export class SmoothlyIcon {
   constructor() {
     this.color = undefined;
@@ -9,7 +10,7 @@ export class SmoothlyIcon {
   }
   async loadDocument() {
     if (this.name)
-      this.document = await SmoothlyIcon.load(this.name);
+      this.document = await Icon.load(this.name);
   }
   async componentWillLoad() {
     await this.loadDocument();
@@ -27,15 +28,6 @@ export class SmoothlyIcon {
   render() {
     return [];
   }
-  static async fetch(url) {
-    const response = await fetch(url);
-    return response.ok ? response.text() : undefined;
-  }
-  static async load(name) {
-    var _a;
-    const url = `https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg`;
-    return (_a = SmoothlyIcon.cache[url]) !== null && _a !== void 0 ? _a : (SmoothlyIcon.cache[url] = SmoothlyIcon.fetch(url));
-  }
   static get is() { return "smoothly-icon"; }
   static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() {
@@ -161,4 +153,3 @@ export class SmoothlyIcon {
       }];
   }
 }
-SmoothlyIcon.cache = {};

package/dist/collection/components/icon-demo/index.js

@@ -1,12 +1,9 @@
 import { h } from "@stencil/core";
 export class SmoothlyIconDemo {
-  constructor() {
-    this.page = 0;
-  }
   render() {
     return [
       h("h1", null, "Icons"),
-      h("content", null, [
+      h("div", null, [
         "add-circle",
         "add",
         "airplane",
@@ -472,9 +469,7 @@ export class SmoothlyIconDemo {
         "volume-mute",
         "volume-off",
         "woman",
-      ]
-        .slice(this.page * 100, 100)
-        .map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
+      ].map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
     ];
   }
   static get is() { return "smoothly-icon-demo"; }

package/dist/collection/components/icon-demo/style.css

@@ -1,13 +1,16 @@
-icon-demo {
+:host {
 	display: block;
+	padding: 1rem;
+	max-width: 900px;
+	margin: auto;
 }
-icon-demo[hidden] {
-	display: none;
-}
-icon-demo > content {
+
+:host > div {
 	display: flex;
-	flex-flow: row wrap;
+	flex-wrap: wrap;
+	justify-content: center;
 }
-icon-demo > content > * {
-	margin: 1cm;
+
+:host > div > smoothly-icon {
+	margin: 1.5rem;
 }

package/dist/collection/index.js

@@ -1,3 +1,3 @@
 export { App, redirect } from "./components/App";
-export { ClientIdentifier, GoogleFont, Message, Notice, Trigger, Listenable, } from "./model";
+export { ClientIdentifier, GoogleFont, Icon, Message, Notice, Trigger, Listenable, } from "./model";
 export { Cosmetic } from "./utilities";

package/dist/collection/model/Icon.js

@@ -0,0 +1,22 @@
+export var Icon;
+(function (Icon) {
+  const names = {
+    "*": "https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg",
+  };
+  const cache = {};
+  async function fetch(url) {
+    const response = await globalThis.fetch(url);
+    return response.ok ? response.text() : undefined;
+  }
+  async function load(name) {
+    var _a, _b;
+    const url = ((_a = names[name]) !== null && _a !== void 0 ? _a : names["*"]).replace("${name}", name);
+    return (_b = cache[url]) !== null && _b !== void 0 ? _b : (cache[url] = fetch(url));
+  }
+  Icon.load = load;
+  function add(url, ...name) {
+    for (const n of name)
+      names[n] = url;
+  }
+  Icon.add = add;
+})(Icon || (Icon = {}));

package/dist/collection/model/index.js

@@ -1,5 +1,6 @@
 export { ClientIdentifier } from "./ClientIdentifier";
 export { GoogleFont } from "./GoogleFont";
+export { Icon } from "./Icon";
 export { Message } from "./Message";
 export { Notice } from "./Notice";
 export { Trigger } from "./Trigger";

package/dist/custom-elements/index.js

@@ -348,7 +348,7 @@ const App = (attributes, nodes, utils) => {
   }
   const children = nodes.map(node => (Object.assign(Object.assign({}, nodeToChild(node)), { node })));
   return (h("smoothly-app", null,
-    h("header", null,
+    h("header", { slot: "header" },
       h("h1", null,
         h("a", Object.assign({}, href((_a = resolve("")) !== null && _a !== void 0 ? _a : "/")), attributes.label)),
       h("nav", null,
@@ -385,7 +385,7 @@ const App = (attributes, nodes, utils) => {
         })
           .map(child => (h("li", null, child))))),
       children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "header"; }).map(child => child.node)),
-    h("main", null,
+    h("main", { slot: "main" },
       h(Router.Switch, null, children
         .filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.path) != undefined; })
         .map(child => {
@@ -1091,6 +1091,29 @@ var GoogleFont;
   GoogleFont.styleImportString = styleImportString;
 })(GoogleFont || (GoogleFont = {}));
 
+var Icon;
+(function (Icon) {
+  const names = {
+    "*": "https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg",
+  };
+  const cache = {};
+  async function fetch(url) {
+    const response = await globalThis.fetch(url);
+    return response.ok ? response.text() : undefined;
+  }
+  async function load(name) {
+    var _a, _b;
+    const url = ((_a = names[name]) !== null && _a !== void 0 ? _a : names["*"]).replace("${name}", name);
+    return (_b = cache[url]) !== null && _b !== void 0 ? _b : (cache[url] = fetch(url));
+  }
+  Icon.load = load;
+  function add(url, ...name) {
+    for (const n of name)
+      names[n] = url;
+  }
+  Icon.add = add;
+})(Icon || (Icon = {}));
+
 class Message {
   static is(value) {
     return typeof value == "object" && typeof value.destination == "string" && value.content != undefined;
@@ -1758,7 +1781,7 @@ const SmoothlyApp$1 = class extends HTMLElement {
     this.color = undefined;
   }
   render() {
-    return (h("smoothly-notifier", null, h("slot", null)));
+    return (h("smoothly-notifier", null, h("slot", { name: "header" }), h("slot", { name: "main" }), h("slot", null)));
   }
   static get style() { return styleCss$L; }
 };
@@ -46490,7 +46513,7 @@ const SmoothlyIcon$1 = class extends HTMLElement {
   }
   async loadDocument() {
     if (this.name)
-      this.document = await SmoothlyIcon$1.load(this.name);
+      this.document = await Icon.load(this.name);
   }
   async componentWillLoad() {
     await this.loadDocument();
@@ -46508,35 +46531,24 @@ const SmoothlyIcon$1 = class extends HTMLElement {
   __stencil_render() {
     return [];
   }
-  static async fetch(url) {
-    const response = await fetch(url);
-    return response.ok ? response.text() : undefined;
-  }
-  static async load(name) {
-    var _a;
-    const url = `https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg`;
-    return (_a = SmoothlyIcon$1.cache[url]) !== null && _a !== void 0 ? _a : (SmoothlyIcon$1.cache[url] = SmoothlyIcon$1.fetch(url));
-  }
   static get watchers() { return {
     "name": ["loadDocument"]
   }; }
   static get style() { return styleCss$B; }
   render() { return h(Host, this.hostData(), this.__stencil_render()); }
 };
-SmoothlyIcon$1.cache = {};
 
-const styleCss$A = "icon-demo.sc-smoothly-icon-demo{display:block}icon-demo[hidden].sc-smoothly-icon-demo{display:none}icon-demo.sc-smoothly-icon-demo>content.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}icon-demo.sc-smoothly-icon-demo>content.sc-smoothly-icon-demo>*.sc-smoothly-icon-demo{margin:1cm}";
+const styleCss$A = ".sc-smoothly-icon-demo-h{display:block;padding:1rem;max-width:900px;margin:auto}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-wrap:wrap;justify-content:center}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{margin:1.5rem}";
 
 const SmoothlyIconDemo$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.page = 0;
   }
   render() {
     return [
       h("h1", null, "Icons"),
-      h("content", null, [
+      h("div", null, [
         "add-circle",
         "add",
         "airplane",
@@ -47002,9 +47014,7 @@ const SmoothlyIconDemo$1 = class extends HTMLElement {
         "volume-mute",
         "volume-off",
         "woman",
-      ]
-        .slice(this.page * 100, 100)
-        .map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
+      ].map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
     ];
   }
   static get style() { return styleCss$A; }
@@ -49039,4 +49049,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { App, ClientIdentifier, Cosmetic, GoogleFont, Listenable, Message, Notice, SmoothlyAccordion, SmoothlyAccordionItem, SmoothlyApp, SmoothlyAppDemo, SmoothlyBacktotop, SmoothlyButton, SmoothlyCalendar, SmoothlyCheckbox, SmoothlyCountry, SmoothlyDialog, SmoothlyDialogDemo, SmoothlyDisplay, SmoothlyDisplayAmount, SmoothlyDisplayDateTime, SmoothlyDisplayDemo, SmoothlyFrame, SmoothlyGoogleFont, SmoothlyIcon, SmoothlyIconDemo, SmoothlyInput, SmoothlyInputDate, SmoothlyInputDateRange, SmoothlyInputDemo, SmoothlyInputMonth, SmoothlyItem, SmoothlyMenuOptions, SmoothlyNotification, SmoothlyNotifier, SmoothlyOption, SmoothlyPicker, SmoothlyPopup, SmoothlyQuiet, SmoothlyRadio, SmoothlyRadioButton, SmoothlyRadioButtonItem, SmoothlyRadioGroup, SmoothlyReorder, SmoothlyRoom, SmoothlySelect, SmoothlySelectDemo, SmoothlySelector, SmoothlySkeleton, SmoothlySpinner, SmoothlySubmit, SmoothlySvg, SmoothlyTab, SmoothlyTabSwitch, SmoothlyTable, SmoothlyTableCell, SmoothlyTableDemo, SmoothlyTableExpandableCell, SmoothlyTableExpandableRow, SmoothlyTableHeader, SmoothlyTableRow, SmoothlyTrigger, SmoothlyTriggerSink, SmoothlyTriggerSource, SmoothlyTuple, SmoothlyUrlencoded, Trigger, defineCustomElements, redirect };
+export { App, ClientIdentifier, Cosmetic, GoogleFont, Icon, Listenable, Message, Notice, SmoothlyAccordion, SmoothlyAccordionItem, SmoothlyApp, SmoothlyAppDemo, SmoothlyBacktotop, SmoothlyButton, SmoothlyCalendar, SmoothlyCheckbox, SmoothlyCountry, SmoothlyDialog, SmoothlyDialogDemo, SmoothlyDisplay, SmoothlyDisplayAmount, SmoothlyDisplayDateTime, SmoothlyDisplayDemo, SmoothlyFrame, SmoothlyGoogleFont, SmoothlyIcon, SmoothlyIconDemo, SmoothlyInput, SmoothlyInputDate, SmoothlyInputDateRange, SmoothlyInputDemo, SmoothlyInputMonth, SmoothlyItem, SmoothlyMenuOptions, SmoothlyNotification, SmoothlyNotifier, SmoothlyOption, SmoothlyPicker, SmoothlyPopup, SmoothlyQuiet, SmoothlyRadio, SmoothlyRadioButton, SmoothlyRadioButtonItem, SmoothlyRadioGroup, SmoothlyReorder, SmoothlyRoom, SmoothlySelect, SmoothlySelectDemo, SmoothlySelector, SmoothlySkeleton, SmoothlySpinner, SmoothlySubmit, SmoothlySvg, SmoothlyTab, SmoothlyTabSwitch, SmoothlyTable, SmoothlyTableCell, SmoothlyTableDemo, SmoothlyTableExpandableCell, SmoothlyTableExpandableRow, SmoothlyTableHeader, SmoothlyTableRow, SmoothlyTrigger, SmoothlyTriggerSink, SmoothlyTriggerSource, SmoothlyTuple, SmoothlyUrlencoded, Trigger, defineCustomElements, redirect };

package/dist/esm/{Listenable-5d2def19.js → Listenable-34b047d8.js}

@@ -654,6 +654,29 @@ var Token;
     Token.is = is;
 })(Token || (Token = {}));
 
+var Icon;
+(function (Icon) {
+  const names = {
+    "*": "https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg",
+  };
+  const cache = {};
+  async function fetch(url) {
+    const response = await globalThis.fetch(url);
+    return response.ok ? response.text() : undefined;
+  }
+  async function load(name) {
+    var _a, _b;
+    const url = ((_a = names[name]) !== null && _a !== void 0 ? _a : names["*"]).replace("${name}", name);
+    return (_b = cache[url]) !== null && _b !== void 0 ? _b : (cache[url] = fetch(url));
+  }
+  Icon.load = load;
+  function add(url, ...name) {
+    for (const n of name)
+      names[n] = url;
+  }
+  Icon.add = add;
+})(Icon || (Icon = {}));
+
 class Message {
   static is(value) {
     return typeof value == "object" && typeof value.destination == "string" && value.content != undefined;
@@ -751,4 +774,4 @@ class Listenable {
 }
 _Listenable_listeners = new WeakMap();
 
-export { Identifier as I, Listenable as L, Message as M, Trigger as T };
+export { Identifier as I, Listenable as L, Message as M, Trigger as T, Icon as a };

package/dist/esm/{index-d7a4e405.js → index-9594f9bc.js}

@@ -341,7 +341,7 @@ const App = (attributes, nodes, utils) => {
   }
   const children = nodes.map(node => (Object.assign(Object.assign({}, nodeToChild(node)), { node })));
   return (h("smoothly-app", null,
-    h("header", null,
+    h("header", { slot: "header" },
       h("h1", null,
         h("a", Object.assign({}, href((_a = resolve("")) !== null && _a !== void 0 ? _a : "/")), attributes.label)),
       h("nav", null,
@@ -378,7 +378,7 @@ const App = (attributes, nodes, utils) => {
         })
           .map(child => (h("li", null, child))))),
       children.filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.slot) == "header"; }).map(child => child.node)),
-    h("main", null,
+    h("main", { slot: "main" },
       h(Router.Switch, null, children
         .filter(child => { var _a; return ((_a = child.vattrs) === null || _a === void 0 ? void 0 : _a.path) != undefined; })
         .map(child => {

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { A as App, C as Cosmetic, N as Notice, r as redirect } from './index-d7a4e405.js';
-import { I as Identifier } from './Listenable-5d2def19.js';
-export { L as Listenable, M as Message, T as Trigger } from './Listenable-5d2def19.js';
+export { A as App, C as Cosmetic, N as Notice, r as redirect } from './index-9594f9bc.js';
+import { I as Identifier } from './Listenable-34b047d8.js';
+export { a as Icon, L as Listenable, M as Message, T as Trigger } from './Listenable-34b047d8.js';
 export { G as GoogleFont } from './GoogleFont-8474516b.js';
 import './index-d3421c35.js';
 

package/dist/esm/smoothly-accordion_53.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement, c as createEvent, H as Host } from './index-d3421c35.js';
-import { r as redirect, A as App, N as Notice } from './index-d7a4e405.js';
-import { T as Trigger, M as Message } from './Listenable-5d2def19.js';
+import { r as redirect, A as App, N as Notice } from './index-9594f9bc.js';
+import { T as Trigger, M as Message, a as Icon } from './Listenable-34b047d8.js';
 import './GoogleFont-8474516b.js';
 import { D as Date$1, L as Language, g as getLanguage, a as DateTime, b as Locale, c as Language$1, C as Currency, d as DateRange } from './getLanguage-cccb8418.js';
 
@@ -111,7 +111,7 @@ const SmoothlyApp = class {
     this.color = undefined;
   }
   render() {
-    return (h("smoothly-notifier", null, h("slot", null)));
+    return (h("smoothly-notifier", null, h("slot", { name: "header" }), h("slot", { name: "main" }), h("slot", null)));
   }
 };
 SmoothlyApp.style = styleCss$H;
@@ -20869,7 +20869,7 @@ const SmoothlyIcon = class {
   }
   async loadDocument() {
     if (this.name)
-      this.document = await SmoothlyIcon.load(this.name);
+      this.document = await Icon.load(this.name);
   }
   async componentWillLoad() {
     await this.loadDocument();
@@ -20887,34 +20887,23 @@ const SmoothlyIcon = class {
   __stencil_render() {
     return [];
   }
-  static async fetch(url) {
-    const response = await fetch(url);
-    return response.ok ? response.text() : undefined;
-  }
-  static async load(name) {
-    var _a;
-    const url = `https://site-icons.pages.dev/ionicons@5.0.0/dist/svg/${name}.svg`;
-    return (_a = SmoothlyIcon.cache[url]) !== null && _a !== void 0 ? _a : (SmoothlyIcon.cache[url] = SmoothlyIcon.fetch(url));
-  }
   static get watchers() { return {
     "name": ["loadDocument"]
   }; }
   render() { return h(Host, this.hostData(), this.__stencil_render()); }
 };
-SmoothlyIcon.cache = {};
 SmoothlyIcon.style = styleCss$x;
 
-const styleCss$w = "icon-demo.sc-smoothly-icon-demo{display:block}icon-demo[hidden].sc-smoothly-icon-demo{display:none}icon-demo.sc-smoothly-icon-demo>content.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}icon-demo.sc-smoothly-icon-demo>content.sc-smoothly-icon-demo>*.sc-smoothly-icon-demo{margin:1cm}";
+const styleCss$w = ".sc-smoothly-icon-demo-h{display:block;padding:1rem;max-width:900px;margin:auto}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-wrap:wrap;justify-content:center}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{margin:1.5rem}";
 
 const SmoothlyIconDemo = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.page = 0;
   }
   render() {
     return [
       h("h1", null, "Icons"),
-      h("content", null, [
+      h("div", null, [
         "add-circle",
         "add",
         "airplane",
@@ -21380,9 +21369,7 @@ const SmoothlyIconDemo = class {
         "volume-mute",
         "volume-off",
         "woman",
-      ]
-        .slice(this.page * 100, 100)
-        .map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
+      ].map(name => (h("smoothly-icon", { name: name, toolTip: name })))),
     ];
   }
 };

package/dist/esm/smoothly-trigger-sink.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-d3421c35.js';
-import { T as Trigger, M as Message } from './Listenable-5d2def19.js';
+import { T as Trigger, M as Message } from './Listenable-34b047d8.js';
 import './GoogleFont-8474516b.js';
 
 const styleCss = ".sc-smoothly-trigger-sink-h{display:block}[hidden].sc-smoothly-trigger-sink-h{display:none}";

package/dist/esm/smoothly-trigger-source.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-d3421c35.js';
-import { M as Message, T as Trigger } from './Listenable-5d2def19.js';
+import { M as Message, T as Trigger } from './Listenable-34b047d8.js';
 import './GoogleFont-8474516b.js';
 
 const styleCss = ".sc-smoothly-trigger-source-h{display:block}[hidden].sc-smoothly-trigger-source-h{display:none}";

package/dist/smoothly/index.esm.js

@@ -1 +1 @@
-export{A as App,C as Cosmetic,N as Notice,r as redirect}from"./p-94e08cee.js";import{I as e}from"./p-796b1024.js";export{L as Listenable,M as Message,T as Trigger}from"./p-796b1024.js";export{G as GoogleFont}from"./p-bd478a53.js";import"./p-4a0b35b7.js";class t{constructor(){}static get value(){return t.valueCache=localStorage.getItem("clientIdentifier")||void 0,t.valueCache||(t.valueCache=e.generate(12),localStorage.setItem("clientIdentifier",t.valueCache)),t.valueCache}}export{t as ClientIdentifier}
+export{A as App,C as Cosmetic,N as Notice,r as redirect}from"./p-03c10101.js";import{I as e}from"./p-e6cb38de.js";export{a as Icon,L as Listenable,M as Message,T as Trigger}from"./p-e6cb38de.js";export{G as GoogleFont}from"./p-bd478a53.js";import"./p-4a0b35b7.js";class o{constructor(){}static get value(){return o.valueCache=localStorage.getItem("clientIdentifier")||void 0,o.valueCache||(o.valueCache=e.generate(12),localStorage.setItem("clientIdentifier",o.valueCache)),o.valueCache}}export{o as ClientIdentifier}