@phila/phila-ui-callout 0.0.25-beta.2 → 0.0.25-beta.3

package/dist/index.js

@@ -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,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;
+"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},k=y(v,[["__scopeId","data-v-df7d37eb"]]);exports.Callout=k;

package/dist/index.mjs

@@ -1,6 +1,6 @@
-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";
-import { cn as C, BaseLink as L, ActionContent as h } from "@phila/phila-ui-core";
-import './index.css';const R = ["disabled"], P = /* @__PURE__ */ k({
+import { defineComponent as h, 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 C, normalizeClass as z, createElementVNode as B, createCommentVNode as $, Fragment as L, withModifiers as O } from "vue";
+import { cn as N, BaseLink as D, ActionContent as k } from "@phila/phila-ui-core";
+import './index.css';const R = ["disabled"], P = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -22,7 +22,7 @@ import './index.css';const R = ["disabled"], P = /* @__PURE__ */ k({
     svgRaw: {}
   },
   setup(o) {
-    const e = o, a = (t) => "href" in t && t.href !== void 0 || "to" in t && t.to !== void 0, s = c(() => C(
+    const e = o, a = (t) => "href" in t && t.href !== void 0 || "to" in t && t.to !== void 0, s = c(() => N(
       "phila-button",
       `phila-button--${e.variant}`,
       e.size && `is-${e.size}`,
@@ -50,9 +50,9 @@ import './index.css';const R = ["disabled"], P = /* @__PURE__ */ k({
         size: e.size
       })
     );
-    return (t, d) => a(e) ? (l(), x(i(L), y({ key: 0 }, { ...n.value, ...t.$attrs }, { role: "button" }), {
+    return (t, d) => a(e) ? (l(), x(i(D), y({ key: 0 }, { ...n.value, ...t.$attrs }, { role: "button" }), {
       default: u(() => [
-        b(i(h), _(g(r.value)), {
+        b(i(k), _(g(r.value)), {
           default: u(() => [
             f(t.$slots, "default", {}, () => [
               p(v(e.text), 1)
@@ -68,7 +68,7 @@ import './index.css';const R = ["disabled"], P = /* @__PURE__ */ k({
       disabled: e.disabled,
       class: s.value
     }, t.$attrs), [
-      b(i(h), _(g(r.value)), {
+      b(i(k), _(g(r.value)), {
         default: u(() => [
           f(t.$slots, "default", {}, () => [
             p(v(e.text), 1)
@@ -84,7 +84,7 @@ var V = {
   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"]
 }, w = V;
-const S = { class: "content" }, T = /* @__PURE__ */ k({
+const S = { class: "content" }, T = /* @__PURE__ */ h({
   __name: "Callout",
   props: {
     message: { default: "" },
@@ -95,12 +95,12 @@ const S = { class: "content" }, T = /* @__PURE__ */ k({
   },
   emits: ["dismiss"],
   setup(o, { emit: e }) {
-    const a = N(), s = o, n = e, r = c(() => C(s.className));
+    const a = C(), s = o, n = e, r = c(() => N(s.className));
     return (t, d) => (l(), m("div", {
       class: z(["callout", r.value])
     }, [
       B("div", S, [
-        i(a).default ? f(t.$slots, "default", { key: 0 }, void 0, !0) : (l(), m(O, { key: 1 }, [
+        i(a).default ? f(t.$slots, "default", { key: 0 }, void 0, !0) : (l(), m(L, { key: 1 }, [
           p(v(s.message), 1)
         ], 64))
       ]),
@@ -111,7 +111,7 @@ const S = { class: "content" }, T = /* @__PURE__ */ k({
         "icon-only": "",
         icon: i(w),
         "aria-label": "Dismiss",
-        onClick: d[0] || (d[0] = D(() => n("dismiss"), ["prevent"]))
+        onClick: d[0] || (d[0] = O(() => n("dismiss"), ["prevent"]))
       }, null, 8, ["icon"])) : $("", !0)
     ], 2));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phila/phila-ui-callout",
-  "version": "0.0.25-beta.2",
+  "version": "0.0.25-beta.3",
   "type": "module",
   "description": "A vue component for displaying important messages and warnings.",
   "main": "./dist/index.js",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@phila/phila-ui-core": "2.4.0-beta.2",
-    "@phila/phila-ui-button": "2.2.3-beta.2"
+    "@phila/phila-ui-button": "2.2.3-beta.3"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",