smoothly 0.3.22 → 0.3.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/smoothly-accordion_53.cjs.entry.js +5 -4
  2. package/dist/collection/components/app-demo/index.js +1 -1
  3. package/dist/collection/components/button/index.js +1 -1
  4. package/dist/collection/components/button/style.css +5 -1
  5. package/dist/collection/components/input/index.js +2 -1
  6. package/dist/custom-elements/index.js +5 -4
  7. package/dist/esm/smoothly-accordion_53.entry.js +5 -4
  8. package/dist/smoothly/p-04ed5111.entry.js +1 -0
  9. package/dist/smoothly/smoothly.esm.js +1 -1
  10. package/package.json +1 -1
  11. package/dist/smoothly/p-2843ee6f.entry.js +0 -1
package/dist/cjs/smoothly-accordion_53.cjs.entry.js CHANGED
@@ -120,7 +120,7 @@ const SmoothlyAppDemo = class {
120
120
  index.registerInstance(this, hostRef);
121
121
  }
122
122
  render() {
123
- return (index.h(index$1.App, { label: "Smoothly Demo" }, index.h("a", { slot: "nav-start", href: "display" }, "Display"), index.h("a", { slot: "nav-start", href: "https://google.com" }, "External"), index.h("smoothly-room", { path: "" }, index.h("smoothly-input", { type: "text" }, "Default"), index.h("div", { style: { padding: "1em", maxWidth: "12em" } }, index.h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), index.h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), index.h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), index.h("smoothly-room", { path: "input", label: "Input" }, index.h("smoothly-input-demo", null)), index.h("smoothly-room", { path: "dialog", label: "Dialog" }, index.h("smoothly-dialog-demo", null)), index.h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, index.h("smoothly-display-demo", null)), index.h("smoothly-room", { path: "table", label: "Table" }, index.h("smoothly-table-demo", null)), index.h("smoothly-room", { path: "select", label: "Select" }, index.h("smoothly-select-demo", null)), index.h("smoothly-room", { path: "icon", label: "Icon" }, index.h("smoothly-icon-demo", null)), index.h("smoothly-room", { path: "/redirect", label: "Redirect" }, index.h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
123
+ return (index.h(index$1.App, { label: "Smoothly Demo" }, index.h("a", { slot: "nav-start", href: "display" }, "Display"), index.h("a", { slot: "nav-start", href: "https://google.com" }, "External"), index.h("smoothly-room", { path: "" }, index.h("smoothly-input", { type: "text" }, "Default"), index.h("div", { style: { padding: "1em", maxWidth: "12em" } }, index.h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), index.h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), index.h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), index.h("smoothly-room", { path: "input", label: "Input" }, index.h("smoothly-input-demo", null)), index.h("smoothly-room", { path: "dialog", label: "Dialog" }, index.h("smoothly-dialog-demo", null)), index.h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, index.h("smoothly-display-demo", null)), index.h("smoothly-room", { path: "table", label: "Table" }, index.h("smoothly-table-demo", null)), index.h("smoothly-room", { path: "select", label: "Select" }, index.h("smoothly-select-demo", null)), index.h("smoothly-room", { path: "icon", label: "Icon" }, index.h("smoothly-icon-demo", null)), index.h("smoothly-room", { path: "/redirect", label: "Redirect" }, index.h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
124
124
  index$1.redirect("/routing/pathParameter1");
125
125
  } }, "Internal"), index.h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
126
126
  index$1.redirect("https://google.com");
@@ -170,7 +170,7 @@ const SmoothlyBacktotop = class {
170
170
  };
171
171
  SmoothlyBacktotop.style = styleCss$G;
172
172
 
