@luizleon/sf.prefeiturasp.vuecomponents 0.0.5 → 0.0.7
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/components/internal/ThemeToggle.d.ts +10 -11
- package/dist/components/tabnavigation/TabNavigation.d.ts +6 -1
- package/dist/lib.es.js +17 -13
- package/dist/lib.es.js.map +1 -1
- package/dist/lib.umd.js +1 -1
- package/dist/lib.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/tabnavigation/TabNavigation.d.ts +6 -1
- package/src/components/tabnavigation/TabNavigation.vue +11 -8
- package/src/style/src/components/_tab-navigation.scss +7 -6
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
declare
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
export default _sfc_main;
|
|
1
|
+
declare class ThemeToggle {
|
|
2
|
+
get storedTheme(): "light" | "dark" | null;
|
|
3
|
+
get IsDark(): boolean;
|
|
4
|
+
Toggle(): void;
|
|
5
|
+
EnableDarkMode(): void;
|
|
6
|
+
EnableLightMode(): void;
|
|
7
|
+
SetInitialTheme(): void;
|
|
8
|
+
}
|
|
9
|
+
export declare const ThemeToggleBase: ThemeToggle;
|
|
10
|
+
export {};
|
|
@@ -3,8 +3,13 @@ import {
|
|
|
3
3
|
GlobalComponentConstructor,
|
|
4
4
|
} from "../../ts-helpers";
|
|
5
5
|
|
|
6
|
+
export interface SfTabNavigationTab {
|
|
7
|
+
text: string;
|
|
8
|
+
route: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
6
11
|
export interface SfTabNavigationProps {
|
|
7
|
-
tabs:
|
|
12
|
+
tabs: SfTabNavigationTab[];
|
|
8
13
|
}
|
|
9
14
|
|
|
10
15
|
export interface SfTabNavigationSlots {
|
package/dist/lib.es.js
CHANGED
|
@@ -2551,7 +2551,7 @@ const ThemeToggleBase = (() => new ThemeToggle())(), _hoisted_1$3 = /* @__PURE__
|
|
|
2551
2551
|
(...f) => unref(ThemeToggleBase).Toggle && unref(ThemeToggleBase).Toggle(...f))
|
|
2552
2552
|
}, _hoisted_2$3));
|
|
2553
2553
|
}
|
|
2554
|
-
}), _hoisted_1$2 = { id: "sf-layout" }, _hoisted_2$2 = /* @__PURE__ */ createElementVNode("div", { class: "sf-layout-menu-toggler-logo" }, null, -1), _hoisted_3$1 = { class: "title" }, _hoisted_4$1 = { class: "sf-layout-nav-header" }, _hoisted_5$1 = /* @__PURE__ */ createElementVNode("span", null, "Menu", -1), _hoisted_6$1 = { class: "sf-layout-nav-content" }, _hoisted_7 = /* @__PURE__ */ createElementVNode("section", { id: "sf-layout-page-title" }, null, -1), _hoisted_8 = { id: "sf-layout-content" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
2554
|
+
}), _hoisted_1$2 = { id: "sf-layout" }, _hoisted_2$2 = /* @__PURE__ */ createElementVNode("div", { class: "sf-layout-menu-toggler-logo" }, null, -1), _hoisted_3$1 = { class: "title" }, _hoisted_4$1 = { class: "sf-layout-nav-header" }, _hoisted_5$1 = /* @__PURE__ */ createElementVNode("span", null, "Menu", -1), _hoisted_6$1 = { class: "sf-layout-nav-content" }, _hoisted_7$1 = /* @__PURE__ */ createElementVNode("section", { id: "sf-layout-page-title" }, null, -1), _hoisted_8 = { id: "sf-layout-content" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
2555
2555
|
__name: "Layout",
|
|
2556
2556
|
setup(a) {
|
|
2557
2557
|
const o = UseNavMenuService();
|
|
@@ -2592,7 +2592,7 @@ const ThemeToggleBase = (() => new ThemeToggle())(), _hoisted_1$3 = /* @__PURE__
|
|
|
2592
2592
|
createElementVNode("main", {
|
|
2593
2593
|
class: normalizeClass({ "menu-visible": unref(o).IsVisible })
|
|
2594
2594
|
}, [
|
|
2595
|
-
_hoisted_7,
|
|
2595
|
+
_hoisted_7$1,
|
|
2596
2596
|
createElementVNode("section", _hoisted_8, [
|
|
2597
2597
|
renderSlot(u.$slots, "content")
|
|
2598
2598
|
])
|
|
@@ -2717,7 +2717,7 @@ const ThemeToggleBase = (() => new ThemeToggle())(), _hoisted_1$3 = /* @__PURE__
|
|
|
2717
2717
|
})
|
|
2718
2718
|
], -1), _hoisted_3 = [
|
|
2719
2719
|
_hoisted_2
|
|
2720
|
-
], _hoisted_4 = ["href", "onClick"],
|
|
2720
|
+
], _hoisted_4 = ["data-active"], _hoisted_5 = ["href", "onClick"], _hoisted_6 = /* @__PURE__ */ createElementVNode("svg", {
|
|
2721
2721
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2722
2722
|
fill: "none",
|
|
2723
2723
|
viewBox: "0 0 24 24",
|
|
@@ -2730,8 +2730,8 @@ const ThemeToggleBase = (() => new ThemeToggle())(), _hoisted_1$3 = /* @__PURE__
|
|
|
2730
2730
|
"stroke-linejoin": "round",
|
|
2731
2731
|
d: "M8.25 4.5l7.5 7.5-7.5 7.5"
|
|
2732
2732
|
})
|
|
2733
|
-
], -1),
|
|
2734
|
-
|
|
2733
|
+
], -1), _hoisted_7 = [
|
|
2734
|
+
_hoisted_6
|
|
2735
2735
|
], _sfc_main = /* @__PURE__ */ defineComponent({
|
|
2736
2736
|
__name: "TabNavigation",
|
|
2737
2737
|
props: {
|
|
@@ -2752,10 +2752,14 @@ const ThemeToggleBase = (() => new ThemeToggle())(), _hoisted_1$3 = /* @__PURE__
|
|
|
2752
2752
|
return onMounted(() => {
|
|
2753
2753
|
u.value.addEventListener("scroll", h), f.observe(u.value);
|
|
2754
2754
|
}), onBeforeUnmount(() => {
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
|
|
2758
|
-
|
|
2755
|
+
var x;
|
|
2756
|
+
try {
|
|
2757
|
+
(x = u.value) == null || x.removeEventListener(
|
|
2758
|
+
"scroll",
|
|
2759
|
+
h
|
|
2760
|
+
), f.unobserve(u.value), f.disconnect();
|
|
2761
|
+
} catch {
|
|
2762
|
+
}
|
|
2759
2763
|
}), (x, B) => {
|
|
2760
2764
|
const U = resolveComponent("RouterLink");
|
|
2761
2765
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
@@ -2772,7 +2776,7 @@ const ThemeToggleBase = (() => new ThemeToggle())(), _hoisted_1$3 = /* @__PURE__
|
|
|
2772
2776
|
custom: !0
|
|
2773
2777
|
}, {
|
|
2774
2778
|
default: withCtx(({ navigate: V, isActive: T }) => [
|
|
2775
|
-
createElementVNode("li",
|
|
2779
|
+
createElementVNode("li", { "data-active": T }, [
|
|
2776
2780
|
renderSlot(x.$slots, "item", {
|
|
2777
2781
|
item: R,
|
|
2778
2782
|
navigate: V,
|
|
@@ -2782,9 +2786,9 @@ const ThemeToggleBase = (() => new ThemeToggle())(), _hoisted_1$3 = /* @__PURE__
|
|
|
2782
2786
|
href: R.route,
|
|
2783
2787
|
class: normalizeClass({ active: T }),
|
|
2784
2788
|
onClick: V
|
|
2785
|
-
}, toDisplayString(R.text), 11,
|
|
2789
|
+
}, toDisplayString(R.text), 11, _hoisted_5)
|
|
2786
2790
|
])
|
|
2787
|
-
])
|
|
2791
|
+
], 8, _hoisted_4)
|
|
2788
2792
|
]),
|
|
2789
2793
|
_: 2
|
|
2790
2794
|
}, 1032, ["to"]))), 256))
|
|
@@ -2792,7 +2796,7 @@ const ThemeToggleBase = (() => new ThemeToggle())(), _hoisted_1$3 = /* @__PURE__
|
|
|
2792
2796
|
createElementVNode("div", {
|
|
2793
2797
|
class: normalizeClass(["right-arrow", { active: l.value }]),
|
|
2794
2798
|
onClick: B[1] || (B[1] = (R) => y())
|
|
2795
|
-
},
|
|
2799
|
+
}, _hoisted_7, 2)
|
|
2796
2800
|
]);
|
|
2797
2801
|
};
|
|
2798
2802
|
}
|