@phila/phila-ui-callout 0.0.22 → 0.0.23-beta.0
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 +6 -7
- 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,a=o=>"href"in o&&o.href!==void 0||"to"in o&&o.to!==void 0,s=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(()=>a(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:s.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:s.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}));return(o,c)=>a(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:s.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 a=e.useSlots(),s=n,i=t,r=e.computed(()=>l.cn(s.className));return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["callout",r.value])},[e.createElementVNode("div",p,[e.unref(a).default?e.renderSlot(o.$slots,"default",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(s.message),1)],64))]),s.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 a=n.__vccOpts||n;for(const[s,i]of t)a[s]=i;return a},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"], P = /* @__PURE__ */ k({
|
|
4
4
|
inheritAttrs: !1,
|
|
5
5
|
__name: "PhlButton",
|
|
6
6
|
props: {
|
|
@@ -47,8 +47,7 @@ import './index.css';const R = ["disabled"], w = /* @__PURE__ */ k({
|
|
|
47
47
|
iconRight: e.iconRight,
|
|
48
48
|
iconOnly: e.iconOnly,
|
|
49
49
|
text: e.text,
|
|
50
|
-
size: e.size
|
|
51
|
-
shadow: e.iconOnly && e.variant === "standard"
|
|
50
|
+
size: e.size
|
|
52
51
|
})
|
|
53
52
|
);
|
|
54
53
|
return (t, d) => a(e) ? (l(), x(i(L), y({ key: 0 }, { ...n.value, ...t.$attrs }, { role: "button" }), {
|
|
@@ -80,11 +79,11 @@ import './index.css';const R = ["disabled"], w = /* @__PURE__ */ k({
|
|
|
80
79
|
], 16, R));
|
|
81
80
|
}
|
|
82
81
|
});
|
|
83
|
-
var
|
|
82
|
+
var V = {
|
|
84
83
|
prefix: "fas",
|
|
85
84
|
iconName: "xmark",
|
|
86
85
|
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"]
|
|
87
|
-
},
|
|
86
|
+
}, w = V;
|
|
88
87
|
const S = { class: "content" }, T = /* @__PURE__ */ k({
|
|
89
88
|
__name: "Callout",
|
|
90
89
|
props: {
|
|
@@ -105,12 +104,12 @@ const S = { class: "content" }, T = /* @__PURE__ */ k({
|
|
|
105
104
|
p(v(s.message), 1)
|
|
106
105
|
], 64))
|
|
107
106
|
]),
|
|
108
|
-
s.dismissible ? (l(), x(i(
|
|
107
|
+
s.dismissible ? (l(), x(i(P), {
|
|
109
108
|
key: 0,
|
|
110
109
|
variant: "standard",
|
|
111
110
|
size: "extra-small",
|
|
112
111
|
"icon-only": "",
|
|
113
|
-
icon: i(
|
|
112
|
+
icon: i(w),
|
|
114
113
|
"aria-label": "Dismiss",
|
|
115
114
|
onClick: d[0] || (d[0] = D(() => n("dismiss"), ["prevent"]))
|
|
116
115
|
}, 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.
|
|
3
|
+
"version": "0.0.23-beta.0",
|
|
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.3.0",
|
|
34
|
-
"@phila/phila-ui-button": "2.2.0"
|
|
33
|
+
"@phila/phila-ui-core": "2.3.1-beta.0",
|
|
34
|
+
"@phila/phila-ui-button": "2.2.1-beta.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@types/node": "^24.0.0",
|