173
- const styleCss$F = "[type=link].sc-smoothly-button-h{display:inline;border:none}.sc-smoothly-button-h:not([type=link]){display:block}.sc-smoothly-button-h{margin:1em;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-button-h{display:none}[disabled].sc-smoothly-button-h{opacity:0.5}a.sc-smoothly-button,button.sc-smoothly-button{display:block;border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-button-h:not([disabled]):hover,.sc-smoothly-button-h:not([disabled]):focus,.sc-smoothly-button-h:not([disabled]):active{border-color:var(--smoothly-button-border)}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{display:block;text-align:center;text-decoration:inherit}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{width:calc(100% - 0.6em)}.sc-smoothly-button-h>button.sc-smoothly-button{width:100%}[expand=fill].sc-smoothly-button-h{width:100%;border-left:none;border-right:none}";
173
+ const styleCss$F = "[type=link].sc-smoothly-button-h{display:inline;border:none}.sc-smoothly-button-h:not([type=link]){display:flex;align-items:center;justify-content:center}.sc-smoothly-button-h{margin:1em;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-button-h{display:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}a.sc-smoothly-button,button.sc-smoothly-button{display:block;border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-button-h:not([disabled]):hover,.sc-smoothly-button-h:not([disabled]):focus,.sc-smoothly-button-h:not([disabled]):active{border-color:var(--smoothly-button-border)}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{display:block;text-align:center;text-decoration:inherit}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{width:calc(100% - 0.6em)}.sc-smoothly-button-h>button.sc-smoothly-button{height:100%;width:100%}[expand=fill].sc-smoothly-button-h{width:100%;border-left:none;border-right:none}";
174
174
 
175
175
  const SmoothlyButton = class {
176
176
  constructor(hostRef) {
@@ -185,7 +185,7 @@ const SmoothlyButton = class {
185
185
  result = this.disabled ? (index.h("slot", null)) : (index.h("a", { href: this.link }, index.h("slot", null)));
186
186
  break;
187
187
  case "button":
188
- result = this.link ? (index.h("a", { href: this.link, target: "_blank", download: this.download }, index.h("slot", null))) : (index.h("button", { disabled: this.disabled }, index.h("slot", null)));
188
+ result = this.link ? (this.disabled ? (index.h("slot", null)) : (index.h("a", { href: this.link, target: "_blank", download: this.download }, index.h("slot", null)))) : (index.h("button", { disabled: this.disabled }, index.h("slot", null)));
189
189
  break;
190
190
  }
191
191
  return result;
@@ -21472,7 +21472,8 @@ const SmoothlyInput = class {
21472
21472
  end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
21473
21473
  direction: backend.selectionDirection ? backend.selectionDirection : "none",
21474
21474
  } });
21475
- if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "c")) && event.key.length == 1) ||
21475
+ if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "x" || event.key == "c")) &&
21476
+ event.key.length == 1) ||
21476
21477
  event.key == "ArrowLeft" ||
21477
21478
  event.key == "ArrowRight" ||
21478
21479
  event.key == "Delete" ||
package/dist/collection/components/app-demo/index.js CHANGED
@@ -3,7 +3,7 @@ import { redirect } from "../../index";
3
3
  import { App } from "../App";
