@muenchen/muc-patternlab-vue 1.0.1-beta.1 → 1.0.1-beta.3
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/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as o, openBlock as a, createElementBlock as c, renderSlot as i, computed as s, createElementVNode as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as o, openBlock as a, createElementBlock as c, renderSlot as i, computed as s, createElementVNode as e, normalizeClass as _, toDisplayString as d } from "vue";
|
|
2
|
+
const p = { class: "m-button m-button--primary m-button--animated-right" }, f = /* @__PURE__ */ o({
|
|
3
3
|
__name: "MucButton",
|
|
4
4
|
props: {
|
|
5
5
|
expanded: {
|
|
@@ -8,13 +8,13 @@ const f = { class: "m-button m-button--primary m-button--animated-right" }, y =
|
|
|
8
8
|
}
|
|
9
9
|
},
|
|
10
10
|
setup(n) {
|
|
11
|
-
return (
|
|
12
|
-
i(
|
|
11
|
+
return (t, r) => (a(), c("button", p, [
|
|
12
|
+
i(t.$slots, "default")
|
|
13
13
|
]));
|
|
14
14
|
}
|
|
15
|
-
}),
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
], -1),
|
|
15
|
+
}), y = ["role", "aria-label"], h = { class: "container-fluid" }, g = /* @__PURE__ */ e("svg", { class: "icon" }, [
|
|
16
|
+
/* @__PURE__ */ e("use", { href: "#icon-information" })
|
|
17
|
+
], -1), b = /* @__PURE__ */ o({
|
|
18
18
|
__name: "MucBanner",
|
|
19
19
|
props: {
|
|
20
20
|
type: {
|
|
@@ -23,8 +23,8 @@ const f = { class: "m-button m-button--primary m-button--animated-right" }, y =
|
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
setup(n) {
|
|
26
|
-
const
|
|
27
|
-
switch (
|
|
26
|
+
const t = n, r = s(() => {
|
|
27
|
+
switch (t.type) {
|
|
28
28
|
case "info":
|
|
29
29
|
return "m-banner--info";
|
|
30
30
|
case "warning":
|
|
@@ -34,8 +34,8 @@ const f = { class: "m-button m-button--primary m-button--animated-right" }, y =
|
|
|
34
34
|
default:
|
|
35
35
|
return "m-banner--info";
|
|
36
36
|
}
|
|
37
|
-
}),
|
|
38
|
-
switch (
|
|
37
|
+
}), l = s(() => {
|
|
38
|
+
switch (t.type) {
|
|
39
39
|
case "info":
|
|
40
40
|
return "dialog";
|
|
41
41
|
case "warning":
|
|
@@ -45,8 +45,8 @@ const f = { class: "m-button m-button--primary m-button--animated-right" }, y =
|
|
|
45
45
|
default:
|
|
46
46
|
return "dialog";
|
|
47
47
|
}
|
|
48
|
-
}),
|
|
49
|
-
switch (
|
|
48
|
+
}), u = s(() => {
|
|
49
|
+
switch (t.type) {
|
|
50
50
|
case "info":
|
|
51
51
|
return "Information";
|
|
52
52
|
case "warning":
|
|
@@ -57,24 +57,24 @@ const f = { class: "m-button m-button--primary m-button--animated-right" }, y =
|
|
|
57
57
|
return "Information";
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
|
-
return (
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
class:
|
|
64
|
-
role:
|
|
65
|
-
"aria-label":
|
|
60
|
+
return (m, S) => (a(), c("div", null, [
|
|
61
|
+
e("div", null, [
|
|
62
|
+
e("div", {
|
|
63
|
+
class: _(["m-banner", r.value]),
|
|
64
|
+
role: l.value,
|
|
65
|
+
"aria-label": u.value
|
|
66
66
|
}, [
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
i(
|
|
67
|
+
e("div", h, [
|
|
68
|
+
g,
|
|
69
|
+
e("p", null, [
|
|
70
|
+
i(m.$slots, "default")
|
|
71
71
|
])
|
|
72
72
|
])
|
|
73
|
-
], 10,
|
|
73
|
+
], 10, y)
|
|
74
74
|
])
|
|
75
75
|
]));
|
|
76
76
|
}
|
|
77
|
-
}),
|
|
77
|
+
}), v = { class: "m-intro m-intro-summary-text" }, $ = { class: "container" }, x = { class: "m-intro-summary-text__body" }, w = { class: "m-intro-summary-text__grid" }, B = { class: "m-intro-summary-text__content" }, M = { class: "m-intro-summary-text__title" }, I = /* @__PURE__ */ o({
|
|
78
78
|
__name: "MucIntro",
|
|
79
79
|
props: {
|
|
80
80
|
title: {
|
|
@@ -82,14 +82,14 @@ const f = { class: "m-button m-button--primary m-button--animated-right" }, y =
|
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
84
|
setup(n) {
|
|
85
|
-
return (
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
i(
|
|
85
|
+
return (t, r) => (a(), c("div", v, [
|
|
86
|
+
e("div", $, [
|
|
87
|
+
e("div", x, [
|
|
88
|
+
e("div", w, [
|
|
89
|
+
e("div", B, [
|
|
90
|
+
e("h1", M, d(n.title), 1),
|
|
91
|
+
e("p", null, [
|
|
92
|
+
i(t.$slots, "default")
|
|
93
93
|
])
|
|
94
94
|
])
|
|
95
95
|
])
|
|
@@ -97,13 +97,7 @@ const f = { class: "m-button m-button--primary m-button--animated-right" }, y =
|
|
|
97
97
|
])
|
|
98
98
|
]));
|
|
99
99
|
}
|
|
100
|
-
}),
|
|
101
|
-
install(n) {
|
|
102
|
-
Object.keys(l).forEach((e) => {
|
|
103
|
-
n.component(e, l[e]);
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
};
|
|
100
|
+
}), E = { MucButton: f, MucBanner: b, MucIntro: I };
|
|
107
101
|
export {
|
|
108
|
-
|
|
102
|
+
E as default
|
|
109
103
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,
|
|
1
|
+
(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e["muc-patternlab-vue"]=n(e.Vue))})(this,function(e){"use strict";const n={class:"m-button m-button--primary m-button--animated-right"},a=e.defineComponent({__name:"MucButton",props:{expanded:{type:Boolean,default:!1}},setup(o){return(t,r)=>(e.openBlock(),e.createElementBlock("button",n,[e.renderSlot(t.$slots,"default")]))}}),s=["role","aria-label"],c={class:"container-fluid"},i=e.createElementVNode("svg",{class:"icon"},[e.createElementVNode("use",{href:"#icon-information"})],-1),l=e.defineComponent({__name:"MucBanner",props:{type:{type:String,default:"info"}},setup(o){const t=o,r=e.computed(()=>{switch(t.type){case"info":return"m-banner--info";case"warning":return"m-banner--emergency";case"emergency":return"m-banner--warning";default:return"m-banner--info"}}),y=e.computed(()=>{switch(t.type){case"info":return"dialog";case"warning":return"alert";case"emergency":return"alert";default:return"dialog"}}),h=e.computed(()=>{switch(t.type){case"info":return"Information";case"warning":return"Warnung";case"emergency":return"Emergency";default:return"Information"}});return(g,V)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["m-banner",r.value]),role:y.value,"aria-label":h.value},[e.createElementVNode("div",c,[i,e.createElementVNode("p",null,[e.renderSlot(g.$slots,"default")])])],10,s)])]))}}),d={class:"m-intro m-intro-summary-text"},m={class:"container"},_={class:"m-intro-summary-text__body"},u={class:"m-intro-summary-text__grid"},p={class:"m-intro-summary-text__content"},f={class:"m-intro-summary-text__title"};return{MucButton:a,MucBanner:l,MucIntro:e.defineComponent({__name:"MucIntro",props:{title:{type:String}},setup(o){return(t,r)=>(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",m,[e.createElementVNode("div",_,[e.createElementVNode("div",u,[e.createElementVNode("div",p,[e.createElementVNode("h1",f,e.toDisplayString(o.title),1),e.createElementVNode("p",null,[e.renderSlot(t.$slots,"default")])])])])])]))}})}});
|
package/package.json
CHANGED
|
@@ -3,12 +3,11 @@
|
|
|
3
3
|
"author": "FabianWilms",
|
|
4
4
|
"description": "A vue component library of some of the components available from https://patternlab.muenchen.space",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "1.0.1-beta.
|
|
6
|
+
"version": "1.0.1-beta.3",
|
|
7
7
|
"private": false,
|
|
8
8
|
"type": "module",
|
|
9
9
|
"main": "./dist/mde5-patternlab-vue.umd.cjs",
|
|
10
10
|
"types": "./dist/index.d.ts",
|
|
11
|
-
"module": "./dist/mde5-patternlab-vue.js",
|
|
12
11
|
"repository": {
|
|
13
12
|
"type": "git",
|
|
14
13
|
"url": "https://github.com/it-at-m/muc-patternlab-vue"
|