@pod-os/elements 0.30.1-rc.58d084a.0 → 0.30.2-rc.0b72955.0

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.
@@ -11502,7 +11502,7 @@ function maxPriority(types, typeUris) {
11502
11502
  const onlyRelevant = (it) => it.priority > 0;
11503
11503
  const byPriority = (a, b) => b.priority - a.priority;
11504
11504
 
11505
- const posTypeRouterCss = "section {\n display: flex;\n flex-direction: row;\n}\n\n.transition {\n position: relative;\n flex-grow: 1;\n .tool {\n position: absolute;\n }\n}\n\n.tool {\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n &.visible {\n animation: fadeIn 300ms ease-in;\n }\n &.hidden {\n animation: fadeOut 300ms ease-in;\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n@media (max-width: 640px) {\n section {\n --toolbar-size: var(--size-16);\n flex-direction: column-reverse;\n padding-bottom: var(--toolbar-size);\n pos-tool-select {\n --button-size: var(--toolbar-size);\n }\n }\n}\n";
11505
+ const posTypeRouterCss = "section {\n display: flex;\n flex-direction: row;\n}\n\n.tools {\n flex-grow: 1;\n &.transition {\n position: relative;\n .tool {\n position: absolute;\n }\n }\n}\n\n.tool {\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n &.visible {\n animation: fadeIn 300ms ease-in;\n }\n &.hidden {\n animation: fadeOut 300ms ease-in;\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n@media (max-width: 640px) {\n section {\n --toolbar-size: var(--size-16);\n flex-direction: column-reverse;\n padding-bottom: var(--toolbar-size);\n pos-tool-select {\n --button-size: var(--toolbar-size);\n }\n }\n}\n";
11506
11506
  const PosTypeRouterStyle0 = posTypeRouterCss;
11507
11507
 
11508
11508
  const PosTypeRouter = class {
@@ -11540,7 +11540,7 @@ const PosTypeRouter = class {
11540
11540
  var _a;
11541
11541
  const SelectedTool = this.currentTool.element;
11542
11542
  const OldTool = (_a = this.oldTool) === null || _a === void 0 ? void 0 : _a.element;
11543
- return (h$4("section", null, h$4("pos-tool-select", { selected: this.currentTool, tools: this.availableTools }), h$4("div", { class: { transition: this.transitioning }, onAnimationEnd: () => this.removeOldTool() }, OldTool && h$4(OldTool, { class: "tool hidden" }), h$4(SelectedTool, { class: "tool visible" }))));
11543
+ return (h$4("section", null, h$4("pos-tool-select", { selected: this.currentTool, tools: this.availableTools }), h$4("div", { class: { tools: true, transition: this.transitioning }, onAnimationEnd: () => this.removeOldTool() }, OldTool && h$4(OldTool, { class: "tool hidden" }), h$4(SelectedTool, { class: "tool visible" }))));
11544
11544
  }
11545
11545
  removeOldTool() {
11546
11546
  this.oldTool = null;