maz-ui 4.1.0 → 4.1.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/assets/MazSelect.DFWUoqLA.css +1 -0
  2. package/dist/components/MazSelect.js +5 -6
  3. package/package.json +3 -3
  4. package/dist/assets/MazSelect.CWQ12sG1.css +0 -1
package/dist/assets/MazSelect.DFWUoqLA.css ADDED
@@ -0,0 +1 @@
1
+ .m-select[data-v-406e8df3]{vertical-align:top;display:inline-flex;position:relative}.m-select-input[data-v-406e8df3]{width:100%;height:100%}.m-select-input[data-v-406e8df3]:not(.--disabled){cursor:pointer}.m-select-input__toggle-button[data-v-406e8df3]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-left:0;display:flex}.m-select-input[data-v-406e8df3] input{caret-color:#0000}.m-select.--mini[data-v-406e8df3],.m-select.--xs[data-v-406e8df3]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-406e8df3]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-406e8df3]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-406e8df3]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-406e8df3]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-406e8df3]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-406e8df3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-406e8df3]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-406e8df3]{cursor:pointer;appearance:none;border-style:none}.m-select-list[data-v-406e8df3]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-406e8df3]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-406e8df3],.m-select-list.--xs[data-v-406e8df3]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-406e8df3]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-406e8df3]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-406e8df3]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-406e8df3]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-406e8df3]{min-width:3.5rem}.m-select-list__scroll-wrapper[data-v-406e8df3]{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-406e8df3]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-406e8df3]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-406e8df3]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-406e8df3]:is([class~=dark] *)::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-406e8df3]::-webkit-scrollbar-thumb{border-radius:1000px}.m-select-list__scroll-wrapper[data-v-406e8df3]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-600))transparent}.m-select-list__no-results[data-v-406e8df3]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-406e8df3]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-406e8df3]:focus-within,.m-select-list-item[data-v-406e8df3]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-select-list-item[data-v-406e8df3]:focus-within:is([class~=dark] *),.m-select-list-item[data-v-406e8df3]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-406e8df3]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-406e8df3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-406e8df3]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-406e8df3]:focus{border-color:var(--selected-text-color)}.m-select-list-item.--is-selected.--transparent[data-v-406e8df3]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}
package/dist/components/MazSelect.js CHANGED
@@ -7,7 +7,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
7
7
  import MazInput from "./MazInput.js";
8
8
  import MazPopover from "./MazPopover.js";
9
9
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
10
- import '../assets/MazSelect.CWQ12sG1.css';let e = null;
10
+ import '../assets/MazSelect.DFWUoqLA.css';let e = null;
11
11
  function o(t, l) {
12
12
  e && clearTimeout(e), e = setTimeout(t, l);
13
13
  }
@@ -55,7 +55,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
55
55
  }),
56
56
  emits: /* @__PURE__ */ mergeModels(["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"], ["update:open"]),
