@pacem/pacem-ui 2.0.0-chebyshev → 2.0.0-euler

package/dist/bundle/pacem-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v2.0.0-chebyshev (https://js.pacem.it)
+ * @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -585,7 +585,8 @@ __decorate2([
 ], PacemAnchorElement.prototype, "router", void 0);
 PacemAnchorElement = __decorate2([
   CustomElement2({
-    tagName: P2 + "-a"
+    tagName: P2 + "-a",
+    modifiers: ["hoverable", "focusable", "pressable"]
   })
 ], PacemAnchorElement);
 
@@ -1121,6 +1122,9 @@ var PacemBalloonElement = class PacemBalloonElement2 extends Components3.PacemEl
     }
   }
 };
+__decorate3([
+  ViewChild2(`.${PCSS3}-balloon-face`, true, false)
+], PacemBalloonElement.prototype, "_face", void 0);
 __decorate3([
   ViewChild2(`.${PCSS3}-balloon`)
 ], PacemBalloonElement.prototype, "_container", void 0);
@@ -1141,6 +1145,7 @@ PacemBalloonElement = __decorate3([
     tagName: P3 + "-balloon",
     shadow: true,
     template: `<${P3}-resize target="{{ :host.target }}" disabled="true" watch-position="true" on-${Components3.ResizeEventName}=":host._onLayoutChange($event)"></${P3}-resize>
+<div class="${PCSS3}-balloon-face"></div>
 <div class="${PCSS3}-balloon"><${P3}-resize on-${Components3.ResizeEventName}=":host._onLayoutChange($event)" disabled="true" content><slot></slot></${P3}-resize></div>
 <div class="corner top-left" part="corner-topleft"></div><div class="corner bottom-left" part="corner-bottomleft"></div><div class="corner top-right" part="corner-topright"></div><div class="corner bottom-right" part="corner-bottomright"></div>`
   })