4
4
  export class SmoothlyAppDemo {
5
5
  render() {
6
- return (h(App, { label: "Smoothly Demo" }, h("a", { slot: "nav-start", href: "display" }, "Display"), h("a", { slot: "nav-start", href: "https://google.com" }, "External"), h("smoothly-room", { path: "" }, h("smoothly-input", { type: "text" }, "Default"), h("div", { style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-room", { path: "input", label: "Input" }, h("smoothly-input-demo", null)), h("smoothly-room", { path: "dialog", label: "Dialog" }, h("smoothly-dialog-demo", null)), h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", null)), h("smoothly-room", { path: "table", label: "Table" }, h("smoothly-table-demo", null)), h("smoothly-room", { path: "select", label: "Select" }, h("smoothly-select-demo", null)), h("smoothly-room", { path: "icon", label: "Icon" }, h("smoothly-icon-demo", null)), h("smoothly-room", { path: "/redirect", label: "Redirect" }, h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
6
+ return (h(App, { label: "Smoothly Demo" }, h("a", { slot: "nav-start", href: "display" }, "Display"), h("a", { slot: "nav-start", href: "https://google.com" }, "External"), h("smoothly-room", { path: "" }, h("smoothly-input", { type: "text" }, "Default"), h("div", { style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-room", { path: "input", label: "Input" }, h("smoothly-input-demo", null)), h("smoothly-room", { path: "dialog", label: "Dialog" }, h("smoothly-dialog-demo", null)), h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", null)), h("smoothly-room", { path: "table", label: "Table" }, h("smoothly-table-demo", null)), h("smoothly-room", { path: "select", label: "Select" }, h("smoothly-select-demo", null)), h("smoothly-room", { path: "icon", label: "Icon" }, h("smoothly-icon-demo", null)), h("smoothly-room", { path: "/redirect", label: "Redirect" }, h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
7
7
  redirect("/routing/pathParameter1");
8
8
  } }, "Internal"), h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
9
9
  redirect("https://google.com");
package/dist/collection/components/button/index.js CHANGED
@@ -11,7 +11,7 @@ export class SmoothlyButton {
11
11
  result = this.disabled ? (h("slot", null)) : (h("a", { href: this.link }, h("slot", null)));
12
12
  break;
13
13
  case "button":
14
- result = this.link ? (h("a", { href: this.link, target: "_blank", download: this.download }, h("slot", null))) : (h("button", { disabled: this.disabled }, h("slot", null)));
14
+ result = this.link ? (this.disabled ? (h("slot", null)) : (h("a", { href: this.link, target: "_blank", download: this.download }, h("slot", null)))) : (h("button", { disabled: this.disabled }, h("slot", null)));
15
15
  break;
16
16
  }
17
17
  return result;
package/dist/collection/components/button/style.css CHANGED
@@ -3,7 +3,9 @@
3
3
  border: none;
4
4
  }
5
5
  :host:not([type=link]) {
6
- display: block;
6
+ display: flex;
7
+ align-items: center;
8
+ justify-content: center;
7
9
  }
8
10
  :host {
9
11
  margin: 1em;
@@ -16,6 +18,7 @@
16
18
  }
17
19
  :host[disabled] {
18
20
  opacity: 0.5;
21
+ pointer-events: none;
19
22
  }
20
23
  a,
21
24
  button {
@@ -40,6 +43,7 @@ button {
40
43
  width: calc(100% - 0.6em);
41
44
  }
42
45
  :host > button {
46
+ height: 100%;
43
47
  width: 100%;
44
48
  }
45
49
  :host[expand=fill] {
package/dist/collection/components/input/index.js CHANGED
@@ -117,7 +117,8 @@ export class SmoothlyInput {
117
117
  end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
118
118
  direction: backend.selectionDirection ? backend.selectionDirection : "none",
119
119
  } });
120
- if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "c")) && event.key.length == 1) ||
120
+ if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "x" || event.key == "c")) &&
121
+ event.key.length == 1) ||
121
122
  event.key == "ArrowLeft" ||
122
123
  event.key == "ArrowRight" ||
123
124
  event.key == "Delete" ||
package/dist/custom-elements/index.js CHANGED
@@ -1710,7 +1710,7 @@ const SmoothlyAppDemo$1 = class extends HTMLElement {
1710
1710
  this.__registerHost();
1711
1711
  }
