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

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.
@@ -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(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,6 +1,5 @@
1
- import { Meta, StoryObj } from '@storybook/vue3';
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
2
  import { default as Loader } from './index.vue';
3
-
4
3
  declare const meta: Meta<typeof Loader>;
5
4
  export default meta;
6
5
  type Story = StoryObj<typeof meta>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA+H7B,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAA;AAEjC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAyBnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA"}
1
+ {"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA+H7B,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAA;AAEjC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAyBnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA"}
@@ -1,59 +1,26 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
1
+ /**
2
+ * A loader is a visual indicator used to inform users that a process is in progress, typically during data fetching, page loading, or background operations. It provides feedback that the system is working, helping to manage user expectations and reduce perceived wait time.
3
+ */
4
+ type __VLS_Props = {
2
5
  /**
3
6
  * Specifies the visual appearance of the loader.
4
7
  */
5
- appearance?: "standard" | "accent" | "inverse";
8
+ appearance?: 'standard' | 'accent' | 'inverse';
6
9
  /**
7
10
  * Defines the size of the loader.
8
11
  * @default 'm'
9
12
  * @values 'xs', 's', 'm', 'l'
10
13
  */
11
- size?: "xs" | "s" | "m" | "l";
14
+ size?: 'xs' | 's' | 'm' | 'l';
12
15
  /**
13
16
  * Text to display alongside the loader when using the loader inside an `Overlay`.
14
17
  */
15
18
  text?: string;
16
- }>, {
17
- appearance: string;
18
- size: string;
19
- }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
20
- /**
21
- * Specifies the visual appearance of the loader.
22
- */
23
- appearance?: "standard" | "accent" | "inverse";
24
- /**
25
- * Defines the size of the loader.
26
- * @default 'm'
27
- * @values 'xs', 's', 'm', 'l'
28
- */
29
- size?: "xs" | "s" | "m" | "l";
30
- /**
31
- * Text to display alongside the loader when using the loader inside an `Overlay`.
32
- */
33
- text?: string;
34
- }>, {
35
- appearance: string;
36
- size: string;
37
- }>>> & Readonly<{}>, {
19
+ };
20
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
38
21
  appearance: "standard" | "accent" | "inverse";
39
22
  size: "xs" | "s" | "m" | "l";
40
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
23
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
24
+ declare const _default: typeof __VLS_export;
41
25
  export default _default;
42
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
43
- type __VLS_TypePropsToRuntimeProps<T> = {
44
- [K in keyof T]-?: {} extends Pick<T, K> ? {
45
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
46
- } : {
47
- type: import('vue').PropType<T[K]>;
48
- required: true;
49
- };
50
- };
51
- type __VLS_WithDefaults<P, D> = {
52
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
53
- default: D[K];
54
- }> : P[K];
55
- };
56
- type __VLS_Prettify<T> = {
57
- [K in keyof T]: T[K];
58
- } & {};
59
26
  //# sourceMappingURL=index.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":";IAoMI;;OAEG;iBACU,UAAU,GAAG,QAAQ,GAAG,SAAS;IAE9C;;;;OAIG;WACI,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG;IAE7B;;OAEG;WACI,MAAM;;;;;IAfb;;OAEG;iBACU,UAAU,GAAG,QAAQ,GAAG,SAAS;IAE9C;;;;OAIG;WACI,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG;IAE7B;;OAEG;WACI,MAAM;;;;;gBAZA,UAAU,GAAG,QAAQ,GAAG,SAAS;UAOvC,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG;;AAhBjC,wBAuBG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"AA+MA;;GAEG;AACH,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAA;IAE9C;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC;AAuHJ,QAAA,MAAM,YAAY;gBApID,UAAU,GAAG,QAAQ,GAAG,SAAS;UAOvC,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG;6EAgI/B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */: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
+ :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}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ptlm-azulejo/loader",
3
- "version": "1.1.2-alpha.138",
3
+ "version": "1.1.2-alpha.141",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.cjs",
6
6
  "module": "./dist/index.js",
@@ -30,12 +30,9 @@
30
30
  "@ptlm-azulejo/fonts-adeo": "*",
31
31
  "@ptlm-azulejo/fonts-leroy-merlin": "*",
32
32
  "@ptlm-azulejo/themes": "*",
33
- "@storybook/addon-essentials": "^7.0.0",
34
- "@storybook/addon-interactions": "^7.0.0",
35
- "@storybook/vue3": "^7.0.0",
36
- "@storybook/vue3-vite": "^7.0.0",
33
+ "@storybook/vue3-vite": "^10.5.8",
37
34
  "@tailwindcss/vite": "^4.0.0",
38
- "storybook": "^7.0.0",
35
+ "storybook": "^10.5.8",
39
36
  "tailwindcss": "^4.0.0",
40
37
  "vue": "^3.3.4"
41
38
  },