@@ -2165,7 +2170,7 @@ __decorate6([
   ViewChild3(P6 + "-resize[handle]")
 ], PacemBottomSheetElement.prototype, "_handleResizer", void 0);
 __decorate6([
-  ViewChild3(P6 + "-panel.bottom-sheet")
+  ViewChild3(P6 + "-panel.bottom-sheet", true)
 ], PacemBottomSheetElement.prototype, "_sheet", void 0);
 __decorate6([
   Watch6({ emit: false, converter: PropertyConverters6.Boolean })
@@ -2347,7 +2352,8 @@ __decorate8([
 ], PacemButtonElement.prototype, "confirmationDialog", void 0);
 PacemButtonElement = __decorate8([
   CustomElement7({
-    tagName: P7 + "-button"
+    tagName: P7 + "-button",
+    modifiers: ["hoverable", "focusable", "clickable"]
   })
 ], PacemButtonElement);
 
@@ -3858,7 +3864,7 @@ __decorate18([
   ViewChild7("." + PCSS11 + "-lightbox-wrapper")
 ], PacemLightboxElement.prototype, "_wrapperElement", void 0);
 __decorate18([
-  ViewChild7("." + PCSS11 + "-lightbox")
+  ViewChild7("." + PCSS11 + "-lightbox", true)
 ], PacemLightboxElement.prototype, "_container", void 0);
 __decorate18([
   ViewChild7("slot[name=close]")
@@ -3953,7 +3959,7 @@ var PacemLoaderElement = class PacemLoaderElement2 extends Components17.PacemEle
   }
 };
 __decorate19([
-  ViewChild8("div." + PCSS12 + "-spinner")
+  ViewChild8("div." + PCSS12 + "-spinner", true)
 ], PacemLoaderElement.prototype, "_spinner", void 0);
 __decorate19([
   ViewChild8("div." + PCSS12 + "-loader")
@@ -4028,6 +4034,25 @@ var YOUTUBE_RULE = {
   },
   type: "inline"
 };
+var ANCHOR_RULE = {
+  rule: {
+    exec: (input) => {
+      const arr = /\{route\}\(([^:\s)]+):([^\s")]+)(?:\s+"([^"]*)")?\)/.exec(input);
+      if (arr && arr.length > 2) {
+        return [{
+          type: "route",
+          raw: arr[0],
+          text: arr[3] || arr[2],
+          index: arr.index,
+          router: arr[1],
+          href: arr[2]
+        }];
+      }
+      return null;
+    }
+  },
+  type: "inline"
+};
 var RULES_TO_HTML = (token) => {
   switch (token.type) {
     case "youtube":
@@ -4036,12 +4061,15 @@ var RULES_TO_HTML = (token) => {
     case "tweet":
       return `<!-- twitter embed -->
 <${P18}-tweetembed tweetid="${token.text}"></${P18}-tweetembed>`;
+    case "route":
+      return `<${P18}-a href="${token["href"]}" router="${token["router"]}">${token.text}</${P18}-a>`;
   }
 };
 var MarkdownService = class {
   #grammar = [
     TWITTER_RULE,
-    YOUTUBE_RULE
+    YOUTUBE_RULE,
+    ANCHOR_RULE
   ];
   #md = new Compile.Markdown.Parser();
   _escape(md) {
@@ -4734,7 +4762,10 @@ var PacemProgressbarElement = class PacemProgressbarElement2 extends Components2
   }
 };
 __decorate26([
-  ViewChild13(".progressbar-bar")
+  ViewChild13(".progressbar-track", true, false)
+], PacemProgressbarElement.prototype, "_face", void 0);
+__decorate26([
+  ViewChild13(".progressbar-bar", false, true)
 ], PacemProgressbarElement.prototype, "_bar", void 0);
 __decorate26([
   ViewChild13(".progressbar-glow")
@@ -4759,7 +4790,7 @@ PacemProgressbarElement = __decorate26([
 ], PacemProgressbarElement);
 
 // packages/ui/dist/esm/sidebar.js
-import { P as P26, PCSS as PCSS16, Utils as Utils24, CustomElement as CustomElement25, Watch as Watch26, PropertyConverters as PropertyConverters25, Components as Components24, CustomElementUtils as CustomElementUtils7 } from "@pacem/pacem-core";
+import { P as P26, PCSS as PCSS16, Utils as Utils24, CustomElement as CustomElement25, Watch as Watch26, ViewChild as ViewChild14, PropertyConverters as PropertyConverters25, Components as Components24, CustomElementUtils as CustomElementUtils7 } from "@pacem/pacem-core";
 var __decorate27 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -4802,6 +4833,9 @@ var PacemSidebarElement = class PacemSidebarElement2 extends Components24.PacemE
     this.#shell = CustomElementUtils7.findAncestorShell(this);
   }
 };
+__decorate27([
+  ViewChild14(".sidebar-drawer", true)
+], PacemSidebarElement.prototype, "_drawer", void 0);
 __decorate27([
   Watch26({ converter: PropertyConverters25.Boolean })
 ], PacemSidebarElement.prototype, "open", void 0);
@@ -4989,7 +5023,7 @@ PacemStickyHeaderElement = __decorate30([
 ], PacemStickyHeaderElement);
 
 // packages/ui/dist/esm/tabs.js
-import { P as P30, PCSS as PCSS17, CustomElement as CustomElement29, Watch as Watch29, ViewChild as ViewChild14, PropertyConverters as PropertyConverters28, Components as Components28, Utils as Utils26, PropertyChangeEvent as PropertyChangeEvent4, Animations } from "@pacem/pacem-core";
+import { P as P30, PCSS as PCSS17, CustomElement as CustomElement29, Watch as Watch29, ViewChild as ViewChild15, PropertyConverters as PropertyConverters28, Components as Components28, Utils as Utils26, PropertyChangeEvent as PropertyChangeEvent4, Animations } from "@pacem/pacem-core";
 var __decorate31 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -5033,7 +5067,7 @@ var PacemTabElement = class PacemTabElement2 extends Components28.PacemIterableE
   }
 };
 __decorate31([
-  ViewChild14("slot[name=label]")
+  ViewChild15("slot[name=label]")
 ], PacemTabElement.prototype, "_slotLabel", void 0);
 __decorate31([
   Watch29({ converter: StringOrNodePropertyConverter })
@@ -5144,13 +5178,13 @@ var PacemTabsElement = class PacemTabsElement2 extends Components28.PacemIterati
   }
 };
 __decorate31([
-  ViewChild14(P30 + "-adapter")
+  ViewChild15(P30 + "-adapter")
 ], PacemTabsElement.prototype, "_defaultTabAdapter", void 0);
 __decorate31([
-  ViewChild14("." + PCSS17 + "-tabs")
+  ViewChild15("." + PCSS17 + "-tabs")
 ], PacemTabsElement.prototype, "_tabs", void 0);
 __decorate31([
-  ViewChild14("." + PCSS17 + "-tabs-content")
+  ViewChild15("." + PCSS17 + "-tabs-content")
 ], PacemTabsElement.prototype, "_container", void 0);
 __decorate31([
   Watch29()
@@ -5172,7 +5206,7 @@ PacemTabsElement = __decorate31([
 ], PacemTabsElement);
 
 // packages/ui/dist/esm/ticker.js
-import { P as P31, CustomElement as CustomElement30, ViewChild as ViewChild15, Components as Components29, Utils as Utils27 } from "@pacem/pacem-core";
+import { P as P31, CustomElement as CustomElement30, ViewChild as ViewChild16, Components as Components29, Utils as Utils27 } from "@pacem/pacem-core";
 var __decorate32 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -5233,13 +5267,13 @@ var PacemTickerElement = class PacemTickerElement2 extends Components29.PacemSaf
   }
 };
 __decorate32([
-  ViewChild15("slot")
+  ViewChild16("slot")
 ], PacemTickerElement.prototype, "_slot", void 0);
 __decorate32([
-  ViewChild15("div[part=ticker-outgoing]")
+  ViewChild16("div[part=ticker-outgoing]")
 ], PacemTickerElement.prototype, "_outgoing", void 0);
 __decorate32([
-  ViewChild15("div[part=ticker-incoming]")
+  ViewChild16("div[part=ticker-incoming]")
 ], PacemTickerElement.prototype, "_incoming", void 0);
 PacemTickerElement = __decorate32([
   CustomElement30({ tagName: P31 + "-ticker", shadow: true, template: `<div part="ticker-outgoing"></div><div part="ticker-incoming"></div><slot hidden></slot>` })
@@ -5417,12 +5451,13 @@ __decorate33([
 ], PacemToastElement, "toast2", null);
 PacemToastElement = PacemToastElement_1 = __decorate33([
   CustomElement31({
-    tagName: P32 + "-toast"
+    tagName: P32 + "-toast",
+    modifiers: ["clickable"]
   })
 ], PacemToastElement);
 
 // packages/ui/dist/esm/toc.js
-import { P as P33, PCSS as PCSS19, CustomElement as CustomElement32, Watch as Watch31, ViewChild as ViewChild16, Components as Components31, Utils as Utils29, PropertyConverters as PropertyConverters30, Defaults as Defaults9, Animations as Animations2, Debounce as Debounce5, avoidHandler as avoidHandler6 } from "@pacem/pacem-core";
+import { P as P33, PCSS as PCSS19, CustomElement as CustomElement32, Watch as Watch31, ViewChild as ViewChild17, Components as Components31, Utils as Utils29, PropertyConverters as PropertyConverters30, Defaults as Defaults9, Animations as Animations2, Debounce as Debounce5, avoidHandler as avoidHandler6 } from "@pacem/pacem-core";
 var __decorate34 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -5566,7 +5601,7 @@ __decorate34([
   Watch31({ converter: PropertyConverters30.Boolean })
 ], PacemTocElement.prototype, "hasContent", void 0);
 __decorate34([
-  ViewChild16(P33 + "-repeater")
+  ViewChild17(P33 + "-repeater")
 ], PacemTocElement.prototype, "_repeater", void 0);
 __decorate34([
   Debounce5(100)
@@ -5587,7 +5622,7 @@ PacemTocElement = __decorate34([
 ], PacemTocElement);
 
 // packages/ui/dist/esm/tuner.js
-import { P as P34, PCSS as PCSS20, CustomElement as CustomElement33, Watch as Watch32, ViewChild as ViewChild17, Components as Components32, Utils as Utils30, PropertyConverters as PropertyConverters31, UI as UI3, Animations as Animations3 } from "@pacem/pacem-core";
+import { P as P34, PCSS as PCSS20, CustomElement as CustomElement33, Watch as Watch32, ViewChild as ViewChild18, Components as Components32, Utils as Utils30, PropertyConverters as PropertyConverters31, UI as UI3, Animations as Animations3 } from "@pacem/pacem-core";
 import { Angle } from "@pacem/pacem-foundation";
 var __decorate35 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -5735,19 +5770,19 @@ var PacemTunerElement = class PacemTunerElement2 extends Components32.PacemEleme
   }
 };
 __decorate35([
-  ViewChild17("svg")
+  ViewChild18("svg")
 ], PacemTunerElement.prototype, "_canvas", void 0);
 __decorate35([
-  ViewChild17("path[part=rail]")
+  ViewChild18("path[part=rail]")
 ], PacemTunerElement.prototype, "_rail", void 0);
 __decorate35([
-  ViewChild17("path[part=complementary-rail]")
+  ViewChild18("path[part=complementary-rail]")
 ], PacemTunerElement.prototype, "_counterRail", void 0);
 __decorate35([
-  ViewChild17(P34 + "-tween")
+  ViewChild18(P34 + "-tween")
 ], PacemTunerElement.prototype, "_tween", void 0);
 __decorate35([
-  ViewChild17(P34 + "-rotate")
+  ViewChild18(P34 + "-rotate")
 ], PacemTunerElement.prototype, "_rotate", void 0);
 __decorate35([
   Watch32({ converter: PropertyConverters31.Number })