@sparklingopinions/sparkling-ui 0.13.0 → 0.13.1
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/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.vue.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js +5 -1
- package/dist/components/Skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","names":["_sfc_main","Skeleton_vue_vue_type_script_setup_true_lang_default","Skeleton_default"],"sources":["../../../src/components/Skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface SkeletonProps {\n shape?: 'rectangle' | 'circle'\n /** Width and height together, for a circle or a square. */\n size?: string\n width?: string\n height?: string\n}\n\nconst props = withDefaults(defineProps<SkeletonProps>(), {\n shape: 'rectangle',\n size: undefined,\n width: '100%',\n height: '1rem'\n})\n\nconst style = computed(() => ({ width: props.size ?? props.width, height: props.size ?? props.height }))\n</script>\n\n<template>\n <div\n aria-hidden=\"true\"\n :class=\"[\n 'relative animate-pulse overflow-hidden bg-sui-sunken',\n shape === 'circle' ? 'rounded-full' : 'rounded-md'\n ]\"\n :style=\"style\"\n />\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"Skeleton.js","names":["_sfc_main","Skeleton_vue_vue_type_script_setup_true_lang_default","Skeleton_default"],"sources":["../../../src/components/Skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface SkeletonProps {\n shape?: 'rectangle' | 'circle'\n /** Width and height together, for a circle or a square; it keeps that size in a flex row. */\n size?: string\n width?: string\n height?: string\n}\n\nconst props = withDefaults(defineProps<SkeletonProps>(), {\n shape: 'rectangle',\n size: undefined,\n width: '100%',\n height: '1rem'\n})\n\nconst style = computed(() => ({ width: props.size ?? props.width, height: props.size ?? props.height }))\n</script>\n\n<template>\n <div\n aria-hidden=\"true\"\n :class=\"[\n 'relative animate-pulse overflow-hidden bg-sui-sunken',\n shape === 'circle' ? 'rounded-full' : 'rounded-md',\n size && 'shrink-0'\n ]\"\n :style=\"style\"\n />\n</template>\n"],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export interface SkeletonProps {
|
|
2
2
|
shape?: 'rectangle' | 'circle';
|
|
3
|
-
/** Width and height together, for a circle or a square. */
|
|
3
|
+
/** Width and height together, for a circle or a square; it keeps that size in a flex row. */
|
|
4
4
|
size?: string;
|
|
5
5
|
width?: string;
|
|
6
6
|
height?: string;
|
|
@@ -15,7 +15,11 @@ var o = /*@__PURE__*/ n({
|
|
|
15
15
|
}));
|
|
16
16
|
return (e, o) => (a(), t("div", {
|
|
17
17
|
"aria-hidden": "true",
|
|
18
|
-
class: r([
|
|
18
|
+
class: r([
|
|
19
|
+
"relative animate-pulse overflow-hidden bg-sui-sunken",
|
|
20
|
+
n.shape === "circle" ? "rounded-full" : "rounded-md",
|
|
21
|
+
n.size && "shrink-0"
|
|
22
|
+
]),
|
|
19
23
|
style: i(s.value)
|
|
20
24
|
}, null, 6));
|
|
21
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","Skeleton_vue_vue_type_script_setup_true_lang_default","props","__props","style","computed","openBlock","createElementBlock","normalizeClass","normalizeStyle"],"sources":["../../../src/components/Skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface SkeletonProps {\n shape?: 'rectangle' | 'circle'\n /** Width and height together, for a circle or a square. */\n size?: string\n width?: string\n height?: string\n}\n\nconst props = withDefaults(defineProps<SkeletonProps>(), {\n shape: 'rectangle',\n size: undefined,\n width: '100%',\n height: '1rem'\n})\n\nconst style = computed(() => ({ width: props.size ?? props.width, height: props.size ?? props.height }))\n</script>\n\n<template>\n <div\n aria-hidden=\"true\"\n :class=\"[\n 'relative animate-pulse overflow-hidden bg-sui-sunken',\n shape === 'circle' ? 'rounded-full' : 'rounded-md'\n ]\"\n :style=\"style\"\n />\n</template>\n"],"mappings":";;;;;;;;;;;EAWA,IAAMK,IAAQC,GAORC,IAAQC,SAAgB;GAAE,OAAOH,EAAM,QAAQA,EAAM;GAAO,QAAQA,EAAM,QAAQA,EAAM;EAAO,EAAE;E,kBAIrGL,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","Skeleton_vue_vue_type_script_setup_true_lang_default","props","__props","style","computed","openBlock","createElementBlock","normalizeClass","normalizeStyle"],"sources":["../../../src/components/Skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface SkeletonProps {\n shape?: 'rectangle' | 'circle'\n /** Width and height together, for a circle or a square; it keeps that size in a flex row. */\n size?: string\n width?: string\n height?: string\n}\n\nconst props = withDefaults(defineProps<SkeletonProps>(), {\n shape: 'rectangle',\n size: undefined,\n width: '100%',\n height: '1rem'\n})\n\nconst style = computed(() => ({ width: props.size ?? props.width, height: props.size ?? props.height }))\n</script>\n\n<template>\n <div\n aria-hidden=\"true\"\n :class=\"[\n 'relative animate-pulse overflow-hidden bg-sui-sunken',\n shape === 'circle' ? 'rounded-full' : 'rounded-md',\n size && 'shrink-0'\n ]\"\n :style=\"style\"\n />\n</template>\n"],"mappings":";;;;;;;;;;;EAWA,IAAMK,IAAQC,GAORC,IAAQC,SAAgB;GAAE,OAAOH,EAAM,QAAQA,EAAM;GAAO,QAAQA,EAAM,QAAQA,EAAM;EAAO,EAAE;E,kBAIrGL,EAAA,GAAAC,EAQE,OAAA;GAPA,eAAY;GACX,OAAKC,EAAA;;IAAwEI,EAAA,UAAK,WAAA,iBAAA;IAAqDA,EAAA,QAAI;;GAK3I,OAAKH,EAAEI,EAAA,KAAK"}
|