@ptlm-azulejo/loader 1.1.2-alpha.141 → 1.1.2-alpha.144

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.
Files changed (4) hide show
  1. package/dist/index.js +23 -30
  2. package/dist/index.umd.cjs +1 -1
  3. package/dist/style.css +3 -1
  4. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import { defineComponent as n, computed as s, openBlock as r, createElementBlock as o, normalizeClass as p, createElementVNode as c, toDisplayString as u, createCommentVNode as x } from "vue";
2
- const _ = {
1
+ import { computed as s, createCommentVNode as n, createElementBlock as r, createElementVNode as l, defineComponent as u, normalizeClass as p, openBlock as d, toDisplayString as _ } from "vue";
2
+ var x = {
3
3
  "data-testid": "loader-spinner",
4
4
  class: "az-loader__spinner"
5
- }, z = ["viewBox"], m = ["r"], h = {
5
+ }, v = ["viewBox"], z = ["r"], m = {
6
6
  key: 0,
7
7
  "data-testid": "loader-text",
8
8
  class: "az-loader__text",
9
9
  role: "status"
10
- }, k = /* @__PURE__ */ n({
10
+ }, h = /* @__PURE__ */ u({
11
11
  __name: "index",
12
12
  props: {
13
13
  appearance: { default: "standard" },
@@ -15,11 +15,11 @@ const _ = {
15
15
  text: {}
16
16
  },
17
17
  setup(t) {
18
- const a = t, d = s(() => ({
18
+ const a = t, o = s(() => ({
19
19
  [`az-loader--${a.size}`]: a.size && a.size !== "m",
20
20
  [`az-loader--${a.appearance}`]: a.appearance && a.appearance !== "standard",
21
21
  "az-loader--text-visible": a.text
22
- })), l = s(() => {
22
+ })), c = s(() => {
23
23
  let e;
24
24
  switch (a.size) {
25
25
  case "xs":
@@ -52,31 +52,24 @@ const _ = {
52
52
  }
53
53
  return e;
54
54
  });
55
- return (e, v) => (r(), o("div", {
55
+ return (e, w) => (d(), r("div", {
56
56
  "data-testid": "loader",
57
- class: p(["az-loader", d.value])
58
- }, [
59
- c("span", _, [
60
- (r(), o("svg", {
61
- "data-testid": "loader-icon",
62
- class: "az-loader__icon",
63
- xmlns: "http://www.w3.org/2000/svg",
64
- viewBox: l.value,
65
- "aria-hidden": "true"
66
- }, [
67
- c("circle", {
68
- "data-testid": "loader-path",
69
- class: "az-loader__path",
70
- cx: "50%",
71
- cy: "50%",
72
- r: i.value
73
- }, null, 8, m)
74
- ], 8, z))
75
- ]),
76
- t.text ? (r(), o("p", h, u(t.text), 1)) : x("", !0)
77
- ], 2));
57
+ class: p(["az-loader", o.value])
58
+ }, [l("span", x, [(d(), r("svg", {
59
+ "data-testid": "loader-icon",
60
+ class: "az-loader__icon",
61
+ xmlns: "http://www.w3.org/2000/svg",
62
+ viewBox: c.value,
63
+ "aria-hidden": "true"
64
+ }, [l("circle", {
65
+ "data-testid": "loader-path",
66
+ class: "az-loader__path",
67
+ cx: "50%",
68
+ cy: "50%",
69
+ r: i.value
70
+ }, null, 8, z)], 8, v))]), t.text ? (d(), r("p", m, _(t.text), 1)) : n("", !0)], 2));
78
71
  }
79
- });
72
+ }), b = h;
80
73
  export {
81
- k as AzLoader
74
+ b as AzLoader
82
75
  };
package/dist/index.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.loader={},s.Vue))})(this,(function(s,e){"use strict";const r={"data-testid":"loader-spinner",class:"az-loader__spinner"},n=["viewBox"],d=["r"],c={key:0,"data-testid":"loader-text",class:"az-loader__text",role:"status"},i=e.defineComponent({__name:"index",props:{appearance:{default:"standard"},size:{default:"m"},text:{}},setup(o){const a=o,l=e.computed(()=>({[`az-loader--${a.size}`]:a.size&&a.size!=="m",[`az-loader--${a.appearance}`]:a.appearance&&a.appearance!=="standard","az-loader--text-visible":a.text})),p=e.computed(()=>{let t;switch(a.size){case"xs":t="0 0 20 20";break;case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}),u=e.computed(()=>{let t;switch(a.size){case"xs":t=6;break;case"s":t=6;break;case"l":t=19;break;default:t=9}return t});return(t,m)=>(e.openBlock(),e.createElementBlock("div",{"data-testid":"loader",class:e.normalizeClass(["az-loader",l.value])},[e.createElementVNode("span",r,[(e.openBlock(),e.createElementBlock("svg",{"data-testid":"loader-icon",class:"az-loader__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:p.value,"aria-hidden":"true"},[e.createElementVNode("circle",{"data-testid":"loader-path",class:"az-loader__path",cx:"50%",cy:"50%",r:u.value},null,8,d)],8,n))]),o.text?(e.openBlock(),e.createElementBlock("p",c,e.toDisplayString(o.text),1)):e.createCommentVNode("",!0)],2))}});s.AzLoader=i,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(r,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis!="undefined"?globalThis:r||self,e(r.loader={},r.Vue))})(this,function(r,e){Object.defineProperty(r,Symbol.toStringTag,{value:"Module"});var d={"data-testid":"loader-spinner",class:"az-loader__spinner"},o=["viewBox"],l=["r"],n={key:0,"data-testid":"loader-text",class:"az-loader__text",role:"status"},i=(0,e.defineComponent)({__name:"index",props:{appearance:{default:"standard"},size:{default:"m"},text:{}},setup(s){const t=s,p=(0,e.computed)(()=>({[`az-loader--${t.size}`]:t.size&&t.size!=="m",[`az-loader--${t.appearance}`]:t.appearance&&t.appearance!=="standard","az-loader--text-visible":t.text})),u=(0,e.computed)(()=>{let a;switch(t.size){case"xs":a="0 0 20 20";break;case"s":a="0 0 24 24";break;case"l":a="0 0 64 64";break;default:a="0 0 32 32"}return a}),_=(0,e.computed)(()=>{let a;switch(t.size){case"xs":a=6;break;case"s":a=6;break;case"l":a=19;break;default:a=9}return a});return(a,x)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{"data-testid":"loader",class:(0,e.normalizeClass)(["az-loader",p.value])},[(0,e.createElementVNode)("span",d,[((0,e.openBlock)(),(0,e.createElementBlock)("svg",{"data-testid":"loader-icon",class:"az-loader__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:u.value,"aria-hidden":"true"},[(0,e.createElementVNode)("circle",{"data-testid":"loader-path",class:"az-loader__path",cx:"50%",cy:"50%",r:_.value},null,8,l)],8,o))]),s.text?((0,e.openBlock)(),(0,e.createElementBlock)("p",n,(0,e.toDisplayString)(s.text),1)):(0,e.createCommentVNode)("",!0)],2))}}),c=i;r.AzLoader=c});
package/dist/style.css CHANGED
@@ -1 +1,3 @@
1
- :root{--loader-color-standard:var(--color-text-secondary);--loader-color-accent:var(--color-text-accent);--loader-color-inverse:var(--color-text-primary-inverse)}.az-loader{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif);color:var(--loader-color-standard);flex-direction:column;align-items:center;display:inline-flex}.az-loader__spinner{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8)}.az-loader--xs .az-loader__spinner{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5)}.az-loader--s .az-loader__spinner{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6)}.az-loader--l .az-loader__spinner{height:calc(var(--spacing,.25rem) * 16);width:calc(var(--spacing,.25rem) * 16)}.az-loader__path{stroke-width:4px}.az-loader--xs .az-loader__path{stroke-width:2px}.az-loader--l .az-loader__path{stroke-width:8px}.az-loader__spinner:not(:only-child){margin-bottom:calc(var(--spacing,.25rem) * 4)}.az-loader__icon{transform-origin:50%;animation:2s linear infinite rotate-loader}.az-loader__path{fill:none;stroke:currentColor;stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;animation:2s ease-in-out infinite animate-dash-loader}.az-loader__text{font-size:var(--font-size-05);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));color:currentColor}.az-loader--accent{color:var(--loader-color-accent)}.az-loader--inverse{color:var(--loader-color-inverse)}.az-loader:not(.az-loader--text-visible) .az-loader__text{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes animate-dash-loader{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
+ :root{--loader-color-standard:var(--color-text-secondary);--loader-color-accent:var(--color-text-accent);--loader-color-inverse:var(--color-text-primary-inverse)}.az-loader{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif);color:var(--loader-color-standard);flex-direction:column;align-items:center;display:inline-flex}.az-loader__spinner{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8)}.az-loader--xs .az-loader__spinner{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5)}.az-loader--s .az-loader__spinner{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6)}.az-loader--l .az-loader__spinner{height:calc(var(--spacing,.25rem) * 16);width:calc(var(--spacing,.25rem) * 16)}.az-loader__path{stroke-width:4px}.az-loader--xs .az-loader__path{stroke-width:2px}.az-loader--l .az-loader__path{stroke-width:8px}.az-loader__spinner:not(:only-child){margin-bottom:calc(var(--spacing,.25rem) * 4)}.az-loader__icon{transform-origin:50%;animation:2s linear infinite rotate-loader}.az-loader__path{fill:none;stroke:currentColor;stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;animation:2s ease-in-out infinite animate-dash-loader}.az-loader__text{font-size:var(--font-size-05);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:currentColor}.az-loader--accent{color:var(--loader-color-accent)}.az-loader--inverse{color:var(--loader-color-inverse)}.az-loader:not(.az-loader--text-visible) .az-loader__text{-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes animate-dash-loader{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}
3
+ /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ptlm-azulejo/loader",
3
- "version": "1.1.2-alpha.141",
3
+ "version": "1.1.2-alpha.144",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.cjs",
6
6
  "module": "./dist/index.js",
@@ -31,9 +31,9 @@
31
31
  "@ptlm-azulejo/fonts-leroy-merlin": "*",
32
32
  "@ptlm-azulejo/themes": "*",
33
33
  "@storybook/vue3-vite": "^10.5.8",
34
- "@tailwindcss/vite": "^4.0.0",
34
+ "@tailwindcss/vite": "^4.3.3",
35
35
  "storybook": "^10.5.8",
36
- "tailwindcss": "^4.0.0",
36
+ "tailwindcss": "^4.3.3",
37
37
  "vue": "^3.3.4"
38
38
  },
39
39
  "peerDependencies": {