@pod-os/elements 0.30.1-rc.58d084a.0 → 0.30.1
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.
- package/dist/cjs/ion-icon_33.cjs.entry.js +2 -2
- package/dist/cjs/ion-icon_33.cjs.entry.js.map +1 -1
- package/dist/collection/components/pos-type-router/pos-type-router.css +6 -4
- package/dist/collection/components/pos-type-router/pos-type-router.js +1 -1
- package/dist/collection/components/pos-type-router/pos-type-router.js.map +1 -1
- package/dist/components/pos-type-router2.js +2 -2
- package/dist/components/pos-type-router2.js.map +1 -1
- package/dist/elements/elements.esm.js +1 -1
- package/dist/elements/{p-e7498ab7.entry.js → p-fe3c0e1b.entry.js} +2 -2
- package/dist/elements/{p-e7498ab7.entry.js.map → p-fe3c0e1b.entry.js.map} +1 -1
- package/dist/esm/ion-icon_33.entry.js +2 -2
- package/dist/esm/ion-icon_33.entry.js.map +1 -1
- package/package.json +1 -1
|
@@ -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.
|
|
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;
|