@youcan/celeste 0.6.71 → 0.6.73
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/celeste.css +7 -6
- package/dist/cjs/alert.js +32 -32
- package/dist/cjs/badge.js +12 -12
- package/dist/cjs/button.js +6 -6
- package/dist/cjs/checkbox-card.js +33 -33
- package/dist/cjs/checkbox-label.js +31 -31
- package/dist/cjs/chunks/alpha-slider.js +12 -12
- package/dist/cjs/chunks/checkbox.js +7 -7
- package/dist/cjs/chunks/collapsible-content.js +6 -6
- package/dist/cjs/chunks/collapsible-trigger.js +5 -5
- package/dist/cjs/chunks/collapsible.js +6 -6
- package/dist/cjs/chunks/combobox-anchor.js +8 -8
- package/dist/cjs/chunks/content-divider.vue_vue_type_style_index_0_lang.js +15 -15
- package/dist/cjs/chunks/counter-input.js +13 -13
- package/dist/cjs/chunks/dropdown-menu-sub.js +6 -6
- package/dist/cjs/chunks/index.js +2289 -2292
- package/dist/cjs/chunks/index2.js +14 -14
- package/dist/cjs/chunks/index3.js +28 -28
- package/dist/cjs/chunks/index4.js +96 -125
- package/dist/cjs/chunks/index5.js +3381 -4086
- package/dist/cjs/chunks/modal-close.js +5 -5
- package/dist/cjs/chunks/modal-trigger.js +5 -5
- package/dist/cjs/chunks/modal.js +6 -6
- package/dist/cjs/chunks/pagination-first.js +9 -9
- package/dist/cjs/chunks/pagination-item.js +6 -6
- package/dist/cjs/chunks/pagination-last.js +9 -9
- package/dist/cjs/chunks/pagination-next.js +9 -9
- package/dist/cjs/chunks/pagination-previous.js +9 -9
- package/dist/cjs/chunks/popover.js +6 -6
- package/dist/cjs/chunks/radio-group-item.js +7 -7
- package/dist/cjs/chunks/radio-group.js +8 -8
- package/dist/cjs/chunks/rich-editor.vue_vue_type_style_index_0_scoped_dbc85b1a_lang.js +45 -742
- package/dist/cjs/chunks/scroll-area.js +11 -11
- package/dist/cjs/chunks/select-group.js +5 -5
- package/dist/cjs/chunks/select.js +7 -7
- package/dist/cjs/chunks/sheet-trigger.js +5 -5
- package/dist/cjs/chunks/sheet.js +6 -6
- package/dist/cjs/chunks/sidebar-content.js +5 -5
- package/dist/cjs/chunks/sidebar-element.js +6 -6
- package/dist/cjs/chunks/sidebar-footer.js +5 -5
- package/dist/cjs/chunks/sidebar-group-label.js +6 -6
- package/dist/cjs/chunks/sidebar-group.js +5 -5
- package/dist/cjs/chunks/sidebar-header.js +5 -5
- package/dist/cjs/chunks/sidebar-menu-action.js +6 -6
- package/dist/cjs/chunks/sidebar-menu-badge.js +4 -4
- package/dist/cjs/chunks/sidebar-menu-button.js +7 -7
- package/dist/cjs/chunks/sidebar-menu-item.js +5 -5
- package/dist/cjs/chunks/sidebar-menu-sub-button.js +6 -6
- package/dist/cjs/chunks/sidebar-menu-sub-item.js +5 -5
- package/dist/cjs/chunks/sidebar-menu-sub.js +5 -5
- package/dist/cjs/chunks/sidebar-menu.js +5 -5
- package/dist/cjs/chunks/sidebar-provider.vue_vue_type_style_index_0_lang.js +9 -9
- package/dist/cjs/chunks/sidebar-separator.vue_vue_type_style_index_0_lang.js +4 -4
- package/dist/cjs/chunks/sidebar.js +21 -21
- package/dist/cjs/chunks/slider.js +11 -11
- package/dist/cjs/chunks/sonner.js +146 -214
- package/dist/cjs/chunks/switch.js +7 -7
- package/dist/cjs/chunks/tinycolor.js +2 -2
- package/dist/cjs/chunks/tooltip-provider.js +5 -5
- package/dist/cjs/chunks/tooltip-root.js +7 -7
- package/dist/cjs/chunks/tooltip-trigger.js +6 -6
- package/dist/cjs/chunks/tooltip.js +12 -12
- package/dist/cjs/color-area.js +16 -16
- package/dist/cjs/color-picker.js +102 -102
- package/dist/cjs/color-swatch.js +11 -11
- package/dist/cjs/combobox-empty.js +7 -7
- package/dist/cjs/combobox-group.js +11 -11
- package/dist/cjs/combobox-input.js +12 -12
- package/dist/cjs/combobox-item.js +24 -24
- package/dist/cjs/combobox-list.js +12 -12
- package/dist/cjs/combobox-root.js +6 -7
- package/dist/cjs/combobox-separator.js +7 -7
- package/dist/cjs/combobox-trigger.js +8 -8
- package/dist/cjs/combobox.js +53 -54
- package/dist/cjs/command-group.js +10 -10
- package/dist/cjs/command-input.js +8 -8
- package/dist/cjs/command-item.js +7 -7
- package/dist/cjs/command-list.js +8 -8
- package/dist/cjs/command-root.js +7 -8
- package/dist/cjs/command-separator.js +7 -7
- package/dist/cjs/compact-button.js +7 -7
- package/dist/cjs/config.js +2 -2
- package/dist/cjs/digit-input-group.js +7 -7
- package/dist/cjs/digit-input-slot.js +5 -5
- package/dist/cjs/digit-input.js +7 -7
- package/dist/cjs/dropdown-menu-content.js +9 -9
- package/dist/cjs/dropdown-menu-group.js +5 -5
- package/dist/cjs/dropdown-menu-item.js +14 -14
- package/dist/cjs/dropdown-menu-label.js +7 -7
- package/dist/cjs/dropdown-menu-separator.js +4 -4
- package/dist/cjs/dropdown-menu-sub-content.js +9 -9
- package/dist/cjs/dropdown-menu-sub-trigger.js +12 -12
- package/dist/cjs/dropdown-menu-trigger.js +6 -6
- package/dist/cjs/dropdown-menu.js +7 -7
- package/dist/cjs/extra-settings.js +21 -21
- package/dist/cjs/fancy-button.js +6 -6
- package/dist/cjs/file-upload-area.js +22 -22
- package/dist/cjs/hint-text.js +8 -8
- package/dist/cjs/hue-slider.js +15 -15
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/label.js +13 -13
- package/dist/cjs/link-bubble.js +40 -40
- package/dist/cjs/link-button.js +6 -6
- package/dist/cjs/modal-body.js +5 -5
- package/dist/cjs/modal-content.js +12 -12
- package/dist/cjs/modal-footer.js +5 -5
- package/dist/cjs/modal-header.js +22 -22
- package/dist/cjs/pagination-content.js +6 -6
- package/dist/cjs/pagination-ellipsis.js +8 -8
- package/dist/cjs/pagination.js +14 -14
- package/dist/cjs/popover-content.js +30 -30
- package/dist/cjs/popover-trigger.js +5 -5
- package/dist/cjs/progress-bar.js +19 -19
- package/dist/cjs/progress-circle.js +20 -20
- package/dist/cjs/radio-group-card.js +33 -33
- package/dist/cjs/radio-group-label.js +31 -31
- package/dist/cjs/rich-editor.js +76 -76
- package/dist/cjs/scroll-bar.js +7 -7
- package/dist/cjs/segmented-control-item.js +8 -6
- package/dist/cjs/segmented-control.js +8 -8
- package/dist/cjs/select-content.js +11 -11
- package/dist/cjs/select-icon.js +5 -5
- package/dist/cjs/select-item.js +11 -11
- package/dist/cjs/select-label.js +6 -6
- package/dist/cjs/select-separator.js +4 -4
- package/dist/cjs/select-trigger.js +9 -9
- package/dist/cjs/select-value.js +6 -6
- package/dist/cjs/sheet-close.js +6 -6
- package/dist/cjs/sheet-content.js +14 -14
- package/dist/cjs/sheet-description.js +7 -7
- package/dist/cjs/sheet-footer.js +6 -6
- package/dist/cjs/sheet-header.js +5 -5
- package/dist/cjs/sheet-title.js +7 -7
- package/dist/cjs/sidebar-group-content.js +5 -5
- package/dist/cjs/sidebar-trigger.js +7 -7
- package/dist/cjs/social-button.js +8 -8
- package/dist/cjs/sonner-alert.js +8 -8
- package/dist/cjs/status-badge.js +8 -8
- package/dist/cjs/tab-menu-content.js +7 -7
- package/dist/cjs/tab-menu-item.js +11 -11
- package/dist/cjs/tab-menu-list.js +6 -6
- package/dist/cjs/tab-menu.js +6 -6
- package/dist/cjs/table-body.js +5 -5
- package/dist/cjs/table-caption.js +5 -5
- package/dist/cjs/table-cell.js +5 -5
- package/dist/cjs/table-empty.js +9 -9
- package/dist/cjs/table-footer.js +5 -5
- package/dist/cjs/table-head.js +5 -5
- package/dist/cjs/table-header.js +5 -5
- package/dist/cjs/table-row.js +8 -8
- package/dist/cjs/table.js +6 -6
- package/dist/cjs/tag.js +10 -10
- package/dist/cjs/text-input-affix.js +5 -5
- package/dist/cjs/text-input-button.js +6 -6
- package/dist/cjs/text-input.js +31 -31
- package/dist/cjs/textarea.js +9 -9
- package/dist/cjs/tooltip-content.js +20 -20
- package/dist/cjs/use-color-model.js +2 -2
- package/dist/cjs/use-delegated-props.js +2 -2
- package/dist/cjs/use-sidebar.js +1 -1
- package/dist/cjs/use-user-select.js +4 -4
- package/dist/components/color-picker/alpha-slider.d.ts +1 -1
- package/dist/components/color-picker/color-area.d.ts +1 -1
- package/dist/components/color-picker/hue-slider.d.ts +1 -1
- package/dist/components/file-upload/file-upload-area.d.ts +2 -4
- package/dist/components/rich-editor/link-bubble.d.ts +1 -3
- package/dist/es/alert.js +1 -1
- package/dist/es/badge.js +1 -1
- package/dist/es/button.js +2 -2
- package/dist/es/checkbox-card.js +3 -3
- package/dist/es/checkbox-label.js +3 -3
- package/dist/es/chunks/alpha-slider.js +1 -1
- package/dist/es/chunks/checkbox.js +5 -5
- package/dist/es/chunks/collapsible-content.js +3 -3
- package/dist/es/chunks/collapsible-trigger.js +3 -3
- package/dist/es/chunks/collapsible.js +4 -4
- package/dist/es/chunks/combobox-anchor.js +4 -4
- package/dist/es/chunks/content-divider.vue_vue_type_style_index_0_lang.js +3 -3
- package/dist/es/chunks/counter-input.js +7 -7
- package/dist/es/chunks/dropdown-menu-sub.js +4 -4
- package/dist/es/chunks/index.js +1153 -1156
- package/dist/es/chunks/index2.js +3 -3
- package/dist/es/chunks/index3.js +2 -2
- package/dist/es/chunks/index4.js +90 -119
- package/dist/es/chunks/index5.js +3394 -4099
- package/dist/es/chunks/modal-close.js +3 -3
- package/dist/es/chunks/modal-trigger.js +3 -3
- package/dist/es/chunks/modal.js +4 -4
- package/dist/es/chunks/pagination-first.js +4 -4
- package/dist/es/chunks/pagination-item.js +3 -3
- package/dist/es/chunks/pagination-last.js +4 -4
- package/dist/es/chunks/pagination-next.js +4 -4
- package/dist/es/chunks/pagination-previous.js +4 -4
- package/dist/es/chunks/popover.js +4 -4
- package/dist/es/chunks/radio-group-item.js +5 -5
- package/dist/es/chunks/radio-group.js +4 -4
- package/dist/es/chunks/rich-editor.vue_vue_type_style_index_0_scoped_dbc85b1a_lang.js +46 -743
- package/dist/es/chunks/scroll-area.js +5 -5
- package/dist/es/chunks/select-group.js +3 -3
- package/dist/es/chunks/select.js +4 -4
- package/dist/es/chunks/sheet-trigger.js +3 -3
- package/dist/es/chunks/sheet.js +4 -4
- package/dist/es/chunks/sidebar-content.js +1 -1
- package/dist/es/chunks/sidebar-element.js +2 -2
- package/dist/es/chunks/sidebar-footer.js +1 -1
- package/dist/es/chunks/sidebar-group-label.js +2 -2
- package/dist/es/chunks/sidebar-group.js +1 -1
- package/dist/es/chunks/sidebar-header.js +1 -1
- package/dist/es/chunks/sidebar-menu-action.js +2 -2
- package/dist/es/chunks/sidebar-menu-badge.js +1 -1
- package/dist/es/chunks/sidebar-menu-button.js +2 -2
- package/dist/es/chunks/sidebar-menu-item.js +1 -1
- package/dist/es/chunks/sidebar-menu-sub-button.js +2 -2
- package/dist/es/chunks/sidebar-menu-sub-item.js +1 -1
- package/dist/es/chunks/sidebar-menu-sub.js +1 -1
- package/dist/es/chunks/sidebar-menu.js +1 -1
- package/dist/es/chunks/sidebar-provider.vue_vue_type_style_index_0_lang.js +3 -3
- package/dist/es/chunks/sidebar-separator.vue_vue_type_style_index_0_lang.js +1 -1
- package/dist/es/chunks/sidebar.js +1 -1
- package/dist/es/chunks/slider.js +7 -7
- package/dist/es/chunks/sonner.js +29 -97
- package/dist/es/chunks/switch.js +5 -5
- package/dist/es/chunks/tinycolor.js +2 -2
- package/dist/es/chunks/tooltip-provider.js +3 -3
- package/dist/es/chunks/tooltip-root.js +4 -4
- package/dist/es/chunks/tooltip-trigger.js +4 -4
- package/dist/es/chunks/tooltip.js +3 -3
- package/dist/es/color-area.js +2 -2
- package/dist/es/color-picker.js +5 -5
- package/dist/es/color-swatch.js +1 -1
- package/dist/es/combobox-empty.js +3 -3
- package/dist/es/combobox-group.js +4 -4
- package/dist/es/combobox-input.js +3 -3
- package/dist/es/combobox-item.js +4 -4
- package/dist/es/combobox-list.js +6 -6
- package/dist/es/combobox-root.js +4 -5
- package/dist/es/combobox-separator.js +3 -3
- package/dist/es/combobox-trigger.js +4 -4
- package/dist/es/combobox.js +3 -4
- package/dist/es/command-group.js +4 -4
- package/dist/es/command-input.js +4 -4
- package/dist/es/command-item.js +4 -4
- package/dist/es/command-list.js +4 -4
- package/dist/es/command-root.js +4 -5
- package/dist/es/command-separator.js +3 -3
- package/dist/es/compact-button.js +2 -2
- package/dist/es/digit-input-group.js +3 -3
- package/dist/es/digit-input-slot.js +4 -4
- package/dist/es/digit-input.js +4 -4
- package/dist/es/dropdown-menu-content.js +5 -5
- package/dist/es/dropdown-menu-group.js +3 -3
- package/dist/es/dropdown-menu-item.js +4 -4
- package/dist/es/dropdown-menu-label.js +4 -4
- package/dist/es/dropdown-menu-separator.js +3 -3
- package/dist/es/dropdown-menu-sub-content.js +5 -5
- package/dist/es/dropdown-menu-sub-trigger.js +4 -4
- package/dist/es/dropdown-menu-trigger.js +4 -4
- package/dist/es/dropdown-menu.js +4 -4
- package/dist/es/extra-settings.js +1 -1
- package/dist/es/fancy-button.js +2 -2
- package/dist/es/file-upload-area.js +1 -1
- package/dist/es/hint-text.js +1 -1
- package/dist/es/hue-slider.js +3 -3
- package/dist/es/index.js +3 -3
- package/dist/es/label.js +3 -3
- package/dist/es/link-bubble.js +1 -1
- package/dist/es/link-button.js +2 -2
- package/dist/es/modal-body.js +1 -1
- package/dist/es/modal-content.js +6 -6
- package/dist/es/modal-footer.js +1 -1
- package/dist/es/modal-header.js +5 -5
- package/dist/es/pagination-content.js +3 -3
- package/dist/es/pagination-ellipsis.js +3 -3
- package/dist/es/pagination.js +4 -4
- package/dist/es/popover-content.js +7 -7
- package/dist/es/popover-trigger.js +3 -3
- package/dist/es/progress-bar.js +4 -4
- package/dist/es/progress-circle.js +4 -4
- package/dist/es/radio-group-card.js +3 -3
- package/dist/es/radio-group-label.js +3 -3
- package/dist/es/rich-editor.js +4 -4
- package/dist/es/scroll-bar.js +4 -4
- package/dist/es/segmented-control-item.js +5 -3
- package/dist/es/segmented-control.js +4 -4
- package/dist/es/select-content.js +6 -6
- package/dist/es/select-icon.js +1 -1
- package/dist/es/select-item.js +5 -5
- package/dist/es/select-label.js +3 -3
- package/dist/es/select-separator.js +3 -3
- package/dist/es/select-trigger.js +4 -4
- package/dist/es/select-value.js +3 -3
- package/dist/es/sheet-close.js +3 -3
- package/dist/es/sheet-content.js +7 -7
- package/dist/es/sheet-description.js +3 -3
- package/dist/es/sheet-footer.js +1 -1
- package/dist/es/sheet-header.js +1 -1
- package/dist/es/sheet-title.js +3 -3
- package/dist/es/sidebar-group-content.js +1 -1
- package/dist/es/sidebar-trigger.js +1 -1
- package/dist/es/social-button.js +2 -2
- package/dist/es/sonner-alert.js +1 -1
- package/dist/es/status-badge.js +1 -1
- package/dist/es/tab-menu-content.js +3 -3
- package/dist/es/tab-menu-item.js +4 -4
- package/dist/es/tab-menu-list.js +3 -3
- package/dist/es/tab-menu.js +4 -4
- package/dist/es/table-body.js +1 -1
- package/dist/es/table-caption.js +1 -1
- package/dist/es/table-cell.js +1 -1
- package/dist/es/table-empty.js +1 -1
- package/dist/es/table-footer.js +1 -1
- package/dist/es/table-head.js +1 -1
- package/dist/es/table-header.js +1 -1
- package/dist/es/table-row.js +1 -1
- package/dist/es/table.js +1 -1
- package/dist/es/tag.js +2 -2
- package/dist/es/text-input-affix.js +1 -1
- package/dist/es/text-input-button.js +1 -1
- package/dist/es/text-input.js +2 -2
- package/dist/es/textarea.js +1 -1
- package/dist/es/tooltip-content.js +6 -6
- package/dist/es/use-sidebar.js +2 -2
- package/package.json +3 -3
- package/src/components/slider/slider.vue +3 -3
package/dist/celeste.css
CHANGED
|
@@ -337,12 +337,12 @@ to {
|
|
|
337
337
|
}
|
|
338
338
|
.celeste-slider .celeste-slider-thumb {
|
|
339
339
|
display: block;
|
|
340
|
-
width:
|
|
341
|
-
height:
|
|
340
|
+
width: 16px;
|
|
341
|
+
height: 16px;
|
|
342
342
|
border: 5px solid var(--color-static-white);
|
|
343
343
|
border-radius: var(--radius-full);
|
|
344
344
|
outline: none;
|
|
345
|
-
background: var(--color-primary-base)
|
|
345
|
+
background-color: var(--color-primary-base);
|
|
346
346
|
cursor: pointer;
|
|
347
347
|
filter: drop-shadow(0 2px 4px rgba(14, 18, 27, 0.03)) drop-shadow(0 6px 10px rgba(14, 18, 27, 0.06));
|
|
348
348
|
}
|
|
@@ -3626,7 +3626,8 @@ to {
|
|
|
3626
3626
|
position: fixed;
|
|
3627
3627
|
z-index: 50;
|
|
3628
3628
|
background: var(--color-overlay-overlay);
|
|
3629
|
-
backdrop-filter: blur(5px);
|
|
3629
|
+
-webkit-backdrop-filter: blur(5px);
|
|
3630
|
+
backdrop-filter: blur(5px);
|
|
3630
3631
|
inset: 0;
|
|
3631
3632
|
}
|
|
3632
3633
|
.celeste-modal-content[data-v-cec34aac] {
|
|
@@ -4298,7 +4299,7 @@ to {
|
|
|
4298
4299
|
.celeste-rich-editor[data-v-dbc85b1a]:dir(rtl) .i-celeste-arrow-go-forward-line {
|
|
4299
4300
|
transform: scaleX(-1);
|
|
4300
4301
|
}
|
|
4301
|
-
.celeste-rich-editor[data-v-dbc85b1a] .tippy-box[data-theme=
|
|
4302
|
+
.celeste-rich-editor[data-v-dbc85b1a] .tippy-box[data-theme="custom"] {
|
|
4302
4303
|
max-width: 400px !important;
|
|
4303
4304
|
}
|
|
4304
4305
|
.celeste-select-item[data-state=checked][data-v-dbc85b1a] .i-celeste-check-line {
|
|
@@ -4326,7 +4327,7 @@ to {
|
|
|
4326
4327
|
display: flex;
|
|
4327
4328
|
gap: var(--spacing-8);
|
|
4328
4329
|
}
|
|
4329
|
-
.link-bubble .set-mode[data-v-c63c1d92] .celeste-switch[aria-checked=
|
|
4330
|
+
.link-bubble .set-mode[data-v-c63c1d92] .celeste-switch[aria-checked="true"] {
|
|
4330
4331
|
background-color: var(--color-neutral-700);
|
|
4331
4332
|
}
|
|
4332
4333
|
.link-bubble .set-mode .switch-button-box[data-v-c63c1d92] {
|
package/dist/cjs/alert.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const crypto = require("./crypto.js");
|
|
4
4
|
const clsx = require("./chunks/clsx.js");
|
|
5
5
|
;/* empty css */
|
|
@@ -32,7 +32,7 @@ const _hoisted_9 = {
|
|
|
32
32
|
key: 2,
|
|
33
33
|
class: "celeste-alert-action-secondary"
|
|
34
34
|
};
|
|
35
|
-
const _sfc_main = /* @__PURE__ */
|
|
35
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
36
36
|
__name: "alert",
|
|
37
37
|
props: {
|
|
38
38
|
class: {},
|
|
@@ -54,56 +54,56 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
54
54
|
information: "i-celeste-information-fill"
|
|
55
55
|
};
|
|
56
56
|
return (_ctx, _cache) => {
|
|
57
|
-
return
|
|
58
|
-
"aria-labelledby":
|
|
59
|
-
"aria-describedby":
|
|
57
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
58
|
+
"aria-labelledby": Mo.unref(labelledby),
|
|
59
|
+
"aria-describedby": Mo.unref(describedby),
|
|
60
60
|
role: _ctx.$slots.primary || _ctx.$slots.secondary ? "alert-dialog" : "alert",
|
|
61
|
-
class:
|
|
61
|
+
class: Mo.normalizeClass(["celeste-alert", Mo.unref(clsx.clsx)(
|
|
62
62
|
`celeste-alert--${_ctx.size}`,
|
|
63
63
|
`celeste-alert--${_ctx.variant}--${_ctx.state}`,
|
|
64
64
|
props.class
|
|
65
65
|
)])
|
|
66
66
|
}, [
|
|
67
|
-
|
|
68
|
-
class:
|
|
67
|
+
Mo.createElementVNode("i", {
|
|
68
|
+
class: Mo.normalizeClass(["celeste-alert-icon", [`celeste-alert-icon--${_ctx.variant}--${_ctx.state}`, ICON_MAP[props.state]]])
|
|
69
69
|
}, null, 2),
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
id:
|
|
70
|
+
Mo.createElementVNode("div", _hoisted_2, [
|
|
71
|
+
Mo.createElementVNode("div", _hoisted_3, [
|
|
72
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
73
|
+
Mo.createElementVNode("h5", {
|
|
74
|
+
id: Mo.unref(labelledby),
|
|
75
75
|
class: "celeste-alert-title"
|
|
76
76
|
}, [
|
|
77
|
-
|
|
77
|
+
Mo.renderSlot(_ctx.$slots, "title", {}, void 0, true)
|
|
78
78
|
], 8, _hoisted_4),
|
|
79
|
-
_ctx.size === "lg" && _ctx.$slots.description ? (
|
|
79
|
+
_ctx.size === "lg" && _ctx.$slots.description ? (Mo.openBlock(), Mo.createElementBlock("div", {
|
|
80
80
|
key: 0,
|
|
81
|
-
id:
|
|
81
|
+
id: Mo.unref(describedby),
|
|
82
82
|
class: "celeste-alert-description"
|
|
83
83
|
}, [
|
|
84
|
-
|
|
85
|
-
], 8, _hoisted_5)) :
|
|
84
|
+
Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
|
|
85
|
+
], 8, _hoisted_5)) : Mo.createCommentVNode("", true)
|
|
86
86
|
], true)
|
|
87
87
|
]),
|
|
88
|
-
_ctx.$slots.primary || _ctx.$slots.secondary ? (
|
|
89
|
-
_ctx.$slots.primary ? (
|
|
90
|
-
|
|
91
|
-
])) :
|
|
92
|
-
_ctx.$slots.primary && _ctx.$slots.secondary && _ctx.size === "lg" ? (
|
|
93
|
-
_ctx.$slots.secondary && _ctx.size === "lg" ? (
|
|
94
|
-
|
|
95
|
-
])) :
|
|
96
|
-
])) :
|
|
88
|
+
_ctx.$slots.primary || _ctx.$slots.secondary ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_6, [
|
|
89
|
+
_ctx.$slots.primary ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_7, [
|
|
90
|
+
Mo.renderSlot(_ctx.$slots, "primary", {}, void 0, true)
|
|
91
|
+
])) : Mo.createCommentVNode("", true),
|
|
92
|
+
_ctx.$slots.primary && _ctx.$slots.secondary && _ctx.size === "lg" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_8, " ∙ ")) : Mo.createCommentVNode("", true),
|
|
93
|
+
_ctx.$slots.secondary && _ctx.size === "lg" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_9, [
|
|
94
|
+
Mo.renderSlot(_ctx.$slots, "secondary", {}, void 0, true)
|
|
95
|
+
])) : Mo.createCommentVNode("", true)
|
|
96
|
+
])) : Mo.createCommentVNode("", true)
|
|
97
97
|
]),
|
|
98
|
-
_ctx.dismissable ? (
|
|
98
|
+
_ctx.dismissable ? (Mo.openBlock(), Mo.createElementBlock("a", {
|
|
99
99
|
key: 0,
|
|
100
100
|
href: "#",
|
|
101
101
|
"aria-label": "close",
|
|
102
|
-
class:
|
|
103
|
-
onClick: _cache[0] || (_cache[0] =
|
|
102
|
+
class: Mo.normalizeClass(["celeste-alert-close", [`celeste-alert-close--${_ctx.variant}`]]),
|
|
103
|
+
onClick: _cache[0] || (_cache[0] = Mo.withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent"]))
|
|
104
104
|
}, _cache[1] || (_cache[1] = [
|
|
105
|
-
|
|
106
|
-
]), 2)) :
|
|
105
|
+
Mo.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
|
|
106
|
+
]), 2)) : Mo.createCommentVNode("", true)
|
|
107
107
|
], 10, _hoisted_1);
|
|
108
108
|
};
|
|
109
109
|
}
|
package/dist/cjs/badge.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const clsx = require("./chunks/clsx.js");
|
|
4
4
|
;/* empty css */
|
|
5
5
|
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
@@ -9,7 +9,7 @@ const _hoisted_2 = {
|
|
|
9
9
|
class: "dot i-celeste-dot"
|
|
10
10
|
};
|
|
11
11
|
const _hoisted_3 = { key: 2 };
|
|
12
|
-
const _sfc_main = /* @__PURE__ */
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
13
13
|
__name: "badge",
|
|
14
14
|
props: {
|
|
15
15
|
size: { default: "md" },
|
|
@@ -24,8 +24,8 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
24
24
|
setup(__props) {
|
|
25
25
|
const props = __props;
|
|
26
26
|
return (_ctx, _cache) => {
|
|
27
|
-
return
|
|
28
|
-
class:
|
|
27
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
28
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
|
|
29
29
|
"celeste-badge",
|
|
30
30
|
`celeste-badge-${_ctx.size}`,
|
|
31
31
|
`celeste-badge-${_ctx.type}`,
|
|
@@ -38,16 +38,16 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
38
38
|
"aria-disabled": _ctx.disabled || void 0,
|
|
39
39
|
role: "badge"
|
|
40
40
|
}, [
|
|
41
|
-
_ctx.type === "dot" ? (
|
|
42
|
-
_ctx.type === "leading-icon" ? (
|
|
41
|
+
_ctx.type === "dot" ? (Mo.openBlock(), Mo.createElementBlock("i", _hoisted_2)) : Mo.createCommentVNode("", true),
|
|
42
|
+
_ctx.type === "leading-icon" ? (Mo.openBlock(), Mo.createElementBlock("i", {
|
|
43
43
|
key: 1,
|
|
44
|
-
class:
|
|
45
|
-
}, null, 2)) :
|
|
46
|
-
_ctx.label ? (
|
|
47
|
-
_ctx.type === "trailing-icon" ? (
|
|
44
|
+
class: Mo.normalizeClass(_ctx.icon)
|
|
45
|
+
}, null, 2)) : Mo.createCommentVNode("", true),
|
|
46
|
+
_ctx.label ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_3, Mo.toDisplayString(_ctx.label), 1)) : Mo.createCommentVNode("", true),
|
|
47
|
+
_ctx.type === "trailing-icon" ? (Mo.openBlock(), Mo.createElementBlock("i", {
|
|
48
48
|
key: 3,
|
|
49
|
-
class:
|
|
50
|
-
}, null, 2)) :
|
|
49
|
+
class: Mo.normalizeClass(_ctx.icon)
|
|
50
|
+
}, null, 2)) : Mo.createCommentVNode("", true)
|
|
51
51
|
], 10, _hoisted_1);
|
|
52
52
|
};
|
|
53
53
|
}
|
package/dist/cjs/button.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const clsx = require("./chunks/clsx.js");
|
|
4
4
|
const index = require("./chunks/index.js");
|
|
5
5
|
;/* empty css */
|
|
6
6
|
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
-
const _sfc_main = /* @__PURE__ */
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
8
|
__name: "button",
|
|
9
9
|
props: {
|
|
10
10
|
class: {},
|
|
@@ -17,10 +17,10 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
17
17
|
setup(__props) {
|
|
18
18
|
const props = __props;
|
|
19
19
|
return (_ctx, _cache) => {
|
|
20
|
-
return
|
|
20
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
21
21
|
as: _ctx.as,
|
|
22
22
|
"as-child": _ctx.asChild,
|
|
23
|
-
class:
|
|
23
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
|
|
24
24
|
"celeste-button",
|
|
25
25
|
`celeste-button-intent-${_ctx.intent}`,
|
|
26
26
|
`celeste-button-size-${_ctx.size}`,
|
|
@@ -28,8 +28,8 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
28
28
|
props.class
|
|
29
29
|
))
|
|
30
30
|
}, {
|
|
31
|
-
default:
|
|
32
|
-
|
|
31
|
+
default: Mo.withCtx(() => [
|
|
32
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
33
33
|
]),
|
|
34
34
|
_: 3
|
|
35
35
|
}, 8, ["as", "as-child", "class"]);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const useDelegatedProps = require("./use-delegated-props.js");
|
|
4
4
|
const clsx = require("./chunks/clsx.js");
|
|
5
5
|
const index = require("./chunks/index.js");
|
|
@@ -11,7 +11,7 @@ const _hoisted_3 = {
|
|
|
11
11
|
role: "presentation",
|
|
12
12
|
class: "celeste-checkbox-card-row"
|
|
13
13
|
};
|
|
14
|
-
const _sfc_main = /* @__PURE__ */
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
15
15
|
__name: "checkbox-card",
|
|
16
16
|
props: {
|
|
17
17
|
for: {},
|
|
@@ -25,79 +25,79 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
25
25
|
const props = __props;
|
|
26
26
|
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
27
27
|
return (_ctx, _cache) => {
|
|
28
|
-
return
|
|
28
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Oh), Mo.mergeProps(Mo.unref(delegatedProps), {
|
|
29
29
|
"aria-required": _ctx.required,
|
|
30
30
|
"aria-disabled": _ctx.disabled,
|
|
31
|
-
class:
|
|
31
|
+
class: Mo.unref(clsx.clsx)("celeste-checkbox-card", props.class, {
|
|
32
32
|
"celeste-checkbox-card-disabled": _ctx.disabled
|
|
33
33
|
})
|
|
34
34
|
}), {
|
|
35
|
-
default:
|
|
36
|
-
_ctx.$slots.image || _ctx.$slots.icon ? (
|
|
35
|
+
default: Mo.withCtx(() => [
|
|
36
|
+
_ctx.$slots.image || _ctx.$slots.icon ? (Mo.openBlock(), Mo.createElementBlock("div", {
|
|
37
37
|
key: 0,
|
|
38
38
|
role: "presentation",
|
|
39
|
-
class:
|
|
39
|
+
class: Mo.normalizeClass(["celeste-checkbox-card-preview", [_ctx.$slots.image ? "celeste-checkbox-card-preview-image" : "celeste-checkbox-card-preview-icon"]])
|
|
40
40
|
}, [
|
|
41
|
-
_ctx.$slots.image ? (
|
|
42
|
-
_cache[0] || (_cache[0] =
|
|
41
|
+
_ctx.$slots.image ? (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 0 }, [
|
|
42
|
+
_cache[0] || (_cache[0] = Mo.createElementVNode("i", {
|
|
43
43
|
class: "celeste-checkbox-card-preview-fallback",
|
|
44
44
|
"i-celeste-image-circle-fill": ""
|
|
45
45
|
}, null, -1)),
|
|
46
|
-
|
|
47
|
-
], 64)) : _ctx.$slots.icon ?
|
|
48
|
-
], 2)) :
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
46
|
+
Mo.renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)
|
|
47
|
+
], 64)) : _ctx.$slots.icon ? Mo.renderSlot(_ctx.$slots, "icon", { key: 1 }, void 0, true) : Mo.createCommentVNode("", true)
|
|
48
|
+
], 2)) : Mo.createCommentVNode("", true),
|
|
49
|
+
Mo.createElementVNode("div", _hoisted_1, [
|
|
50
|
+
Mo.createElementVNode("div", _hoisted_2, [
|
|
51
|
+
Mo.createElementVNode("div", _hoisted_3, [
|
|
52
|
+
Mo.createVNode(Mo.unref(index.O), {
|
|
53
53
|
as: "span",
|
|
54
54
|
class: "celeste-checkbox-card-label"
|
|
55
55
|
}, {
|
|
56
|
-
default:
|
|
57
|
-
|
|
56
|
+
default: Mo.withCtx(() => [
|
|
57
|
+
Mo.renderSlot(_ctx.$slots, "label", {}, void 0, true)
|
|
58
58
|
]),
|
|
59
59
|
_: 3
|
|
60
60
|
}),
|
|
61
|
-
_ctx.$slots.sublabel ? (
|
|
61
|
+
_ctx.$slots.sublabel ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
62
62
|
key: 0,
|
|
63
63
|
as: "span",
|
|
64
64
|
class: "celeste-checkbox-card-sublabel"
|
|
65
65
|
}, {
|
|
66
|
-
default:
|
|
67
|
-
|
|
66
|
+
default: Mo.withCtx(() => [
|
|
67
|
+
Mo.renderSlot(_ctx.$slots, "sublabel", {}, void 0, true)
|
|
68
68
|
]),
|
|
69
69
|
_: 3
|
|
70
|
-
})) :
|
|
71
|
-
_ctx.$slots.badge ? (
|
|
70
|
+
})) : Mo.createCommentVNode("", true),
|
|
71
|
+
_ctx.$slots.badge ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
72
72
|
key: 1,
|
|
73
73
|
"as-child": "",
|
|
74
74
|
class: "celeste-checkbox-card-badge"
|
|
75
75
|
}, {
|
|
76
|
-
default:
|
|
77
|
-
|
|
76
|
+
default: Mo.withCtx(() => [
|
|
77
|
+
Mo.renderSlot(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)
|
|
78
78
|
]),
|
|
79
79
|
_: 3
|
|
80
|
-
})) :
|
|
80
|
+
})) : Mo.createCommentVNode("", true)
|
|
81
81
|
])
|
|
82
82
|
]),
|
|
83
|
-
_ctx.$slots.description ? (
|
|
83
|
+
_ctx.$slots.description ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
84
84
|
key: 0,
|
|
85
85
|
as: "span",
|
|
86
86
|
class: "celeste-checkbox-card-description"
|
|
87
87
|
}, {
|
|
88
|
-
default:
|
|
89
|
-
|
|
88
|
+
default: Mo.withCtx(() => [
|
|
89
|
+
Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
|
|
90
90
|
]),
|
|
91
91
|
_: 3
|
|
92
|
-
})) :
|
|
92
|
+
})) : Mo.createCommentVNode("", true)
|
|
93
93
|
]),
|
|
94
|
-
|
|
94
|
+
Mo.createVNode(Mo.unref(index.O), {
|
|
95
95
|
disabled: _ctx.disabled,
|
|
96
96
|
"as-child": "",
|
|
97
97
|
class: "celeste-checkbox-card-checkbox"
|
|
98
98
|
}, {
|
|
99
|
-
default:
|
|
100
|
-
|
|
99
|
+
default: Mo.withCtx(() => [
|
|
100
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
101
101
|
]),
|
|
102
102
|
_: 3
|
|
103
103
|
}, 8, ["disabled"])
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const useDelegatedProps = require("./use-delegated-props.js");
|
|
4
4
|
const clsx = require("./chunks/clsx.js");
|
|
5
5
|
const index = require("./chunks/index.js");
|
|
@@ -14,7 +14,7 @@ const _hoisted_3 = {
|
|
|
14
14
|
role: "presentation",
|
|
15
15
|
class: "celeste-checkbox-label-content"
|
|
16
16
|
};
|
|
17
|
-
const _sfc_main = /* @__PURE__ */
|
|
17
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
18
18
|
__name: "checkbox-label",
|
|
19
19
|
props: {
|
|
20
20
|
for: {},
|
|
@@ -28,76 +28,76 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
28
28
|
const props = __props;
|
|
29
29
|
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
30
30
|
return (_ctx, _cache) => {
|
|
31
|
-
return
|
|
31
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Oh), Mo.mergeProps(Mo.unref(delegatedProps), {
|
|
32
32
|
"aria-required": _ctx.required,
|
|
33
33
|
"aria-disabcled": _ctx.disabled,
|
|
34
|
-
class:
|
|
34
|
+
class: Mo.unref(clsx.clsx)("celeste-checkbox-label", props.class)
|
|
35
35
|
}), {
|
|
36
|
-
default:
|
|
37
|
-
|
|
36
|
+
default: Mo.withCtx(() => [
|
|
37
|
+
Mo.createVNode(Mo.unref(index.O), {
|
|
38
38
|
"as-child": "",
|
|
39
39
|
class: "celeste-checkbox-label-checkbox"
|
|
40
40
|
}, {
|
|
41
|
-
default:
|
|
42
|
-
|
|
41
|
+
default: Mo.withCtx(() => [
|
|
42
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
43
43
|
]),
|
|
44
44
|
_: 3
|
|
45
45
|
}),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
Mo.createElementVNode("div", _hoisted_1, [
|
|
47
|
+
Mo.createElementVNode("div", _hoisted_2, [
|
|
48
|
+
Mo.createElementVNode("div", null, [
|
|
49
|
+
Mo.createVNode(Mo.unref(index.O), {
|
|
50
50
|
as: "span",
|
|
51
51
|
class: "celeste-checkbox-label-label"
|
|
52
52
|
}, {
|
|
53
|
-
default:
|
|
54
|
-
|
|
53
|
+
default: Mo.withCtx(() => [
|
|
54
|
+
Mo.renderSlot(_ctx.$slots, "label", {}, void 0, true)
|
|
55
55
|
]),
|
|
56
56
|
_: 3
|
|
57
57
|
}),
|
|
58
|
-
_ctx.$slots.sublabel ? (
|
|
58
|
+
_ctx.$slots.sublabel ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
59
59
|
key: 0,
|
|
60
60
|
as: "span",
|
|
61
61
|
class: "celeste-checkbox-label-sublabel"
|
|
62
62
|
}, {
|
|
63
|
-
default:
|
|
64
|
-
|
|
63
|
+
default: Mo.withCtx(() => [
|
|
64
|
+
Mo.renderSlot(_ctx.$slots, "sublabel", {}, void 0, true)
|
|
65
65
|
]),
|
|
66
66
|
_: 3
|
|
67
|
-
})) :
|
|
67
|
+
})) : Mo.createCommentVNode("", true)
|
|
68
68
|
]),
|
|
69
|
-
_ctx.$slots.badge ? (
|
|
69
|
+
_ctx.$slots.badge ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
70
70
|
key: 0,
|
|
71
71
|
"as-child": "",
|
|
72
72
|
class: "celeste-checkbox-label-badge"
|
|
73
73
|
}, {
|
|
74
|
-
default:
|
|
75
|
-
|
|
74
|
+
default: Mo.withCtx(() => [
|
|
75
|
+
Mo.renderSlot(_ctx.$slots, "badge", {}, void 0, true)
|
|
76
76
|
]),
|
|
77
77
|
_: 3
|
|
78
|
-
})) :
|
|
78
|
+
})) : Mo.createCommentVNode("", true)
|
|
79
79
|
]),
|
|
80
|
-
|
|
81
|
-
_ctx.$slots.description ? (
|
|
80
|
+
Mo.createElementVNode("div", _hoisted_3, [
|
|
81
|
+
_ctx.$slots.description ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
82
82
|
key: 0,
|
|
83
83
|
as: "span",
|
|
84
84
|
class: "celeste-checkbox-label-description"
|
|
85
85
|
}, {
|
|
86
|
-
default:
|
|
87
|
-
|
|
86
|
+
default: Mo.withCtx(() => [
|
|
87
|
+
Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
|
|
88
88
|
]),
|
|
89
89
|
_: 3
|
|
90
|
-
})) :
|
|
91
|
-
_ctx.$slots.linkButton ? (
|
|
90
|
+
})) : Mo.createCommentVNode("", true),
|
|
91
|
+
_ctx.$slots.linkButton ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
92
92
|
key: 1,
|
|
93
93
|
"as-child": "",
|
|
94
94
|
class: "celeste-checkbox-label-link-button"
|
|
95
95
|
}, {
|
|
96
|
-
default:
|
|
97
|
-
|
|
96
|
+
default: Mo.withCtx(() => [
|
|
97
|
+
Mo.renderSlot(_ctx.$slots, "linkButton", {}, void 0, true)
|
|
98
98
|
]),
|
|
99
99
|
_: 3
|
|
100
|
-
})) :
|
|
100
|
+
})) : Mo.createCommentVNode("", true)
|
|
101
101
|
])
|
|
102
102
|
])
|
|
103
103
|
]),
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const useUserSelect = require("../use-user-select.js");
|
|
4
4
|
const color = require("../color.js");
|
|
5
5
|
const useColorModel = require("../use-color-model.js");
|
|
6
6
|
const _hoisted_1 = { class: "celeste-color-slider" };
|
|
7
7
|
const _hoisted_2 = ["aria-valuenow"];
|
|
8
|
-
const _sfc_main = /* @__PURE__ */
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
9
9
|
__name: "alpha-slider",
|
|
10
10
|
props: {
|
|
11
11
|
modelValue: {}
|
|
@@ -16,9 +16,9 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
16
16
|
const emit = __emit;
|
|
17
17
|
const tinyColorRef = useColorModel.defineColorModel(props, emit);
|
|
18
18
|
const { preventPageUserSelect, allowPageUserSelect } = useUserSelect.useUserPageSelection();
|
|
19
|
-
const containerRef =
|
|
20
|
-
const alpha =
|
|
21
|
-
const alphaSliderBg =
|
|
19
|
+
const containerRef = Mo.useTemplateRef("slider-track");
|
|
20
|
+
const alpha = Mo.computed(() => tinyColorRef.value.getAlpha());
|
|
21
|
+
const alphaSliderBg = Mo.computed(() => {
|
|
22
22
|
const { r, g, b } = tinyColorRef.value.toRgb();
|
|
23
23
|
return `
|
|
24
24
|
linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0), rgba(${r}, ${g}, ${b}, 1)),
|
|
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
30
30
|
) 0% -25% / 6px 6px
|
|
31
31
|
`;
|
|
32
32
|
});
|
|
33
|
-
const trackThumbBg =
|
|
33
|
+
const trackThumbBg = Mo.computed(() => {
|
|
34
34
|
const { r, g, b, a } = tinyColorRef.value.toRgb();
|
|
35
35
|
const rgbaString = [r, g, b, a].join(",");
|
|
36
36
|
return `rgba(${rgbaString})`;
|
|
@@ -95,15 +95,15 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
95
95
|
tinyColorRef.value = tinyColorRef.value.setAlpha(newValue).clone();
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
|
|
98
|
+
Mo.onUnmounted(() => {
|
|
99
99
|
unbindEventListeners();
|
|
100
100
|
});
|
|
101
101
|
return (_ctx, _cache) => {
|
|
102
|
-
return
|
|
103
|
-
|
|
102
|
+
return Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
|
|
103
|
+
Mo.createElementVNode("div", {
|
|
104
104
|
ref: "slider-track",
|
|
105
105
|
class: "slider-track",
|
|
106
|
-
style:
|
|
106
|
+
style: Mo.normalizeStyle({ background: alphaSliderBg.value }),
|
|
107
107
|
role: "slider",
|
|
108
108
|
"aria-label": "Transparency",
|
|
109
109
|
"aria-valuemax": "1",
|
|
@@ -115,9 +115,9 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
115
115
|
onTouchstartPassive: handleChange,
|
|
116
116
|
onKeydown: handleKeydown
|
|
117
117
|
}, [
|
|
118
|
-
|
|
118
|
+
Mo.createElementVNode("div", {
|
|
119
119
|
class: "celeste-color-thumb",
|
|
120
|
-
style:
|
|
120
|
+
style: Mo.normalizeStyle({ left: `${alpha.value * 100}%`, background: trackThumbBg.value })
|
|
121
121
|
}, null, 4)
|
|
122
122
|
], 44, _hoisted_2)
|
|
123
123
|
]);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const useDelegatedProps = require("../use-delegated-props.js");
|
|
4
4
|
const clsx = require("./clsx.js");
|
|
5
5
|
const index = require("./index.js");
|
|
6
|
-
const _sfc_main = /* @__PURE__ */
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
7
7
|
__name: "checkbox",
|
|
8
8
|
props: {
|
|
9
9
|
defaultChecked: { type: Boolean },
|
|
@@ -22,13 +22,13 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
22
22
|
const props = __props;
|
|
23
23
|
const emits = __emit;
|
|
24
24
|
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
25
|
-
const forwarded = index.
|
|
25
|
+
const forwarded = index.xe(delegatedProps, emits);
|
|
26
26
|
return (_ctx, _cache) => {
|
|
27
|
-
return
|
|
28
|
-
class:
|
|
27
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.zv), Mo.mergeProps(Mo.unref(forwarded), {
|
|
28
|
+
class: Mo.unref(clsx.clsx)("celeste-checkbox", props.class)
|
|
29
29
|
}), {
|
|
30
|
-
default:
|
|
31
|
-
|
|
30
|
+
default: Mo.withCtx(() => [
|
|
31
|
+
Mo.createVNode(Mo.unref(index.Kv), { class: "celeste-checkbox-indicator" })
|
|
32
32
|
]),
|
|
33
33
|
_: 1
|
|
34
34
|
}, 16, ["class"]);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const clsx = require("./clsx.js");
|
|
4
4
|
const index = require("./index.js");
|
|
5
|
-
const _sfc_main = /* @__PURE__ */
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
6
|
__name: "collapsible-content",
|
|
7
7
|
props: {
|
|
8
8
|
class: {},
|
|
@@ -13,11 +13,11 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
13
13
|
setup(__props) {
|
|
14
14
|
const props = __props;
|
|
15
15
|
return (_ctx, _cache) => {
|
|
16
|
-
return
|
|
17
|
-
class:
|
|
16
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.qi), Mo.mergeProps(props, {
|
|
17
|
+
class: Mo.unref(clsx.clsx)("celeste-collapsible-content", props.class)
|
|
18
18
|
}), {
|
|
19
|
-
default:
|
|
20
|
-
|
|
19
|
+
default: Mo.withCtx(() => [
|
|
20
|
+
Mo.renderSlot(_ctx.$slots, "default")
|
|
21
21
|
]),
|
|
22
22
|
_: 3
|
|
23
23
|
}, 16, ["class"]);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const Mo = require("vue");
|
|
3
3
|
const index = require("./index.js");
|
|
4
|
-
const _sfc_main = /* @__PURE__ */
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
5
5
|
__name: "collapsible-trigger",
|
|
6
6
|
props: {
|
|
7
7
|
asChild: { type: Boolean },
|
|
@@ -10,9 +10,9 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
|
|
|
10
10
|
setup(__props) {
|
|
11
11
|
const props = __props;
|
|
12
12
|
return (_ctx, _cache) => {
|
|
13
|
-
return
|
|
14
|
-
default:
|
|
15
|
-
|
|
13
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Ui), Mo.normalizeProps(Mo.guardReactiveProps(props)), {
|
|
14
|
+
default: Mo.withCtx(() => [
|
|
15
|
+
Mo.renderSlot(_ctx.$slots, "default")
|
|
16
16
|
]),
|
|
17
17
|
_: 3
|
|
18
18
|
}, 16);
|