57
57
  setup(__props, { expose: __expose, emit: __emit }) {
58
- const props = __props, emits = __emit, MazCheckbox = defineAsyncComponent(() => import("./MazCheckbox.js")), popoverComponent = useTemplateRef("popover"), inputRef = useTemplateRef("input"), searchInputRef = useTemplateRef("searchInput"), optionListRef = useTemplateRef("optionListRef"), optionListWrapperRef = useTemplateRef("optionListWrapper"), selectedTextColor = computed(() => `hsl(var(--maz-${props.color}))`), selectedBgColor = computed(() => `hsl(var(--maz-${props.color}-500) / 0.1)`), { t } = useTranslations(), messages = computed(() => ({
58
+ const props = __props, emits = __emit, MazCheckbox = defineAsyncComponent(() => import("./MazCheckbox.js")), popoverComponent = useTemplateRef("popover"), inputRef = useTemplateRef("input"), searchInputRef = useTemplateRef("searchInput"), optionListElement = useTemplateRef("optionListRef"), optionListWrapperRef = useTemplateRef("optionListWrapper"), selectedTextColor = computed(() => `hsl(var(--maz-${props.color}))`), selectedBgColor = computed(() => `hsl(var(--maz-${props.color}-500) / 0.1)`), { t } = useTranslations(), messages = computed(() => ({
59
59
  searchPlaceholder: props.translations?.searchPlaceholder || t("select.searchPlaceholder")
60
60
  })), isOpen = useModel(__props, "open"), instanceId = useInstanceUniqId({
61
61
  componentName: "MazSelect",
@@ -162,7 +162,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
162
162
  async function scrollToOptionIndex(index) {
163
163
  if (await nextTick(), typeof index != "number" || index < 0)
164
164
  return;
165
- const item = optionListRef.value?.querySelector(`.m-select-list-item:nth-child(${index + 1})`);
165
+ const item = optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index + 1})`);
166
166
  if (item && optionListWrapperRef.value) {
167
167
  const wrapperRect = optionListWrapperRef.value.getBoundingClientRect(), itemRect = item.getBoundingClientRect(), scrollTop = item.offsetTop - wrapperRect.height / 2 + itemRect.height / 2;
168
168
  optionListWrapperRef.value.scrollTo?.({
@@ -313,8 +313,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
313
313
  default: withCtx(({ close, open: openPicker, toggle: togglePopover }) => [
314
314
  createElementVNode("div", {
315
315
  id: `${unref(instanceId)}-option-list`,
316
- ref_key: "optionListRef",
317
- ref: optionListRef,
316
+ ref: "optionListRef",
318
317
  class: normalizeClass(["m-select-list", `--${_ctx.size}`]),
319
318
  style: normalizeStyle([{
320
319
  maxHeight: `${_ctx.maxListHeight}px`,
@@ -392,7 +391,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
392
391
  _: 3
393
392
  }, 8, ["id", "modelValue", "class", "style", "block", "transition", "position", "position-reference"]));
394
393
  }
395
- }), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a101d497"]]);
394
+ }), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-406e8df3"]]);
396
395
  export {
397
396
  MazSelect as default
398
397
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "maz-ui",
3
3
  "type": "module",
4
- "version": "4.1.0",
4
+ "version": "4.1.1-beta.0",
5
5
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
6
6
  "author": "Louis Mazel <me@loicmazuel.com>",
7
7
  "license": "MIT",
@@ -197,7 +197,7 @@
197
197
  "@floating-ui/vue": "^1.1.8",
198
198
  "@maz-ui/cli": "4.0.0",
199
199
  "@maz-ui/icons": "4.0.0",
200
- "@maz-ui/themes": "4.1.0",
200
+ "@maz-ui/themes": "4.1.1-beta.0",
201
201
  "@maz-ui/translations": "4.0.0",
202
202
  "@maz-ui/utils": "4.0.0",
203
203
  "chart.js": "^4.5.0",
@@ -249,5 +249,5 @@
249
249
  "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
250
250
  "*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
251
251
  },
252
- "gitHead": "2f2ef4e0c3db8e64b814aa3c7c5a409e06af48af"
252
+ "gitHead": "43f7b71936c50d2fc6d6d5bf81e9d8e9db19b10e"
253
253
  }
package/dist/assets/MazSelect.CWQ12sG1.css DELETED
@@ -1 +0,0 @@
1
- .m-select[data-v-a101d497]{vertical-align:top;display:inline-flex;position:relative}.m-select-input[data-v-a101d497]{width:100%;height:100%}.m-select-input[data-v-a101d497]:not(.--disabled){cursor:pointer}.m-select-input__toggle-button[data-v-a101d497]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-left:0;display:flex}.m-select-input[data-v-a101d497] input{caret-color:#0000}.m-select.--mini[data-v-a101d497],.m-select.--xs[data-v-a101d497]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-a101d497]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-a101d497]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-a101d497]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-a101d497]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-a101d497]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-a101d497]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-a101d497]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-a101d497]{cursor:pointer;appearance:none;border-style:none}.m-select-list[data-v-a101d497]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-a101d497]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-a101d497],.m-select-list.--xs[data-v-a101d497]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-a101d497]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-a101d497]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-a101d497]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-a101d497]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-a101d497]{min-width:3.5rem}.m-select-list__scroll-wrapper[data-v-a101d497]{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-a101d497]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-a101d497]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-a101d497]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-a101d497]:is([class~=dark] *)::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-a101d497]::-webkit-scrollbar-thumb{border-radius:1000px}.m-select-list__scroll-wrapper[data-v-a101d497]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-600))transparent}.m-select-list__no-results[data-v-a101d497]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-a101d497]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-a101d497]:focus-within,.m-select-list-item[data-v-a101d497]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-select-list-item[data-v-a101d497]:focus-within:is([class~=dark] *),.m-select-list-item[data-v-a101d497]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-a101d497]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-a101d497]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-a101d497]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-a101d497]:focus{border-color:var(--selected-text-color)}.m-select-list-item.--is-selected.--transparent[data-v-a101d497]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}