1712
1712
  render() {
1713
- return (h(App, { label: "Smoothly Demo" }, h("a", { slot: "nav-start", href: "display" }, "Display"), h("a", { slot: "nav-start", href: "https://google.com" }, "External"), h("smoothly-room", { path: "" }, h("smoothly-input", { type: "text" }, "Default"), h("div", { style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-room", { path: "input", label: "Input" }, h("smoothly-input-demo", null)), h("smoothly-room", { path: "dialog", label: "Dialog" }, h("smoothly-dialog-demo", null)), h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", null)), h("smoothly-room", { path: "table", label: "Table" }, h("smoothly-table-demo", null)), h("smoothly-room", { path: "select", label: "Select" }, h("smoothly-select-demo", null)), h("smoothly-room", { path: "icon", label: "Icon" }, h("smoothly-icon-demo", null)), h("smoothly-room", { path: "/redirect", label: "Redirect" }, h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
1713
+ return (h(App, { label: "Smoothly Demo" }, h("a", { slot: "nav-start", href: "display" }, "Display"), h("a", { slot: "nav-start", href: "https://google.com" }, "External"), h("smoothly-room", { path: "" }, h("smoothly-input", { type: "text" }, "Default"), h("div", { style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-room", { path: "input", label: "Input" }, h("smoothly-input-demo", null)), h("smoothly-room", { path: "dialog", label: "Dialog" }, h("smoothly-dialog-demo", null)), h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", null)), h("smoothly-room", { path: "table", label: "Table" }, h("smoothly-table-demo", null)), h("smoothly-room", { path: "select", label: "Select" }, h("smoothly-select-demo", null)), h("smoothly-room", { path: "icon", label: "Icon" }, h("smoothly-icon-demo", null)), h("smoothly-room", { path: "/redirect", label: "Redirect" }, h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
1714
1714
  redirect("/routing/pathParameter1");
1715
1715
  } }, "Internal"), h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
1716
1716
  redirect("https://google.com");
@@ -1761,7 +1761,7 @@ const SmoothlyBacktotop$1 = class extends HTMLElement {
1761
1761
  static get style() { return styleCss$K; }
1762
1762
  };
1763
1763
 
1764
- const styleCss$J = "[type=link].sc-smoothly-button-h{display:inline;border:none}.sc-smoothly-button-h:not([type=link]){display:block}.sc-smoothly-button-h{margin:1em;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-button-h{display:none}[disabled].sc-smoothly-button-h{opacity:0.5}a.sc-smoothly-button,button.sc-smoothly-button{display:block;border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-button-h:not([disabled]):hover,.sc-smoothly-button-h:not([disabled]):focus,.sc-smoothly-button-h:not([disabled]):active{border-color:var(--smoothly-button-border)}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{display:block;text-align:center;text-decoration:inherit}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{width:calc(100% - 0.6em)}.sc-smoothly-button-h>button.sc-smoothly-button{width:100%}[expand=fill].sc-smoothly-button-h{width:100%;border-left:none;border-right:none}";
1764
+ const styleCss$J = "[type=link].sc-smoothly-button-h{display:inline;border:none}.sc-smoothly-button-h:not([type=link]){display:flex;align-items:center;justify-content:center}.sc-smoothly-button-h{margin:1em;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-button-h{display:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}a.sc-smoothly-button,button.sc-smoothly-button{display:block;border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-button-h:not([disabled]):hover,.sc-smoothly-button-h:not([disabled]):focus,.sc-smoothly-button-h:not([disabled]):active{border-color:var(--smoothly-button-border)}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{display:block;text-align:center;text-decoration:inherit}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{width:calc(100% - 0.6em)}.sc-smoothly-button-h>button.sc-smoothly-button{height:100%;width:100%}[expand=fill].sc-smoothly-button-h{width:100%;border-left:none;border-right:none}";
1765
1765
 
1766
1766
  const SmoothlyButton$1 = class extends HTMLElement {
1767
1767
  constructor() {
@@ -1777,7 +1777,7 @@ const SmoothlyButton$1 = class extends HTMLElement {
1777
1777
  result = this.disabled ? (h("slot", null)) : (h("a", { href: this.link }, h("slot", null)));
1778
1778
  break;
1779
1779
  case "button":
1780
- result = this.link ? (h("a", { href: this.link, target: "_blank", download: this.download }, h("slot", null))) : (h("button", { disabled: this.disabled }, h("slot", null)));
1780
+ result = this.link ? (this.disabled ? (h("slot", null)) : (h("a", { href: this.link, target: "_blank", download: this.download }, h("slot", null)))) : (h("button", { disabled: this.disabled }, h("slot", null)));
1781
1781
  break;
1782
1782
  }
1783
1783
  return result;
@@ -47027,7 +47027,8 @@ const SmoothlyInput$1 = class extends HTMLElement {
47027
47027
  end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
47028
47028
  direction: backend.selectionDirection ? backend.selectionDirection : "none",
47029
47029
  } });
47030
- if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "c")) && event.key.length == 1) ||
47030
+ if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "x" || event.key == "c")) &&
47031
+ event.key.length == 1) ||
47031
47032
  event.key == "ArrowLeft" ||
47032
47033
  event.key == "ArrowRight" ||
47033
47034
  event.key == "Delete" ||
package/dist/esm/smoothly-accordion_53.entry.js CHANGED
@@ -116,7 +116,7 @@ const SmoothlyAppDemo = class {
116
116
  registerInstance(this, hostRef);
117
117
  }
