bonkers-ui 1.0.68 → 1.0.69
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/.eslintrc.js +12 -2
- package/CONSTANTS.d.ts +3 -1
- package/CONSTANTS.d.ts.map +1 -1
- package/_types/colors.d.ts +4 -0
- package/_types/colors.d.ts.map +1 -1
- package/_types/colors.js +1 -1
- package/_types/colors.js.map +1 -1
- package/_types/sizing.d.ts +28 -4
- package/_types/sizing.d.ts.map +1 -1
- package/_types/sizing.js +1 -1
- package/_types/sizing.js.map +1 -1
- package/bonkers-ui.umd.js +7 -7
- package/bonkers-ui.umd.js.map +1 -1
- package/components/ui-alert/index.d.ts +3 -3
- package/components/ui-alert/ui-alert.vue.d.ts +8 -6
- package/components/ui-alert/ui-alert.vue.d.ts.map +1 -1
- package/components/ui-alert/ui-alert.vue.js +3 -3
- package/components/ui-badge/_typings.d.ts +5 -1
- package/components/ui-badge/_typings.d.ts.map +1 -1
- package/components/ui-badge/_typings.js +3 -3
- package/components/ui-badge/_typings.js.map +1 -1
- package/components/ui-badge/index.d.ts +50 -14
- package/components/ui-badge/index.d.ts.map +1 -1
- package/components/ui-badge/ui-badge.vue.d.ts +34 -10
- package/components/ui-badge/ui-badge.vue.d.ts.map +1 -1
- package/components/ui-badge/ui-badge.vue.js +41 -35
- package/components/ui-badge/ui-badge.vue.js.map +1 -1
- package/components/ui-ber-rank/ui-ber-rank.vue.d.ts +2 -2
- package/components/ui-ber-rank/ui-ber-rank.vue.d.ts.map +1 -1
- package/components/ui-button/index.d.ts +3 -3
- package/components/ui-button/ui-button.vue.d.ts +8 -6
- package/components/ui-button/ui-button.vue.d.ts.map +1 -1
- package/components/ui-button/ui-button.vue.js +4 -4
- package/components/ui-button/ui-button.vue.js.map +1 -1
- package/components/ui-card-cta/index.d.ts +3 -3
- package/components/ui-card-cta/ui-card-cta.vue.d.ts +16 -14
- package/components/ui-card-cta/ui-card-cta.vue.d.ts.map +1 -1
- package/components/ui-card-cta/ui-card-cta.vue.js +1 -1
- package/components/ui-card-result/index.d.ts +3 -3
- package/components/ui-card-result/ui-card-result.vue.d.ts +16 -14
- package/components/ui-card-result/ui-card-result.vue.d.ts.map +1 -1
- package/components/ui-card-result/ui-card-result.vue.js +4 -4
- package/components/ui-card-result/ui-card-result.vue2.js +14 -14
- package/components/ui-card-simple/_typings.d.ts +5 -0
- package/components/ui-card-simple/_typings.d.ts.map +1 -0
- package/components/ui-card-simple/index.d.ts +3 -3
- package/components/ui-card-simple/ui-card-simple.vue.d.ts +4 -2
- package/components/ui-card-simple/ui-card-simple.vue.d.ts.map +1 -1
- package/components/ui-card-simple/ui-card-simple.vue.js +7 -8
- package/components/ui-card-simple/ui-card-simple.vue.js.map +1 -1
- package/components/ui-checkbox/index.d.ts +3 -3
- package/components/ui-checkbox/ui-checkbox.vue.d.ts +14 -12
- package/components/ui-checkbox/ui-checkbox.vue.d.ts.map +1 -1
- package/components/ui-dropdown/index.d.ts +3 -3
- package/components/ui-dropdown/ui-dropdown.vue.d.ts +14 -12
- package/components/ui-dropdown/ui-dropdown.vue.d.ts.map +1 -1
- package/components/ui-dropdown/ui-dropdown.vue.js +4 -4
- package/components/ui-dropdown/ui-dropdown.vue.js.map +1 -1
- package/components/ui-icon/ui-icon.vue.d.ts +2 -2
- package/components/ui-icon/ui-icon.vue.d.ts.map +1 -1
- package/components/ui-icon/ui-icon.vue.js +19 -15
- package/components/ui-icon/ui-icon.vue.js.map +1 -1
- package/components/ui-icon-wrapper/index.d.ts +3 -3
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue.d.ts +6 -4
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue.d.ts.map +1 -1
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue.js +2 -2
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue2.js +2 -2
- package/components/ui-input/index.d.ts +3 -3
- package/components/ui-input/ui-input.vue.d.ts +33 -31
- package/components/ui-input/ui-input.vue.d.ts.map +1 -1
- package/components/ui-input/ui-input.vue.js +3 -3
- package/components/ui-input/ui-input.vue.js.map +1 -1
- package/components/ui-input-range/ui-input-range.vue.d.ts.map +1 -1
- package/components/ui-input-range/ui-input-range.vue.js +2 -2
- package/components/ui-input-range/ui-input-range.vue2.js +11 -11
- package/components/ui-input-range/ui-input-range.vue2.js.map +1 -1
- package/components/ui-list-item/index.d.ts +7 -7
- package/components/ui-list-item/ui-list-item.vue.d.ts +21 -19
- package/components/ui-list-item/ui-list-item.vue.d.ts.map +1 -1
- package/components/ui-list-item/ui-list-item.vue.js +6 -6
- package/components/ui-modal/index.d.ts +3 -3
- package/components/ui-modal/ui-backdrop/index.d.ts +3 -3
- package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts +4 -2
- package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts.map +1 -1
- package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js +6 -6
- package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js.map +1 -1
- package/components/ui-modal/ui-modal.vue.d.ts +13 -11
- package/components/ui-modal/ui-modal.vue.d.ts.map +1 -1
- package/components/ui-modal/ui-modal.vue.js +2 -2
- package/components/ui-modal/ui-modal.vue2.js +20 -24
- package/components/ui-modal/ui-modal.vue2.js.map +1 -1
- package/components/ui-notification-badge/index.d.ts +3 -3
- package/components/ui-notification-badge/ui-notification-badge.vue.d.ts +8 -6
- package/components/ui-notification-badge/ui-notification-badge.vue.d.ts.map +1 -1
- package/components/ui-notification-badge/ui-notification-badge.vue.js +1 -1
- package/components/ui-order-card/index.d.ts +3 -3
- package/components/ui-order-card/ui-order-card.vue.d.ts +10 -8
- package/components/ui-order-card/ui-order-card.vue.d.ts.map +1 -1
- package/components/ui-order-card/ui-order-card.vue.js +4 -4
- package/components/ui-order-card/ui-order-card.vue.js.map +1 -1
- package/components/ui-plain-radio/index.d.ts +3 -3
- package/components/ui-plain-radio/ui-plain-radio.vue.d.ts +13 -11
- package/components/ui-plain-radio/ui-plain-radio.vue.d.ts.map +1 -1
- package/components/ui-plain-radio/ui-plain-radio.vue.js +5 -5
- package/components/ui-plain-radio/ui-plain-radio.vue.js.map +1 -1
- package/components/ui-product-card/index.d.ts +4 -0
- package/components/ui-product-card/index.d.ts.map +1 -0
- package/components/ui-progress/index.d.ts +9 -0
- package/components/ui-progress/index.d.ts.map +1 -1
- package/components/ui-progress/ui-progress.vue.d.ts +5 -0
- package/components/ui-progress/ui-progress.vue.d.ts.map +1 -1
- package/components/ui-progress/ui-progress.vue.js +29 -13
- package/components/ui-progress/ui-progress.vue.js.map +1 -1
- package/components/ui-radio/index.d.ts +3 -3
- package/components/ui-radio/ui-radio.vue.d.ts +12 -10
- package/components/ui-radio/ui-radio.vue.d.ts.map +1 -1
- package/components/ui-radio/ui-radio.vue.js +2 -2
- package/components/ui-radio/ui-radio.vue2.js +9 -9
- package/components/ui-radio/ui-radio.vue2.js.map +1 -1
- package/components/ui-radio-compact/index.d.ts +3 -3
- package/components/ui-radio-compact/ui-radio-compact.vue.d.ts +8 -6
- package/components/ui-radio-compact/ui-radio-compact.vue.d.ts.map +1 -1
- package/components/ui-radio-compact/ui-radio-compact.vue.js +5 -5
- package/components/ui-radio-compact/ui-radio-compact.vue.js.map +1 -1
- package/components/ui-radio-fancy/index.d.ts +3 -3
- package/components/ui-radio-fancy/ui-radio-fancy.vue.d.ts +12 -10
- package/components/ui-radio-fancy/ui-radio-fancy.vue.d.ts.map +1 -1
- package/components/ui-radio-fancy/ui-radio-fancy.vue.js +20 -20
- package/components/ui-radio-fancy/ui-radio-fancy.vue.js.map +1 -1
- package/components/ui-result-card-range/index.d.ts +3 -3
- package/components/ui-result-card-range/ui-result-card-range.vue.d.ts +10 -8
- package/components/ui-result-card-range/ui-result-card-range.vue.d.ts.map +1 -1
- package/components/ui-result-card-range/ui-result-card-range.vue.js +2 -2
- package/components/ui-ripple/index.d.ts +3 -3
- package/components/ui-ripple/ui-ripple.vue.d.ts +4 -2
- package/components/ui-ripple/ui-ripple.vue.d.ts.map +1 -1
- package/components/ui-select/index.d.ts +3 -3
- package/components/ui-select/ui-select.vue.d.ts +15 -13
- package/components/ui-select/ui-select.vue.d.ts.map +1 -1
- package/components/ui-select/ui-select.vue.js +5 -5
- package/components/ui-select/ui-select.vue.js.map +1 -1
- package/components/ui-skeleton/ui-skeleton.vue.d.ts +2 -2
- package/components/ui-skeleton/ui-skeleton.vue.d.ts.map +1 -1
- package/components/ui-skeleton/ui-skeleton.vue.js +26 -28
- package/components/ui-skeleton/ui-skeleton.vue.js.map +1 -1
- package/components/ui-snackbar/index.d.ts +3 -3
- package/components/ui-snackbar/ui-snackbar.vue.d.ts +10 -8
- package/components/ui-snackbar/ui-snackbar.vue.d.ts.map +1 -1
- package/components/ui-snackbar/ui-snackbar.vue.js +2 -2
- package/components/ui-table/index.d.ts +3 -3
- package/components/ui-table/ui-table-cell/index.d.ts +3 -3
- package/components/ui-table/ui-table-cell/ui-table-cell.vue.d.ts +10 -8
- package/components/ui-table/ui-table-cell/ui-table-cell.vue.d.ts.map +1 -1
- package/components/ui-table/ui-table-cell/ui-table-cell.vue.js +1 -1
- package/components/ui-table/ui-table-row/index.d.ts +3 -3
- package/components/ui-table/ui-table-row/ui-table-row.vue.d.ts +8 -6
- package/components/ui-table/ui-table-row/ui-table-row.vue.d.ts.map +1 -1
- package/components/ui-table/ui-table-row/ui-table-row.vue.js +3 -3
- package/components/ui-table/ui-table.vue.d.ts +8 -6
- package/components/ui-table/ui-table.vue.d.ts.map +1 -1
- package/components/ui-table/ui-table.vue.js +4 -4
- package/components/ui-table/ui-table.vue2.js +1 -1
- package/components/ui-tabs/ui-tabs.vue.d.ts +2 -2
- package/components/ui-tabs/ui-tabs.vue.d.ts.map +1 -1
- package/components/ui-tabs/ui-tabs.vue.js +3 -3
- package/components/ui-tabs/ui-tabs.vue2.js +6 -6
- package/components/ui-tabs/ui-tabs.vue2.js.map +1 -1
- package/components/ui-toggle/index.d.ts +3 -3
- package/components/ui-toggle/ui-toggle.vue.d.ts +19 -17
- package/components/ui-toggle/ui-toggle.vue.d.ts.map +1 -1
- package/components/ui-toggle/ui-toggle.vue.js +3 -3
- package/components/ui-toggle/ui-toggle.vue2.js +8 -8
- package/components/ui-toggle/ui-toggle.vue2.js.map +1 -1
- package/components/ui-typography/index.d.ts +3 -3
- package/components/ui-typography/ui-typography.vue.d.ts +22 -20
- package/components/ui-typography/ui-typography.vue.d.ts.map +1 -1
- package/components/ui-typography/ui-typography.vue.js +7 -3
- package/components/ui-typography/ui-typography.vue.js.map +1 -1
- package/components/ui-verification-input/index.d.ts +3 -3
- package/components/ui-verification-input/ui-verification-input.vue.d.ts +6 -4
- package/components/ui-verification-input/ui-verification-input.vue.d.ts.map +1 -1
- package/index.js +48 -48
- package/package.json +26 -25
- package/plugin.ts +17 -9
- package/src/_styles/_colors.json +5 -1
- package/src/_styles/_spacing.json +7 -3
- package/tailwind.config.ts +1 -1
- package/types.js +56 -55
- package/types.js.map +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as p, computed as n, openBlock as b, createElementBlock as u, withDirectives as m, createElementVNode as a, vModelRadio as f, createVNode as
|
|
1
|
+
import { defineComponent as p, computed as n, openBlock as b, createElementBlock as u, withDirectives as m, createElementVNode as a, vModelRadio as f, createVNode as x, unref as o, withCtx as h, renderSlot as v } from "vue";
|
|
2
2
|
import g from "../ui-typography/index.js";
|
|
3
3
|
import { ETypographySizes as y, ETextAlign as k } from "../ui-typography/_typings.js";
|
|
4
|
-
const _ = { class: "ui-radio-compact relative" }, w = ["name", "value", "disabled"], V = { class: "ui-radio-compact_content box-border grid cursor-pointer items-center justify-items-center rounded-
|
|
4
|
+
const _ = { class: "ui-radio-compact relative" }, w = ["name", "value", "disabled"], V = { class: "ui-radio-compact_content box-border grid cursor-pointer items-center justify-items-center rounded-lg border border-secondary-alt-500 bg-white before:absolute before:-z-10 before:box-border before:rounded-2xl before:bg-primary-300 hover:border-secondary-alt-700 peer-checked:border-transparent peer-checked:shadow-selected-shadow peer-checked:hover:shadow-border-selected peer-checked:active:shadow-border-primary peer-checked:active:before:-bottom-xxs peer-checked:active:before:-left-xxs peer-checked:active:before:-right-xxs peer-checked:active:before:-top-xxs peer-focus:before:-bottom-xxs peer-focus:before:-left-xxs peer-focus:before:-right-xxs peer-focus:before:-top-xxs peer-active:before:-bottom-xxxs peer-active:before:-left-xxxs peer-active:before:-right-xxxs peer-active:before:-top-xxxs" }, z = /* @__PURE__ */ p({
|
|
5
5
|
__name: "ui-radio-compact",
|
|
6
6
|
props: {
|
|
7
7
|
modelValue: { type: [String, Number, Boolean] },
|
|
@@ -31,14 +31,14 @@ const _ = { class: "ui-radio-compact relative" }, w = ["name", "value", "disable
|
|
|
31
31
|
[f, r.value]
|
|
32
32
|
]),
|
|
33
33
|
a("div", V, [
|
|
34
|
-
|
|
34
|
+
x(o(g), {
|
|
35
35
|
class: "px-md py-sm",
|
|
36
36
|
size: o(y).MD,
|
|
37
37
|
"line-height": "",
|
|
38
38
|
align: o(k).CENTER
|
|
39
39
|
}, {
|
|
40
|
-
default:
|
|
41
|
-
|
|
40
|
+
default: h(() => [
|
|
41
|
+
v(e.$slots, "default")
|
|
42
42
|
]),
|
|
43
43
|
_: 3
|
|
44
44
|
}, 8, ["size", "align"])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-radio-compact.vue.js","sources":["../../../src/components/ui-radio-compact/ui-radio-compact.vue"],"sourcesContent":["<template>\n\t<label\n\t\tclass=\"
|
|
1
|
+
{"version":3,"file":"ui-radio-compact.vue.js","sources":["../../../src/components/ui-radio-compact/ui-radio-compact.vue"],"sourcesContent":["<template>\n\t<label\n\t\tclass=\"ui-radio-compact relative\"\n\t>\n\t\t<input\n\t\t\tv-model=\"radioModel\"\n\t\t\ttype=\"radio\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\tclass=\"group peer absolute appearance-none\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-radio-compact_content\n\t\t\t\tbox-border\n\t\t\t\tgrid\n\t\t\t\tcursor-pointer\n\t\t\t\titems-center\n\t\t\t\tjustify-items-center\n\t\t\t\trounded-lg\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\tbg-white\n\t\t\t\tbefore:absolute\n\t\t\t\tbefore:-z-10\n\t\t\t\tbefore:box-border\n\t\t\t\tbefore:rounded-2xl\n\t\t\t\tbefore:bg-primary-300\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\tpeer-checked:border-transparent\n\t\t\t\tpeer-checked:shadow-selected-shadow\n\t\t\t\tpeer-checked:hover:shadow-border-selected\n\t\t\t\tpeer-checked:active:shadow-border-primary\n\t\t\t\tpeer-checked:active:before:-bottom-xxs\n\t\t\t\tpeer-checked:active:before:-left-xxs\n\t\t\t\tpeer-checked:active:before:-right-xxs\n\t\t\t\tpeer-checked:active:before:-top-xxs\n\t\t\t\tpeer-focus:before:-bottom-xxs\n\t\t\t\tpeer-focus:before:-left-xxs\n\t\t\t\tpeer-focus:before:-right-xxs\n\t\t\t\tpeer-focus:before:-top-xxs\n\t\t\t\tpeer-active:before:-bottom-xxxs\n\t\t\t\tpeer-active:before:-left-xxxs\n\t\t\t\tpeer-active:before:-right-xxxs\n\t\t\t\tpeer-active:before:-top-xxxs\n\t\t\t\t\"\n\t\t>\n\n\t\t\t<ui-typography\n\t\t\t\tclass=\"px-md py-sm\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</ui-typography>\n\n\t\t</div>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextAlign } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string | number | boolean;\n\t\tname: string;\n\t\tvalue: string | number | boolean;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n"],"names":["props","__props","emit","__emit","radioModel","computed","value"],"mappings":";;;;;;;;;;;;;AAkEC,UAAMA,IAAQC,GAORC,IAAOC,GAEPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -102,9 +102,9 @@ declare const deprecatedDefault: {
|
|
|
102
102
|
iconName: TIconName;
|
|
103
103
|
radioSize: ERadioSizes;
|
|
104
104
|
}>;
|
|
105
|
-
__isFragment?:
|
|
106
|
-
__isTeleport?:
|
|
107
|
-
__isSuspense?:
|
|
105
|
+
__isFragment?: never;
|
|
106
|
+
__isTeleport?: never;
|
|
107
|
+
__isSuspense?: never;
|
|
108
108
|
} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
|
|
109
109
|
iconName: {
|
|
110
110
|
type: PropType<TIconName>;
|
|
@@ -2,13 +2,16 @@ import { TIconName } from '../ui-icon';
|
|
|
2
2
|
import { ERadioSizes } from './_typings';
|
|
3
3
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
4
4
|
|
|
5
|
-
declare
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
6
9
|
modelValue: string | number | boolean;
|
|
7
10
|
name: string;
|
|
8
11
|
value: string | number | boolean;
|
|
9
|
-
iconName?: TIconName
|
|
10
|
-
disabled?: boolean
|
|
11
|
-
radioSize?: ERadioSizes
|
|
12
|
+
iconName?: TIconName;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
radioSize?: ERadioSizes;
|
|
12
15
|
}>, {
|
|
13
16
|
radioSize: ERadioSizes;
|
|
14
17
|
iconName: undefined;
|
|
@@ -18,9 +21,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
18
21
|
modelValue: string | number | boolean;
|
|
19
22
|
name: string;
|
|
20
23
|
value: string | number | boolean;
|
|
21
|
-
iconName?: TIconName
|
|
22
|
-
disabled?: boolean
|
|
23
|
-
radioSize?: ERadioSizes
|
|
24
|
+
iconName?: TIconName;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
radioSize?: ERadioSizes;
|
|
24
27
|
}>, {
|
|
25
28
|
radioSize: ERadioSizes;
|
|
26
29
|
iconName: undefined;
|
|
@@ -29,9 +32,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
|
|
|
29
32
|
}, {
|
|
30
33
|
iconName: TIconName;
|
|
31
34
|
radioSize: ERadioSizes;
|
|
32
|
-
}, {}
|
|
33
|
-
|
|
34
|
-
}>;
|
|
35
|
+
}, {}>;
|
|
36
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
35
37
|
export default _default;
|
|
36
38
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
37
39
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-radio-fancy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-radio-fancy/ui-radio-fancy.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ui-radio-fancy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-radio-fancy/ui-radio-fancy.vue"],"names":[],"mappings":"AA4FA;AAIC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAiC1C,iBAAS,cAAc;qBAwJO,GAAG;EAKhC;AAuBD,QAAA,MAAM,eAAe;gBAMP,MAAM,GAAG,MAAM,GAAG,OAAO;UAC/B,MAAM;WACL,MAAM,GAAG,MAAM,GAAG,OAAO;eACrB,SAAS;eACT,OAAO;gBACN,WAAW;;;;;;;gBALX,MAAM,GAAG,MAAM,GAAG,OAAO;UAC/B,MAAM;WACL,MAAM,GAAG,MAAM,GAAG,OAAO;eACrB,SAAS;eACT,OAAO;gBACN,WAAW;;;;;;;cAFZ,SAAS;eAER,WAAW;MAGvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,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;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as h, computed as y, openBlock as a, createElementBlock as d, normalizeClass as i, withDirectives as z, createElementVNode as n, vModelRadio as k, unref as o, createVNode as s, createCommentVNode as g, withCtx as
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent as h, computed as y, openBlock as a, createElementBlock as d, normalizeClass as i, withDirectives as z, createElementVNode as n, vModelRadio as k, unref as o, createVNode as s, createCommentVNode as g, withCtx as x, renderSlot as S } from "vue";
|
|
2
|
+
import N from "../ui-typography/index.js";
|
|
3
3
|
import { ESize as p } from "../../_types/sizing.js";
|
|
4
|
-
import { EColors as
|
|
4
|
+
import { EColors as V } from "../../_types/colors.js";
|
|
5
5
|
import { ERadioSizes as r } from "./_typings.js";
|
|
6
6
|
import m from "../ui-icon/index.js";
|
|
7
|
-
import { ETypographySizes as
|
|
8
|
-
const
|
|
7
|
+
import { ETypographySizes as M } from "../ui-typography/_typings.js";
|
|
8
|
+
const C = ["name", "value", "disabled"], w = { key: 0 }, E = { key: 1 }, D = { key: 2 }, U = /* @__PURE__ */ h({
|
|
9
9
|
__name: "ui-radio-fancy",
|
|
10
10
|
props: {
|
|
11
11
|
modelValue: { type: [String, Number, Boolean] },
|
|
@@ -17,7 +17,7 @@ const w = ["name", "value", "disabled"], E = { key: 0 }, D = { key: 1 }, x = { k
|
|
|
17
17
|
},
|
|
18
18
|
emits: ["update:modelValue"],
|
|
19
19
|
setup(c, { emit: u }) {
|
|
20
|
-
const b = c, f = u,
|
|
20
|
+
const b = c, f = u, l = y({
|
|
21
21
|
get() {
|
|
22
22
|
return b.modelValue;
|
|
23
23
|
},
|
|
@@ -25,27 +25,27 @@ const w = ["name", "value", "disabled"], E = { key: 0 }, D = { key: 1 }, x = { k
|
|
|
25
25
|
f("update:modelValue", e);
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
return (e,
|
|
28
|
+
return (e, t) => (a(), d("label", {
|
|
29
29
|
class: i(["ui-radio-fancy relative", e.disabled && "pointer-events-none"])
|
|
30
30
|
}, [
|
|
31
31
|
z(n("input", {
|
|
32
|
-
"onUpdate:modelValue":
|
|
32
|
+
"onUpdate:modelValue": t[0] || (t[0] = (v) => l.value = v),
|
|
33
33
|
type: "radio",
|
|
34
34
|
name: e.name,
|
|
35
35
|
value: e.value,
|
|
36
36
|
class: "group peer absolute appearance-none",
|
|
37
37
|
disabled: e.disabled
|
|
38
|
-
}, null, 8,
|
|
39
|
-
[k,
|
|
38
|
+
}, null, 8, C), [
|
|
39
|
+
[k, l.value]
|
|
40
40
|
]),
|
|
41
41
|
n("div", {
|
|
42
|
-
class: i(["ui-radio-fancy__content box-border size-full cursor-pointer rounded-
|
|
42
|
+
class: i(["ui-radio-fancy__content box-border size-full cursor-pointer rounded-lg border border-secondary-alt-500 bg-white p-sm before:absolute before:-z-10 before:box-border before:rounded-2xl before:bg-primary-300 hover:border-secondary-alt-700 peer-checked:border-transparent peer-checked:shadow-selected-shadow peer-checked:hover:shadow-border-selected peer-checked:active:shadow-border-primary peer-checked:active:before:-bottom-xxs peer-checked:active:before:-left-xxs peer-checked:active:before:-right-xxs peer-checked:active:before:-top-xxs peer-focus:before:-bottom-xxs peer-focus:before:-left-xxs peer-focus:before:-right-xxs peer-focus:before:-top-xxs peer-active:before:-bottom-xxs peer-active:before:-left-xxs peer-active:before:-right-xxs peer-active:before:-top-xxs", [
|
|
43
43
|
e.disabled && "pointer-events-none border-secondary-alt-400 peer-checked:shadow-border-primary-disabled",
|
|
44
44
|
e.radioSize === o(r).MINIMAL && "flex gap-sm align-middle",
|
|
45
45
|
e.radioSize === o(r).COMPACT && "grid cursor-pointer grid-flow-col px-md"
|
|
46
46
|
]])
|
|
47
47
|
}, [
|
|
48
|
-
e.radioSize === o(r).DEFAULT && e.iconName ? (a(), d("div",
|
|
48
|
+
e.radioSize === o(r).DEFAULT && e.iconName ? (a(), d("div", w, [
|
|
49
49
|
s(o(m), {
|
|
50
50
|
"icon-name": e.iconName,
|
|
51
51
|
size: o(p).MD,
|
|
@@ -55,7 +55,7 @@ const w = ["name", "value", "disabled"], E = { key: 0 }, D = { key: 1 }, x = { k
|
|
|
55
55
|
e.disabled && e.value === e.modelValue && "text-primary-300"
|
|
56
56
|
]])
|
|
57
57
|
}, null, 8, ["icon-name", "size", "class"])
|
|
58
|
-
])) : e.radioSize === o(r).MINIMAL && e.iconName ? (a(), d("div",
|
|
58
|
+
])) : e.radioSize === o(r).MINIMAL && e.iconName ? (a(), d("div", E, [
|
|
59
59
|
s(o(m), {
|
|
60
60
|
"icon-name": e.iconName,
|
|
61
61
|
size: o(p).MD,
|
|
@@ -65,14 +65,14 @@ const w = ["name", "value", "disabled"], E = { key: 0 }, D = { key: 1 }, x = { k
|
|
|
65
65
|
e.disabled && e.value === e.modelValue && "text-primary-300"
|
|
66
66
|
])
|
|
67
67
|
}, null, 8, ["icon-name", "size", "class"])
|
|
68
|
-
])) : e.radioSize === o(r).COMPACT ? (a(), d("div",
|
|
69
|
-
s(o(
|
|
70
|
-
size: o(
|
|
71
|
-
kind: o(
|
|
72
|
-
class: "pt-
|
|
68
|
+
])) : e.radioSize === o(r).COMPACT ? (a(), d("div", D)) : g("", !0),
|
|
69
|
+
s(o(N), {
|
|
70
|
+
size: o(M).SM,
|
|
71
|
+
kind: o(V).SECONDARY,
|
|
72
|
+
class: "pt-xxxs"
|
|
73
73
|
}, {
|
|
74
|
-
default:
|
|
75
|
-
|
|
74
|
+
default: x(() => [
|
|
75
|
+
S(e.$slots, "default")
|
|
76
76
|
]),
|
|
77
77
|
_: 3
|
|
78
78
|
}, 8, ["size", "kind"])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-radio-fancy.vue.js","sources":["../../../src/components/ui-radio-fancy/ui-radio-fancy.vue"],"sourcesContent":["<template>\n\t<label\n\t\tclass=\"
|
|
1
|
+
{"version":3,"file":"ui-radio-fancy.vue.js","sources":["../../../src/components/ui-radio-fancy/ui-radio-fancy.vue"],"sourcesContent":["<template>\n\t<label\n\t\tclass=\"ui-radio-fancy relative\"\n\t\t:class=\"disabled && 'pointer-events-none'\"\n\t>\n\t\t<input\n\t\t\tv-model=\"radioModel\"\n\t\t\ttype=\"radio\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\tclass=\"group peer absolute appearance-none\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-radio-fancy__content\n\t\t\t\tbox-border\n\t\t\t\tsize-full\n\t\t\t\tcursor-pointer\n\t\t\t\trounded-lg\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\tbg-white\n\t\t\t\tp-sm\n\t\t\t\tbefore:absolute\n\t\t\t\tbefore:-z-10\n\t\t\t\tbefore:box-border\n\t\t\t\tbefore:rounded-2xl\n\t\t\t\tbefore:bg-primary-300\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\tpeer-checked:border-transparent\n\t\t\t\tpeer-checked:shadow-selected-shadow\n\t\t\t\tpeer-checked:hover:shadow-border-selected\n\t\t\t\tpeer-checked:active:shadow-border-primary\n\t\t\t\tpeer-checked:active:before:-bottom-xxs\n\t\t\t\tpeer-checked:active:before:-left-xxs\n\t\t\t\tpeer-checked:active:before:-right-xxs\n\t\t\t\tpeer-checked:active:before:-top-xxs\n\t\t\t\tpeer-focus:before:-bottom-xxs\n\t\t\t\tpeer-focus:before:-left-xxs\n\t\t\t\tpeer-focus:before:-right-xxs\n\t\t\t\tpeer-focus:before:-top-xxs\n\t\t\t\tpeer-active:before:-bottom-xxs\n\t\t\t\tpeer-active:before:-left-xxs\n\t\t\t\tpeer-active:before:-right-xxs\n\t\t\t\tpeer-active:before:-top-xxs\n\t\t\t\t\"\n\t\t\t:class=\"[\n\t\t\t\tdisabled\n\t\t\t\t\t&& 'pointer-events-none border-secondary-alt-400 peer-checked:shadow-border-primary-disabled',\n\t\t\t\tradioSize === ERadioSizes.MINIMAL && 'flex gap-sm align-middle',\n\t\t\t\tradioSize === ERadioSizes.COMPACT && 'grid cursor-pointer grid-flow-col px-md'\n\n\t\t\t]\"\n\t\t>\n\t\t\t<div\n\t\t\t\tv-if=\"radioSize === ERadioSizes.DEFAULT && iconName\"\n\t\t\t>\n\t\t\t\t<ui-icon\n\t\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t\t:size=\"ESize.MD\"\n\t\t\t\t\tclass=\"mb-md peer-checked:text-primary-500\"\n\t\t\t\t\t:class=\"[value === modelValue && 'text-primary',\n\t\t\t\t\t\tdisabled && 'text-secondary-alt-400',\n\t\t\t\t\t\tdisabled && value === modelValue && 'text-primary-300'\n\t\t\t\t\t]\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div v-else-if=\"radioSize === ERadioSizes.MINIMAL && iconName\">\n\t\t\t\t<ui-icon\n\t\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t\t:size=\"ESize.MD\"\n\t\t\t\t\t:class=\"[value === modelValue && 'text-primary',\n\t\t\t\t\t\tdisabled && 'text-secondary-alt-400',\n\t\t\t\t\t\tdisabled && value === modelValue && 'text-primary-300'\n\t\t\t\t\t]\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tv-else-if=\"radioSize === ERadioSizes.COMPACT\"\n\t\t\t/>\n\t\t\t<ui-typography\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY\"\n\t\t\t\tclass=\"pt-xxxs\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</ui-typography>\n\t\t</div>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes } from \"../ui-typography\";\n\timport type { TIconName } from \"../ui-icon\";\n\timport { ESize } from \"../../_types/sizing\";\n\timport { EColors } from \"../../_types/colors\";\n\timport { ERadioSizes } from \"./_typings\";\n\timport uiIcon from \"../ui-icon\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tmodelValue: string | number | boolean;\n\t\tname: string;\n\t\tvalue: string | number | boolean;\n\t\ticonName?: TIconName;\n\t\tdisabled?: boolean;\n\t\tradioSize?: ERadioSizes;\n\t}>(), {\n\t\tradioSize: ERadioSizes.DEFAULT,\n\t\ticonName: undefined\n\t});\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n"],"names":["props","__props","emit","__emit","radioModel","computed","value"],"mappings":";;;;;;;;;;;;;;;;;;;AAsGC,UAAMA,IAAQC,GAWRC,IAAOC,GACPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -36,9 +36,9 @@ declare const deprecatedDefault: {
|
|
|
36
36
|
type: PropType<string>;
|
|
37
37
|
};
|
|
38
38
|
}>>, {}, {}, {}, {}, {}>;
|
|
39
|
-
__isFragment?:
|
|
40
|
-
__isTeleport?:
|
|
41
|
-
__isSuspense?:
|
|
39
|
+
__isFragment?: never;
|
|
40
|
+
__isTeleport?: never;
|
|
41
|
+
__isSuspense?: never;
|
|
42
42
|
} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
|
|
43
43
|
iconName: {
|
|
44
44
|
type: PropType<TIconName>;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { TIconName } from '../ui-icon';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
3
3
|
|
|
4
|
-
declare
|
|
5
|
-
iconName?: TIconName | undefined;
|
|
6
|
-
title?: string | undefined;
|
|
7
|
-
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
8
|
-
iconName?: TIconName | undefined;
|
|
9
|
-
title?: string | undefined;
|
|
10
|
-
}>>>, {}, {}>, {
|
|
4
|
+
declare function __VLS_template(): {
|
|
11
5
|
default?(_: {}): any;
|
|
12
|
-
}
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
8
|
+
iconName?: TIconName;
|
|
9
|
+
title?: string;
|
|
10
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
11
|
+
iconName?: TIconName;
|
|
12
|
+
title?: string;
|
|
13
|
+
}>>>, {}, {}>;
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
13
15
|
export default _default;
|
|
14
16
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
17
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-result-card-range.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-result-card-range/ui-result-card-range.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ui-result-card-range.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-result-card-range/ui-result-card-range.vue"],"names":[],"mappings":"AAmCA;AAEC,OAAe,EAAS,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAc5D,iBAAS,cAAc;qBAyEO,GAAG;EAGhC;AAiBD,QAAA,MAAM,eAAe;eAMR,SAAS;YACZ,MAAM;;eADH,SAAS;YACZ,MAAM;aAEd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,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,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -10,7 +10,7 @@ const E = { class: "ui-result-card-range flex w-full flex-col items-center round
|
|
|
10
10
|
title: {}
|
|
11
11
|
},
|
|
12
12
|
setup(h) {
|
|
13
|
-
return (t,
|
|
13
|
+
return (t, x) => (r(), l("div", E, [
|
|
14
14
|
t.iconName ? (r(), o(e(d), {
|
|
15
15
|
key: 0,
|
|
16
16
|
class: "mb-md",
|
|
@@ -19,7 +19,7 @@ const E = { class: "ui-result-card-range flex w-full flex-col items-center round
|
|
|
19
19
|
}, null, 8, ["size", "icon-name"])) : a("", !0),
|
|
20
20
|
t.title ? (r(), o(e(p), {
|
|
21
21
|
key: 1,
|
|
22
|
-
class: "mb-
|
|
22
|
+
class: "mb-xxs",
|
|
23
23
|
size: e(f).MD,
|
|
24
24
|
weight: e(g).SEMI_BOLD,
|
|
25
25
|
align: e(y).CENTER
|
|
@@ -14,9 +14,9 @@ declare const deprecatedDefault: {
|
|
|
14
14
|
M: {};
|
|
15
15
|
Defaults: {};
|
|
16
16
|
}, Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
|
|
17
|
-
__isFragment?:
|
|
18
|
-
__isTeleport?:
|
|
19
|
-
__isSuspense?:
|
|
17
|
+
__isFragment?: never;
|
|
18
|
+
__isTeleport?: never;
|
|
19
|
+
__isSuspense?: never;
|
|
20
20
|
} & ComponentOptionsBase<Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
21
21
|
$slots: {
|
|
22
22
|
default?(_: {}): any;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
|
|
2
|
-
declare
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
3
|
default?(_: {}): any;
|
|
4
|
-
}
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
5
7
|
export default _default;
|
|
6
8
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
7
9
|
new (): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-ripple.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-ripple/ui-ripple.vue"],"names":[],"mappings":"AA6BA
|
|
1
|
+
{"version":3,"file":"ui-ripple.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-ripple/ui-ripple.vue"],"names":[],"mappings":"AA6BA;AA4BA,iBAAS,cAAc;qBAmFM,GAAG;EAG/B;AAYD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -64,9 +64,9 @@ declare const deprecatedDefault: {
|
|
|
64
64
|
}>> & {
|
|
65
65
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
66
66
|
}, {}, {}, {}, {}, {}>;
|
|
67
|
-
__isFragment?:
|
|
68
|
-
__isTeleport?:
|
|
69
|
-
__isSuspense?:
|
|
67
|
+
__isFragment?: never;
|
|
68
|
+
__isTeleport?: never;
|
|
69
|
+
__isSuspense?: never;
|
|
70
70
|
} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
|
|
71
71
|
modelValue: {
|
|
72
72
|
type: PropType<string | number>;
|
|
@@ -1,24 +1,26 @@
|
|
|
1
1
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
-
declare
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
heading?(_: {}): any;
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
"postfix-icon"?(_: {}): any;
|
|
6
|
+
subLabel?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
3
9
|
modelValue: string | number;
|
|
4
|
-
heading?: string
|
|
5
|
-
subLabel?: string
|
|
6
|
-
disabled?: boolean
|
|
10
|
+
heading?: string;
|
|
11
|
+
subLabel?: string;
|
|
12
|
+
disabled?: boolean;
|
|
7
13
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
8
14
|
"update:modelValue": (...args: any[]) => void;
|
|
9
15
|
}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
10
16
|
modelValue: string | number;
|
|
11
|
-
heading?: string
|
|
12
|
-
subLabel?: string
|
|
13
|
-
disabled?: boolean
|
|
17
|
+
heading?: string;
|
|
18
|
+
subLabel?: string;
|
|
19
|
+
disabled?: boolean;
|
|
14
20
|
}>>> & {
|
|
15
21
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
16
|
-
}, {}, {}
|
|
17
|
-
|
|
18
|
-
default?(_: {}): any;
|
|
19
|
-
"postfix-icon"?(_: {}): any;
|
|
20
|
-
subLabel?(_: {}): any;
|
|
21
|
-
}>;
|
|
22
|
+
}, {}, {}>;
|
|
23
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
22
24
|
export default _default;
|
|
23
25
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
24
26
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-select/ui-select.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ui-select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-select/ui-select.vue"],"names":[],"mappings":"AAqEA;AA4BA,iBAAS,cAAc;qBAmJM,GAAG;qBACF,GAAG;4BACI,GAAG;sBACT,GAAG;EAGjC;AAkBD,QAAA,MAAM,eAAe;gBAMP,MAAM,GAAG,MAAM;cACjB,MAAM;eACL,MAAM;eACN,OAAO;;;;gBAHN,MAAM,GAAG,MAAM;cACjB,MAAM;eACL,MAAM;eACN,OAAO;;;UAGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,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,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -13,7 +13,7 @@ const S = { class: "ui-select" }, B = { class: "absolute right-sm top-1/2 -trans
|
|
|
13
13
|
d: "M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z",
|
|
14
14
|
fill: "currentColor"
|
|
15
15
|
})
|
|
16
|
-
], -1),
|
|
16
|
+
], -1), _ = /* @__PURE__ */ C({
|
|
17
17
|
__name: "ui-select",
|
|
18
18
|
props: {
|
|
19
19
|
modelValue: {},
|
|
@@ -35,7 +35,7 @@ const S = { class: "ui-select" }, B = { class: "absolute right-sm top-1/2 -trans
|
|
|
35
35
|
s(e.$slots, "heading", {}, () => [
|
|
36
36
|
e.heading ? (l(), n(t(p), {
|
|
37
37
|
key: 0,
|
|
38
|
-
class: "mb-
|
|
38
|
+
class: "mb-xxs",
|
|
39
39
|
size: t(c).MD
|
|
40
40
|
}, {
|
|
41
41
|
default: d(() => [
|
|
@@ -45,7 +45,7 @@ const S = { class: "ui-select" }, B = { class: "absolute right-sm top-1/2 -trans
|
|
|
45
45
|
}, 8, ["size"])) : m("", !0)
|
|
46
46
|
]),
|
|
47
47
|
o("div", {
|
|
48
|
-
class: L(["relative rounded-
|
|
48
|
+
class: L(["relative rounded-xl border border-secondary-alt-500 bg-white hover:border-secondary-alt-700", [e.disabled && "pointer-events-none border-secondary-alt-300 bg-secondary-alt-200"]])
|
|
49
49
|
}, [
|
|
50
50
|
V(o("select", {
|
|
51
51
|
"onUpdate:modelValue": r[0] || (r[0] = (v) => a.value = v),
|
|
@@ -66,7 +66,7 @@ const S = { class: "ui-select" }, B = { class: "absolute right-sm top-1/2 -trans
|
|
|
66
66
|
key: 0,
|
|
67
67
|
size: t(c).SM,
|
|
68
68
|
kind: t(z).SECONDARY_ALT,
|
|
69
|
-
class: "mt-
|
|
69
|
+
class: "mt-xxs"
|
|
70
70
|
}, {
|
|
71
71
|
default: d(() => [
|
|
72
72
|
i(u(e.subLabel), 1)
|
|
@@ -78,6 +78,6 @@ const S = { class: "ui-select" }, B = { class: "absolute right-sm top-1/2 -trans
|
|
|
78
78
|
}
|
|
79
79
|
});
|
|
80
80
|
export {
|
|
81
|
-
|
|
81
|
+
_ as default
|
|
82
82
|
};
|
|
83
83
|
//# sourceMappingURL=ui-select.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-select.vue.js","sources":["../../../src/components/ui-select/ui-select.vue"],"sourcesContent":["<template>\n\t<div class=\"ui-select\">\n\t\t<slot name=\"heading\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-
|
|
1
|
+
{"version":3,"file":"ui-select.vue.js","sources":["../../../src/components/ui-select/ui-select.vue"],"sourcesContent":["<template>\n\t<div class=\"ui-select\">\n\t\t<slot name=\"heading\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xxs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\trelative\n\t\t\t\trounded-xl\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\tbg-white\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\t\"\n\t\t\t:class=\"[disabled && 'pointer-events-none border-secondary-alt-300 bg-secondary-alt-200']\"\n\t\t>\n\t\t\t<select\n\t\t\t\tv-model=\"radioModel\"\n\t\t\t\tclass=\"\n\t\t\t\t\tm-0\n\t\t\t\t\tw-full\n\t\t\t\t\tcursor-pointer\n\t\t\t\t\tappearance-none\n\t\t\t\t\tborder-0\n\t\t\t\t\tbg-transparent\n\t\t\t\t\tp-sm\n\t\t\t\t\titalic\n\t\t\t\t\ttext-secondary-alt\n\t\t\t\t\toutline-0\n\t\t\t\t\t\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</select>\n\n\t\t\t<div class=\"absolute right-sm top-1/2 -translate-y-1/2\">\n\t\t\t\t<slot name=\"postfix-icon\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xxs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string | number;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n"],"names":["props","__props","emit","__emit","radioModel","computed","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0EC,UAAMA,IAAQC,GAORC,IAAOC,GAEPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,11 +2,11 @@ import { ESkeletonKind } from './_typings';
|
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
3
3
|
|
|
4
4
|
declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
5
|
-
kind?: ESkeletonKind
|
|
5
|
+
kind?: ESkeletonKind;
|
|
6
6
|
}>, {
|
|
7
7
|
kind: ESkeletonKind;
|
|
8
8
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
9
|
-
kind?: ESkeletonKind
|
|
9
|
+
kind?: ESkeletonKind;
|
|
10
10
|
}>, {
|
|
11
11
|
kind: ESkeletonKind;
|
|
12
12
|
}>>>, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-skeleton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-skeleton/ui-skeleton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ui-skeleton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-skeleton/ui-skeleton.vue"],"names":[],"mappings":"AAsIA;AAEC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;WA+MlC,aAAa;;;;WAAb,aAAa;;;;UAAb,aAAa;;AANvB,wBAQG;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,43 +1,41 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as a, unref as r, openBlock as t, createElementBlock as d, createElementVNode as e, Fragment as c, renderList as _, normalizeClass as i, createStaticVNode as u } from "vue";
|
|
2
2
|
import { ESkeletonKind as o } from "./_typings.js";
|
|
3
|
-
const
|
|
3
|
+
const x = {
|
|
4
4
|
key: 0,
|
|
5
|
-
class: "ui-skeleton-card animate-pulse rounded-2xl border-2 border-secondary-alt-300 p-
|
|
6
|
-
},
|
|
7
|
-
/* @__PURE__ */ e("div", { class: "ui-skeleton-card__footer__text h-md w-1/4 self-end rounded-
|
|
8
|
-
/* @__PURE__ */ e("div", { class: "ui-skeleton-card__footer__text h-
|
|
9
|
-
], -1),
|
|
5
|
+
class: "ui-skeleton-card animate-pulse rounded-2xl border-2 border-secondary-alt-300 p-xxs"
|
|
6
|
+
}, m = /* @__PURE__ */ u('<div class="ui-skeleton-card__header flex items-center gap-xs rounded-xl bg-secondary-alt-200 p-xxs"><div class="grid grow gap-xxs"><div class="ui-skeleton-card__content__text h-md rounded-md bg-secondary-alt-300"></div><div class="ui-skeleton-card__content__text h-md w-5/6 rounded-md bg-secondary-alt-300"></div></div><div class="ui-skeleton-card__header__image size-xxxl rounded-lg bg-secondary-alt-300"></div></div>', 1), g = { class: "ui-skeleton-card__content flex flex-col items-start justify-start rounded-xl pt-sm" }, k = /* @__PURE__ */ e("div", { class: "ui-skeleton-card__footer flex flex-row justify-between" }, [
|
|
7
|
+
/* @__PURE__ */ e("div", { class: "ui-skeleton-card__footer__text h-md w-1/4 self-end rounded-xl bg-secondary-alt-300" }),
|
|
8
|
+
/* @__PURE__ */ e("div", { class: "ui-skeleton-card__footer__text h-xl w-1/4 rounded-xl bg-secondary-alt-300" })
|
|
9
|
+
], -1), h = /* @__PURE__ */ e("div", { class: "ui-skeleton-card__button mt-xxs flex h-md w-full items-center justify-center rounded-xl bg-secondary-alt-300 py-md" }, null, -1), f = {
|
|
10
10
|
key: 1,
|
|
11
|
-
class: "ui-skeleton-
|
|
12
|
-
},
|
|
11
|
+
class: "ui-skeleton-card__header flex items-center gap-xs rounded-xl p-xxs"
|
|
12
|
+
}, v = /* @__PURE__ */ e("div", { class: "grow" }, [
|
|
13
|
+
/* @__PURE__ */ e("div", { class: "ui-skeleton-card__content__text h-md w-3/6 rounded-md bg-secondary-alt-300" })
|
|
14
|
+
], -1), p = /* @__PURE__ */ e("div", { class: "ui-skeleton-card__header__image size-xxl rounded-lg bg-secondary-alt-300" }, null, -1), y = /* @__PURE__ */ e("div", { class: "ui-skeleton-card__header__image size-xxl rounded-lg bg-secondary-alt-300" }, null, -1), b = [
|
|
15
|
+
v,
|
|
16
|
+
p,
|
|
17
|
+
y
|
|
18
|
+
], R = /* @__PURE__ */ a({
|
|
13
19
|
__name: "ui-skeleton",
|
|
14
20
|
props: {
|
|
15
21
|
kind: { default: o.RESULT_CARD }
|
|
16
22
|
},
|
|
17
|
-
setup(
|
|
18
|
-
const
|
|
19
|
-
return (
|
|
20
|
-
|
|
21
|
-
e("div",
|
|
22
|
-
(
|
|
23
|
-
key:
|
|
24
|
-
class:
|
|
23
|
+
setup(n) {
|
|
24
|
+
const l = n;
|
|
25
|
+
return (w, E) => l.kind === r(o).RESULT_CARD ? (t(), d("div", x, [
|
|
26
|
+
m,
|
|
27
|
+
e("div", g, [
|
|
28
|
+
(t(), d(c, null, _(["w-1/2", "w-1/3", "w-2/3", "w-3/4"], (s) => e("div", {
|
|
29
|
+
key: s,
|
|
30
|
+
class: i([`${s}`, "ui-skeleton-card__content__text mb-xxs h-md rounded-md bg-secondary-alt-300"])
|
|
25
31
|
}, null, 2)), 64))
|
|
26
32
|
]),
|
|
27
33
|
k,
|
|
28
|
-
|
|
29
|
-
])) : (
|
|
30
|
-
w,
|
|
31
|
-
e("div", g, [
|
|
32
|
-
(s(), l(d, null, n(2, (t) => e("div", {
|
|
33
|
-
key: t,
|
|
34
|
-
class: "ui-skeleton-menu__filters__item relative w-xl rounded-md bg-secondary-alt-300"
|
|
35
|
-
})), 64))
|
|
36
|
-
])
|
|
37
|
-
]));
|
|
34
|
+
h
|
|
35
|
+
])) : (t(), d("div", f, b));
|
|
38
36
|
}
|
|
39
37
|
});
|
|
40
38
|
export {
|
|
41
|
-
|
|
39
|
+
R as default
|
|
42
40
|
};
|
|
43
41
|
//# sourceMappingURL=ui-skeleton.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-skeleton.vue.js","sources":["../../../src/components/ui-skeleton/ui-skeleton.vue"],"sourcesContent":["<template>\n\t<div\n\t\tv-if=\"props.kind === ESkeletonKind.RESULT_CARD\"\n\t\tclass=\"ui-skeleton-card animate-pulse rounded-2xl border-2 border-secondary-alt-300 p-
|
|
1
|
+
{"version":3,"file":"ui-skeleton.vue.js","sources":["../../../src/components/ui-skeleton/ui-skeleton.vue"],"sourcesContent":["<template>\n\t<div\n\t\tv-if=\"props.kind === ESkeletonKind.RESULT_CARD\"\n\t\tclass=\"ui-skeleton-card animate-pulse rounded-2xl border-2 border-secondary-alt-300 p-xxs\"\n\t>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-skeleton-card__header\n\t\t\t\tflex\n\t\t\t\titems-center\n\t\t\t\tgap-xs\n\t\t\t\trounded-xl\n\t\t\t\tbg-secondary-alt-200\n\t\t\t\tp-xxs\n\t\t\t\t\"\n\t\t>\n\t\t\t<div class=\"grid grow gap-xxs\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tui-skeleton-card__content__text\n\t\t\t\t\t\th-md\n\t\t\t\t\t\trounded-md\n\t\t\t\t\t\tbg-secondary-alt-300\n\t\t\t\t\t\t\"\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tui-skeleton-card__content__text\n\t\t\t\t\t\th-md\n\t\t\t\t\t\tw-5/6\n\t\t\t\t\t\trounded-md\n\t\t\t\t\t\tbg-secondary-alt-300\n\t\t\t\t\t\t\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclass=\"\n\t\t\t\t\tui-skeleton-card__header__image\n\t\t\t\t\tsize-xxxl\n\t\t\t\t\trounded-lg\n\t\t\t\t\tbg-secondary-alt-300\n\t\t\t\t\t\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-skeleton-card__content\n\t\t\t\tflex\n\t\t\t\tflex-col\n\t\t\t\titems-start\n\t\t\t\tjustify-start\n\t\t\t\trounded-xl\n\t\t\t\tpt-sm\n\t\t\t\t\"\n\t\t>\n\t\t\t<div\n\t\t\t\tv-for=\"i in ['w-1/2', 'w-1/3', 'w-2/3', 'w-3/4']\"\n\t\t\t\t:key=\"i\"\n\t\t\t\t:class=\"`${i}`\"\n\t\t\t\tclass=\"\n\t\t\t\t\tui-skeleton-card__content__text\n\t\t\t\t\tmb-xxs\n\t\t\t\t\th-md\n\t\t\t\t\trounded-md\n\t\t\t\t\tbg-secondary-alt-300\n\t\t\t\t\t\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"ui-skeleton-card__footer flex flex-row justify-between\">\n\t\t\t<div\n\t\t\t\tclass=\"\n\t\t\t\t\tui-skeleton-card__footer__text\n\t\t\t\t\th-md\n\t\t\t\t\tw-1/4\n\t\t\t\t\tself-end\n\t\t\t\t\trounded-xl\n\t\t\t\t\tbg-secondary-alt-300\n\t\t\t\t\t\"\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclass=\"\n\t\t\t\t\tui-skeleton-card__footer__text\n\t\t\t\t\th-xl\n\t\t\t\t\tw-1/4\n\t\t\t\t\trounded-xl\n\t\t\t\t\tbg-secondary-alt-300\n\t\t\t\t\t\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-skeleton-card__button\n\t\t\t\tmt-xxs\n\t\t\t\tflex\n\t\t\t\th-md\n\t\t\t\tw-full\n\t\t\t\titems-center\n\t\t\t\tjustify-center\n\t\t\t\trounded-xl\n\t\t\t\tbg-secondary-alt-300\n\t\t\t\tpy-md\n\t\t\t\t\"\n\t\t/>\n\t</div>\n\n\t<div\n\t\tv-else\n\t\tclass=\"ui-skeleton-card__header flex items-center gap-xs rounded-xl p-xxs\"\n\t>\n\t\t<div class=\"grow\">\n\t\t\t<div\n\t\t\t\tclass=\"\n\t\t\t\t\tui-skeleton-card__content__text\n\t\t\t\t\th-md\n\t\t\t\t\tw-3/6\n\t\t\t\t\trounded-md\n\t\t\t\t\tbg-secondary-alt-300\n\t\t\t\t\t\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"ui-skeleton-card__header__image size-xxl rounded-lg bg-secondary-alt-300\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"ui-skeleton-card__header__image size-xxl rounded-lg bg-secondary-alt-300\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ESkeletonKind } from \"./_typings\";\n\n\tconst props = withDefaults(\n\t\tdefineProps<{\n\t\t\tkind?: ESkeletonKind\n\t\t}>(),\n\t\t{\n\t\t\tkind: ESkeletonKind.RESULT_CARD,\n\t\t});\n</script>\n"],"names":["props","__props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0IC,UAAMA,IAAQC;;;;;;;;;;;;;;"}
|
|
@@ -47,9 +47,9 @@ declare const deprecatedDefault: {
|
|
|
47
47
|
}>>, {}, {}, {}, {}, {
|
|
48
48
|
kind: ESnackbarTypes;
|
|
49
49
|
}>;
|
|
50
|
-
__isFragment?:
|
|
51
|
-
__isTeleport?:
|
|
52
|
-
__isSuspense?:
|
|
50
|
+
__isFragment?: never;
|
|
51
|
+
__isTeleport?: never;
|
|
52
|
+
__isSuspense?: never;
|
|
53
53
|
} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
|
|
54
54
|
title: {
|
|
55
55
|
type: PropType<string>;
|