@pod-os/elements 0.30.1-rc.3f29969.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
|
@@ -11506,7 +11506,7 @@ function maxPriority(types, typeUris) {
|
|
|
11506
11506
|
const onlyRelevant = (it) => it.priority > 0;
|
|
11507
11507
|
const byPriority = (a, b) => b.priority - a.priority;
|
|
11508
11508
|
|
|
11509
|
-
const posTypeRouterCss = "section {\n display: flex;\n flex-direction: row;\n}\n\n.
|
|
11509
|
+
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";
|
|
11510
11510
|
const PosTypeRouterStyle0 = posTypeRouterCss;
|
|
11511
11511
|
|
|
11512
11512
|
const PosTypeRouter = class {
|
|
@@ -11544,7 +11544,7 @@ const PosTypeRouter = class {
|
|
|
11544
11544
|
var _a;
|
|
11545
11545
|
const SelectedTool = this.currentTool.element;
|
|
11546
11546
|
const OldTool = (_a = this.oldTool) === null || _a === void 0 ? void 0 : _a.element;
|
|
11547
|
-
return (index.h("section", null, index.h("pos-tool-select", { selected: this.currentTool, tools: this.availableTools }), index.h("div", { class: { transition: this.transitioning }, onAnimationEnd: () => this.removeOldTool() }, OldTool && index.h(OldTool, { class: "tool hidden" }), index.h(SelectedTool, { class: "tool visible" }))));
|
|
11547
|
+
return (index.h("section", null, index.h("pos-tool-select", { selected: this.currentTool, tools: this.availableTools }), index.h("div", { class: { tools: true, transition: this.transitioning }, onAnimationEnd: () => this.removeOldTool() }, OldTool && index.h(OldTool, { class: "tool hidden" }), index.h(SelectedTool, { class: "tool visible" }))));
|
|
11548
11548
|
}
|
|
11549
11549
|
removeOldTool() {
|
|
11550
11550
|
this.oldTool = null;
|