118
118
  render() {
119
- return (h(App, { label: "Smoothly Demo" }, h("a", { slot: "nav-start", href: "display" }, "Display"), h("a", { slot: "nav-start", href: "https://google.com" }, "External"), h("smoothly-room", { path: "" }, h("smoothly-input", { type: "text" }, "Default"), h("div", { style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-room", { path: "input", label: "Input" }, h("smoothly-input-demo", null)), h("smoothly-room", { path: "dialog", label: "Dialog" }, h("smoothly-dialog-demo", null)), h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", null)), h("smoothly-room", { path: "table", label: "Table" }, h("smoothly-table-demo", null)), h("smoothly-room", { path: "select", label: "Select" }, h("smoothly-select-demo", null)), h("smoothly-room", { path: "icon", label: "Icon" }, h("smoothly-icon-demo", null)), h("smoothly-room", { path: "/redirect", label: "Redirect" }, h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
119
+ return (h(App, { label: "Smoothly Demo" }, h("a", { slot: "nav-start", href: "display" }, "Display"), h("a", { slot: "nav-start", href: "https://google.com" }, "External"), h("smoothly-room", { path: "" }, h("smoothly-input", { type: "text" }, "Default"), h("div", { style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-room", { path: "input", label: "Input" }, h("smoothly-input-demo", null)), h("smoothly-room", { path: "dialog", label: "Dialog" }, h("smoothly-dialog-demo", null)), h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", null)), h("smoothly-room", { path: "table", label: "Table" }, h("smoothly-table-demo", null)), h("smoothly-room", { path: "select", label: "Select" }, h("smoothly-select-demo", null)), h("smoothly-room", { path: "icon", label: "Icon" }, h("smoothly-icon-demo", null)), h("smoothly-room", { path: "/redirect", label: "Redirect" }, h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
120
120
  redirect("/routing/pathParameter1");
121
121
  } }, "Internal"), h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
122
122
  redirect("https://google.com");
@@ -166,7 +166,7 @@ const SmoothlyBacktotop = class {
166
166
  };
167
167
  SmoothlyBacktotop.style = styleCss$G;
168
168
 
169
- const styleCss$F = "[type=link].sc-smoothly-button-h{display:inline;border:none}.sc-smoothly-button-h:not([type=link]){display:block}.sc-smoothly-button-h{margin:1em;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-button-h{display:none}[disabled].sc-smoothly-button-h{opacity:0.5}a.sc-smoothly-button,button.sc-smoothly-button{display:block;border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-button-h:not([disabled]):hover,.sc-smoothly-button-h:not([disabled]):focus,.sc-smoothly-button-h:not([disabled]):active{border-color:var(--smoothly-button-border)}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{display:block;text-align:center;text-decoration:inherit}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{width:calc(100% - 0.6em)}.sc-smoothly-button-h>button.sc-smoothly-button{width:100%}[expand=fill].sc-smoothly-button-h{width:100%;border-left:none;border-right:none}";
169
+ const styleCss$F = "[type=link].sc-smoothly-button-h{display:inline;border:none}.sc-smoothly-button-h:not([type=link]){display:flex;align-items:center;justify-content:center}.sc-smoothly-button-h{margin:1em;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-button-h{display:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}a.sc-smoothly-button,button.sc-smoothly-button{display:block;border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-button-h:not([disabled]):hover,.sc-smoothly-button-h:not([disabled]):focus,.sc-smoothly-button-h:not([disabled]):active{border-color:var(--smoothly-button-border)}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{display:block;text-align:center;text-decoration:inherit}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{width:calc(100% - 0.6em)}.sc-smoothly-button-h>button.sc-smoothly-button{height:100%;width:100%}[expand=fill].sc-smoothly-button-h{width:100%;border-left:none;border-right:none}";
170
170
 
171
171
  const SmoothlyButton = class {
172
172
  constructor(hostRef) {
@@ -181,7 +181,7 @@ const SmoothlyButton = class {
181
181
  result = this.disabled ? (h("slot", null)) : (h("a", { href: this.link }, h("slot", null)));
182
182
  break;
183
183
  case "button":
184
- result = this.link ? (h("a", { href: this.link, target: "_blank", download: this.download }, h("slot", null))) : (h("button", { disabled: this.disabled }, h("slot", null)));
184
+ result = this.link ? (this.disabled ? (h("slot", null)) : (h("a", { href: this.link, target: "_blank", download: this.download }, h("slot", null)))) : (h("button", { disabled: this.disabled }, h("slot", null)));
185
185
  break;
186
186
  }
187
187
  return result;
@@ -21468,7 +21468,8 @@ const SmoothlyInput = class {
21468
21468
  end: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,
21469
21469
  direction: backend.selectionDirection ? backend.selectionDirection : "none",
21470
21470
  } });
21471
- if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "c")) && event.key.length == 1) ||
21471
+ if ((!((event.ctrlKey || event.metaKey) && (event.key == "v" || event.key == "x" || event.key == "c")) &&
21472
+ event.key.length == 1) ||
21472
21473
  event.key == "ArrowLeft" ||
21473
21474
  event.key == "ArrowRight" ||
21474
21475
  event.key == "Delete" ||