@phila/phila-ui-callout 0.0.22-beta.0 → 0.0.22
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.js +1 -1
- package/dist/index.mjs +7 -6
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),l=require("@phila/phila-ui-core"),d=["disabled"],u=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(n){const t=n,
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),l=require("@phila/phila-ui-core"),d=["disabled"],u=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(n){const t=n,s=o=>"href"in o&&o.href!==void 0||"to"in o&&o.to!==void 0,a=e.computed(()=>l.cn("phila-button",`phila-button--${t.variant}`,t.size&&`is-${t.size}`,t.iconOnly&&"icon-button",t.iconOnly&&t.variant==="standard"&&"icon-button--standard",t.className)),i=e.computed(()=>s(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),r=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size,shadow:t.iconOnly&&t.variant==="standard"}));return(o,c)=>s(t)?(e.openBlock(),e.createBlock(e.unref(l.BaseLink),e.mergeProps({key:0},{...i.value,...o.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(l.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},o.$attrs),[e.createVNode(e.unref(l.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,d))}});var m={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},f=m;const p={class:"content"},v=e.defineComponent({__name:"Callout",props:{message:{default:""},type:{default:"info"},icon:{},dismissible:{type:Boolean,default:!1},className:{}},emits:["dismiss"],setup(n,{emit:t}){const s=e.useSlots(),a=n,i=t,r=e.computed(()=>l.cn(a.className));return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["callout",r.value])},[e.createElementVNode("div",p,[e.unref(s).default?e.renderSlot(o.$slots,"default",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(a.message),1)],64))]),a.dismissible?(e.openBlock(),e.createBlock(e.unref(u),{key:0,variant:"standard",size:"extra-small","icon-only":"",icon:e.unref(f),"aria-label":"Dismiss",onClick:c[0]||(c[0]=e.withModifiers(()=>i("dismiss"),["prevent"]))},null,8,["icon"])):e.createCommentVNode("",!0)],2))}}),y=(n,t)=>{const s=n.__vccOpts||n;for(const[a,i]of t)s[a]=i;return s},b=y(v,[["__scopeId","data-v-df7d37eb"]]);exports.Callout=b;
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as k, computed as c, createBlock as x, createElementBlock as m, openBlock as l, unref as i, mergeProps as y, withCtx as u, createVNode as b, normalizeProps as _, guardReactiveProps as g, renderSlot as f, createTextVNode as p, toDisplayString as v, useSlots as N, normalizeClass as z, createElementVNode as B, createCommentVNode as $, Fragment as O, withModifiers as D } from "vue";
|
|
2
2
|
import { cn as C, BaseLink as L, ActionContent as h } from "@phila/phila-ui-core";
|
|
3
|
-
import './index.css';const R = ["disabled"],
|
|
3
|
+
import './index.css';const R = ["disabled"], w = /* @__PURE__ */ k({
|
|
4
4
|
inheritAttrs: !1,
|
|
5
5
|
__name: "PhlButton",
|
|
6
6
|
props: {
|
|
@@ -47,7 +47,8 @@ import './index.css';const R = ["disabled"], P = /* @__PURE__ */ k({
|
|
|
47
47
|
iconRight: e.iconRight,
|
|
48
48
|
iconOnly: e.iconOnly,
|
|
49
49
|
text: e.text,
|
|
50
|
-
size: e.size
|
|
50
|
+
size: e.size,
|
|
51
|
+
shadow: e.iconOnly && e.variant === "standard"
|
|
51
52
|
})
|
|
52
53
|
);
|
|
53
54
|
return (t, d) => a(e) ? (l(), x(i(L), y({ key: 0 }, { ...n.value, ...t.$attrs }, { role: "button" }), {
|
|
@@ -79,11 +80,11 @@ import './index.css';const R = ["disabled"], P = /* @__PURE__ */ k({
|
|
|
79
80
|
], 16, R));
|
|
80
81
|
}
|
|
81
82
|
});
|
|
82
|
-
var
|
|
83
|
+
var P = {
|
|
83
84
|
prefix: "fas",
|
|
84
85
|
iconName: "xmark",
|
|
85
86
|
icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
|
|
86
|
-
},
|
|
87
|
+
}, V = P;
|
|
87
88
|
const S = { class: "content" }, T = /* @__PURE__ */ k({
|
|
88
89
|
__name: "Callout",
|
|
89
90
|
props: {
|
|
@@ -104,12 +105,12 @@ const S = { class: "content" }, T = /* @__PURE__ */ k({
|
|
|
104
105
|
p(v(s.message), 1)
|
|
105
106
|
], 64))
|
|
106
107
|
]),
|
|
107
|
-
s.dismissible ? (l(), x(i(
|
|
108
|
+
s.dismissible ? (l(), x(i(w), {
|
|
108
109
|
key: 0,
|
|
109
110
|
variant: "standard",
|
|
110
111
|
size: "extra-small",
|
|
111
112
|
"icon-only": "",
|
|
112
|
-
icon: i(
|
|
113
|
+
icon: i(V),
|
|
113
114
|
"aria-label": "Dismiss",
|
|
114
115
|
onClick: d[0] || (d[0] = D(() => n("dismiss"), ["prevent"]))
|
|
115
116
|
}, null, 8, ["icon"])) : $("", !0)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phila/phila-ui-callout",
|
|
3
|
-
"version": "0.0.22
|
|
3
|
+
"version": "0.0.22",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A vue component for displaying important messages and warnings.",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"@fortawesome/pro-solid-svg-icons": "^7.1.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@phila/phila-ui-core": "2.
|
|
34
|
-
"@phila/phila-ui-button": "2.
|
|
33
|
+
"@phila/phila-ui-core": "2.3.0",
|
|
34
|
+
"@phila/phila-ui-button": "2.2.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@types/node": "^24.0.0",
|