@nmorph/nmorph-ui-kit 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/dist/index.es.js +5 -2
  2. package/dist/index.umd.js +5 -2
  3. package/package.json +1 -1
  4. package/dist/index.d.ts +0 -2
  5. package/dist/src/components/basic/index.d.ts +0 -9
  6. package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts +0 -39
  7. package/dist/src/components/basic/nmorph-button/types.d.ts +0 -15
  8. package/dist/src/components/basic/nmorph-icon/NmorphIcon.vue.d.ts +0 -22
  9. package/dist/src/components/basic/nmorph-icon/NmorphIcons.d.ts +0 -259
  10. package/dist/src/components/basic/nmorph-icon/types.d.ts +0 -5
  11. package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts +0 -29
  12. package/dist/src/components/basic/nmorph-link/types.d.ts +0 -6
  13. package/dist/src/components/basic/nmorph-scroll/NmorphScroll.vue.d.ts +0 -49
  14. package/dist/src/components/basic/nmorph-scroll/types.d.ts +0 -14
  15. package/dist/src/components/data/index.d.ts +0 -28
  16. package/dist/src/components/data/nmorph-avatar/NmorphAvatar.vue.d.ts +0 -21
  17. package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts +0 -31
  18. package/dist/src/components/data/nmorph-calendar/NmorphCalendar.vue.d.ts +0 -42
  19. package/dist/src/components/data/nmorph-calendar/hooks/index.d.ts +0 -2
  20. package/dist/src/components/data/nmorph-calendar/hooks/use-calendar-texts.d.ts +0 -4
  21. package/dist/src/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.d.ts +0 -25
  22. package/dist/src/components/data/nmorph-calendar/types.d.ts +0 -12
  23. package/dist/src/components/data/nmorph-calendar/utils.d.ts +0 -10
  24. package/dist/src/components/data/nmorph-card/NmorphCard.vue.d.ts +0 -20
  25. package/dist/src/components/data/nmorph-carousel/NmorphCarousel.vue.d.ts +0 -19
  26. package/dist/src/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue.d.ts +0 -13
  27. package/dist/src/components/data/nmorph-carousel/types.d.ts +0 -5
  28. package/dist/src/components/data/nmorph-collapse/NmorphCollapse.vue.d.ts +0 -21
  29. package/dist/src/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts +0 -32
  30. package/dist/src/components/data/nmorph-collapse/types.d.ts +0 -9
  31. package/dist/src/components/data/nmorph-image/NmorphImage.vue.d.ts +0 -30
  32. package/dist/src/components/data/nmorph-image-preview/NmorphImagePreview.vue.d.ts +0 -23
  33. package/dist/src/components/data/nmorph-image-preview/types.d.ts +0 -5
  34. package/dist/src/components/data/nmorph-pagination/NmorphPagination.vue.d.ts +0 -23
  35. package/dist/src/components/data/nmorph-progress/NmorphProgress.vue.d.ts +0 -29
  36. package/dist/src/components/data/nmorph-progress/types.d.ts +0 -6
  37. package/dist/src/components/data/nmorph-skeleton/NmorphSkeleton.vue.d.ts +0 -20
  38. package/dist/src/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.d.ts +0 -16
  39. package/dist/src/components/data/nmorph-skeleton/types.d.ts +0 -5
  40. package/dist/src/components/data/nmorph-table/NmorphTable.vue.d.ts +0 -24
  41. package/dist/src/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.d.ts +0 -13
  42. package/dist/src/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.d.ts +0 -23
  43. package/dist/src/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue.d.ts +0 -11
  44. package/dist/src/components/data/nmorph-table/types.d.ts +0 -21
  45. package/dist/src/components/data/nmorph-tag-list/NmorphTagList.vue.d.ts +0 -13
  46. package/dist/src/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.d.ts +0 -15
  47. package/dist/src/components/data/nmorph-tag-list/types.d.ts +0 -8
  48. package/dist/src/components/feedback/index.d.ts +0 -4
  49. package/dist/src/components/feedback/nmorph-alert/NmorphAlert.vue.d.ts +0 -30
  50. package/dist/src/components/feedback/nmorph-alert/types.d.ts +0 -18
  51. package/dist/src/components/feedback/nmorph-dialog/NmorphDialog.vue.d.ts +0 -38
  52. package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts +0 -25
  53. package/dist/src/components/form/index.d.ts +0 -22
  54. package/dist/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts +0 -36
  55. package/dist/src/components/form/nmorph-autocomplete/types.d.ts +0 -5
  56. package/dist/src/components/form/nmorph-checkbox/NmorphCheckbox.vue.d.ts +0 -24
  57. package/dist/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts +0 -26
  58. package/dist/src/components/form/nmorph-date-picker/NmorphDatePicker.vue.d.ts +0 -24
  59. package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue.d.ts +0 -7
  60. package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.d.ts +0 -17
  61. package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.d.ts +0 -21
  62. package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.d.ts +0 -17
  63. package/dist/src/components/form/nmorph-file-upload/NmorphFileUpload.vue.d.ts +0 -34
  64. package/dist/src/components/form/nmorph-file-upload/types.d.ts +0 -61
  65. package/dist/src/components/form/nmorph-form/NmorphForm.vue.d.ts +0 -20
  66. package/dist/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.d.ts +0 -23
  67. package/dist/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/index.d.ts +0 -3
  68. package/dist/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue.d.ts +0 -13
  69. package/dist/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue.d.ts +0 -9
  70. package/dist/src/components/form/nmorph-form/types.d.ts +0 -7
  71. package/dist/src/components/form/nmorph-number-input/NmorphNumberInput.vue.d.ts +0 -25
  72. package/dist/src/components/form/nmorph-radio/NmorphRadio.vue.d.ts +0 -26
  73. package/dist/src/components/form/nmorph-radio-group/NmorphRadioGroup.vue.d.ts +0 -28
  74. package/dist/src/components/form/nmorph-select/NmorphSelect.vue.d.ts +0 -39
  75. package/dist/src/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.d.ts +0 -19
  76. package/dist/src/components/form/nmorph-select/types.d.ts +0 -9
  77. package/dist/src/components/form/nmorph-select-button/NmorphSelectButton.vue.d.ts +0 -25
  78. package/dist/src/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue.d.ts +0 -18
  79. package/dist/src/components/form/nmorph-select-button/types.d.ts +0 -8
  80. package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts +0 -22
  81. package/dist/src/components/form/nmorph-switch/NmorphSwitch.vue.d.ts +0 -33
  82. package/dist/src/components/form/nmorph-text-input/NmorphTextInput.vue.d.ts +0 -36
  83. package/dist/src/components/index.d.ts +0 -7
  84. package/dist/src/components/navigation/index.d.ts +0 -9
  85. package/dist/src/components/navigation/nmorph-backtop/NmorphBacktop.vue.d.ts +0 -26
  86. package/dist/src/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.d.ts +0 -15
  87. package/dist/src/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.d.ts +0 -17
  88. package/dist/src/components/navigation/nmorph-breadcrumb/types.d.ts +0 -14
  89. package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts +0 -28
  90. package/dist/src/components/navigation/nmorph-tabs/NmorphTabs.vue.d.ts +0 -26
  91. package/dist/src/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.d.ts +0 -22
  92. package/dist/src/components/navigation/nmorph-tabs/type.d.ts +0 -12
  93. package/dist/src/components/navigation/nmorph-tabs/utils.d.ts +0 -3
  94. package/dist/src/components/others/index.d.ts +0 -3
  95. package/dist/src/components/others/nmorph-divider/NmorphDivider.vue.d.ts +0 -9
  96. package/dist/src/components/others/nmorph-divider/types.d.ts +0 -1
  97. package/dist/src/components/others/nmorph-overlay/NmorphOverlay.vue.d.ts +0 -20
  98. package/dist/src/components/providers/index.d.ts +0 -3
  99. package/dist/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.d.ts +0 -14
  100. package/dist/src/components/providers/nmorph-notification-provider/types.d.ts +0 -14
  101. package/dist/src/hooks/index.d.ts +0 -7
  102. package/dist/src/hooks/use-common-styles.d.ts +0 -1
  103. package/dist/src/hooks/use-field-validation.d.ts +0 -53
  104. package/dist/src/hooks/use-form-validation.d.ts +0 -13
  105. package/dist/src/hooks/use-nmorph-translation.d.ts +0 -7
  106. package/dist/src/hooks/use-placement.d.ts +0 -20
  107. package/dist/src/hooks/use-style-class-mixins.d.ts +0 -1
  108. package/dist/src/main.d.ts +0 -9
  109. package/dist/src/outside-hooks/index.d.ts +0 -4
  110. package/dist/src/outside-hooks/use-nmorph-browser.d.ts +0 -14
  111. package/dist/src/outside-hooks/use-nmorph-notification.d.ts +0 -7
  112. package/dist/src/outside-hooks/use-nmorph-theme.d.ts +0 -2
  113. package/dist/src/outside-hooks/use-nmorph.d.ts +0 -2
  114. package/dist/src/outside-utils/index.d.ts +0 -3
  115. package/dist/src/types/index.d.ts +0 -180
  116. package/dist/src/utils/case-transformers.d.ts +0 -5
  117. package/dist/src/utils/common.d.ts +0 -3
  118. package/dist/src/utils/create-modifiers.d.ts +0 -4
  119. package/dist/src/utils/index.d.ts +0 -4
  120. package/dist/src/utils/theme-style.d.ts +0 -15
package/dist/index.es.js CHANGED
@@ -217,7 +217,7 @@ const Lt = (t) => {
217
217
  });
218
218
  };
219
219
  return { placement: c, placementCoords: d };
220
- }, $0 = "@nmorph/nmorph-ui-kit", k0 = "module", M0 = "1.1.0", z0 = "MIT", H0 = {
220
+ }, $0 = "@nmorph/nmorph-ui-kit", k0 = "module", M0 = "1.1.1", z0 = "MIT", H0 = {
221
221
  node: ">=18.13.0",
222
222
  npm: ">=8.19.3"
223
223
  }, V0 = "./dist/index.d.ts", B0 = "./dist/index.umd.js", C0 = "./dist/index.es.js", S0 = "./dist/style.css", I0 = [
@@ -10766,9 +10766,11 @@ const $g = {
10766
10766
  padding: 0 var(--indentation-04);
10767
10767
  border-radius: var(--default-border-radius);
10768
10768
  cursor: pointer;
10769
+ opacity: 0.45;
10769
10770
  transition:
10770
10771
  box-shadow var(--transition-02) ease,
10771
- background var(--transition-02) ease;
10772
+ background var(--transition-02) ease,
10773
+ opacity var(--transition-02) ease;
10772
10774
  font-size: var(--item-font-size);
10773
10775
 
10774
10776
  input {
@@ -10776,6 +10778,7 @@ const $g = {
10776
10778
  }
10777
10779
 
10778
10780
  &.nmorph-select-button-item--checked {
10781
+ opacity: 1;
10779
10782
  ${re()}
10780
10783
  }
10781
10784
 
package/dist/index.umd.js CHANGED
@@ -63,7 +63,7 @@
63
63
  text-overflow: ellipsis;
64
64
  `,je=()=>`
65
65
  outline: 2px solid var(--nmorph-accent-color);
66
- `,Rr=(n,t=!1)=>{const o=e.reactive({}),r=e.reactive({}),l=e.reactive(mn(n)),c=e.ref(!1),i=e.ref(!1),s=()=>{Object.entries(n).forEach(([h,k])=>{r[h]=ut({inputValue:k.value,rules:k.rules}),r[h].validate()}),c.value=Object.entries(r).every(([h,k])=>k.valid)},d=()=>{Object.entries(n).forEach(([h,k])=>{o[h]=ut({inputValue:k.value,rules:k.rules}),o[h].validate()})},m=(h,k)=>Object.keys(k).filter(p=>{const b=h[p]?JSON.stringify(h[p]):null,B=JSON.stringify(k[p]);return b!==B}),_=h=>{m(l,h).forEach(u=>{const p=h[u];o[u]=ut({inputValue:p.value,rules:p.rules}),o[u].validate()}),Object.assign(l,mn(h)),s(),i.value=!0};return e.watch(n,_,{deep:!0}),t&&d(),{fields:o,isFormValid:e.readonly(c),isAnyTouched:e.readonly(i)}},gn=n=>{const{initialPlacement:t,relativeElement:o,contentDOMElement:r,yOffset:l=0,xOffset:c=0}=n,i=e.ref(t),s=e.ref({x:"0px",y:"0px"}),d=e.inject("nmorph"),m=e.ref(null);e.watch(()=>d.browser,()=>{b()},{deep:!0}),e.onMounted(()=>{b(),k(),u(),h.observe(document.body,{childList:!0,subtree:!0}),_()}),e.onUnmounted(()=>{p(),h.disconnect()});const _=()=>{e.nextTick(()=>{r.value&&b()})},h=new MutationObserver(()=>{_()}),k=()=>{let B=r.value;for(;B;){const f=window.getComputedStyle(B);if(f.overflowY==="auto"||f.overflowY==="scroll"){m.value=B;break}B=B.parentElement}},u=()=>{m.value?m.value.addEventListener("scroll",b,{passive:!0}):window.addEventListener("scroll",b,{passive:!0})},p=()=>{m.value?m.value.removeEventListener("scroll",b):window.removeEventListener("scroll",b)},b=()=>{e.nextTick(()=>{if(!r.value||!o){console.warn("There is no relative element or content DOM element");return}const B=r.value.getBoundingClientRect(),f=B.width,w=B.height,g="value"in o?o.value:o;if(!g){console.warn("Relative element is not an HTMLElement");return}const y=g.getBoundingClientRect(),{x,y:$}=y,E=y.width,N=y.height,I=window.innerWidth,V=window.innerHeight;i.value==="top"&&$-w<0&&(i.value="bottom"),i.value==="bottom"&&$+N+w>V&&(i.value="top"),i.value==="left"&&x-f<0&&(i.value="right"),i.value==="right"&&x+E+f>I&&(i.value="left"),i.value==="top"&&(s.value={x:`${x+c}px`,y:`${$-w+l}px`}),i.value==="bottom"&&(s.value={x:`${x+c}px`,y:`${$+N+l}px`}),i.value==="right"&&(s.value={x:`${x+E+c}px`,y:`${$+l}px`}),i.value==="left"&&(s.value={x:`${x-f+c}px`,y:`${$+l}px`})})};return{placement:i,placementCoords:s}},qr={name:"@nmorph/nmorph-ui-kit",type:"module",private:!1,version:"1.1.0",license:"MIT",engines:{node:">=18.13.0",npm:">=8.19.3"},types:"./dist/index.d.ts",main:"./dist/index.umd.js",module:"./dist/index.es.js",style:"./dist/style.css",sideEffects:["*.css"],files:["dist","tsconfig.base.json",".eslintrc.base.cjs",".stylelintrc.base.cjs",".prettierrc.base.cjs"],exports:{".":{import:{types:"./dist/index.d.ts",default:"./dist/index.es.js"},require:"./dist/index.umd.js"},"./dist/index.d.ts":"./dist/index.d.ts","./dist/style.css":"./dist/style.css","./dist/styles/abstracts/_variables.scss":"./dist/styles/abstracts/_variables.scss","./dist/styles/abstracts/_mixins.scss":"./dist/styles/abstracts/_mixins.scss","./dist/styles/abstracts/_functions.scss":"./dist/styles/abstracts/_functions.scss","./dist/styles/main.scss":"./dist/styles/main.scss"},scripts:{build:"npm run build:types && vite build",watch:"vite build --watch","lint:es:check":"eslint --ext .js,.ts,.vue --ignore-path .gitignore src/","lint:es":"eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src/","lint:style:check":"stylelint ./src/**/*.{scss,vue}","lint:style":"stylelint ./src/**/*.{scss,vue} --fix","lint:check":"npm run lint:es:check && npm run lint:style:check",lint:"npm run lint:es && npm run lint:style","dev:type":"vue-tsc -p ./tsconfig.vue.json",prepare:"cd .. && husky install ./library/.husky","validate-branch-name":"node .husky/validate-branch-name.cjs","validate-commit-msg":"node .husky/validate-commit-msg.cjs","build:types":"vue-tsc --declaration --emitDeclarationOnly --outDir dist"},dependencies:{"@vue-styled-components/core":"^1.9.0",vue:"^3.5.13","vue-i18n":"^9.9.0"},devDependencies:{"@types/node":"^20.10.8","@types/vue":"^2.0.0","@types/vue-router":"^2.0.0","@typescript-eslint/eslint-plugin":"^6.18.1","@typescript-eslint/parser":"^6.18.1","@vitejs/plugin-vue":"^4.4.0",eslint:"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.3","eslint-plugin-storybook":"^0.6.15","eslint-plugin-vue":"^9.19.2","happy-dom":"^15.11.7",husky:"^8.0.3",prettier:"^3.1.1","rollup-plugin-ignore":"^1.0.10",sass:"^1.69.7",stylelint:"^16.1.0","stylelint-config-idiomatic-order":"^10.0.0","stylelint-config-rational-order":"^0.0.4","stylelint-config-recommended-scss":"^14.0.0","stylelint-config-recommended-vue":"^1.5.0","stylelint-config-standard":"^36.0.0","stylelint-config-standard-scss":"^13.0.0","stylelint-order":"^6.0.4","stylelint-prettier":"^5.0.0","stylelint-scss":"^6.0.0",typescript:"~5.1.6",vite:"^4.5.0","vite-plugin-dts":"^4.3.0","vite-plugin-static-copy":"^0.17.1","vite-svg-loader":"^5.1.0","vue-eslint-parser":"^9.4.0","vue-tsc":"^1.6.5"}},wn={error:{bg:"#000000",text:"red"},success:{bg:"#000000",text:"green"},warn:{bg:"#000000",text:"orange"},info:{bg:"#000000",text:"blue"}},_n=(n,t)=>{console.log(`%c ${t} `,`background: ${wn[n].bg}; color: ${wn[n].text}`)},kn={info:"#d4e5edbb",infoText:"#506c80",success:"#67C23A",successText:"#0b5b1d",error:"#F56C6C",errorText:"#8d3333",warn:"#E6A21C",warnText:"#7a6712",gray:"#c9d2dee6",white:"#ffffff",black:"#000000",overlay:"#00000095"},Wr={darkShade:"#c8c9ca",main:"#e9ecec",lightShade:"#fdfdfd",text:"#687b9e",accent:"#4a90e2",focusText:"#ffffff",placeholderText:"#c1c9cf"},Ur={darkShade:"#0f1112",main:"#1c1f21",lightShade:"#292d30",text:"#778288",accent:"#006cb6",focusText:"#ffffff",placeholderText:"#575757"},we="nmorph-data-theme",Yr={themes:{common:kn,light:Wr,dark:Ur},defaultTheme:"dark",saveCurrentThemeToLS:!0,darkShadeGeneratorCoefficient:-45,lightShadeGeneratorCoefficient:45,other:{baseShadowWidth:"3.5px",baseShadowBlurCoefficient:"2"}},Xr=n=>/^#[0-9A-Fa-f]{6}$/.test(n),Gr=n=>{if(!Xr(n))throw new Error(`Invalid hex color: ${n}`);return n},Kr=(n,t)=>{const o={};return n.forEach(({name:r,color:l})=>{o[r]=l}),t.forEach(({name:r,color:l})=>{o[r]=l}),Object.entries(o).map(([r,l])=>({name:r,color:l}))},bn=(n,t)=>{let o=parseInt(n.substring(1,3),16),r=parseInt(n.substring(3,5),16),l=parseInt(n.substring(5,7),16);o=Math.round(o*(1+t/100)),r=Math.round(r*(1+t/100)),l=Math.round(l*(1+t/100)),o=Math.min(255,Math.max(0,o)),r=Math.min(255,Math.max(0,r)),l=Math.min(255,Math.max(0,l));const c=o.toString(16).padStart(2,"0"),i=r.toString(16).padStart(2,"0"),s=l.toString(16).padStart(2,"0");return`#${c}${i}${s}`},Bn=n=>{_n("warn",`NMORPH(v${qr.version})`);const t={...Yr,...n},o=u=>{try{const p=Gr(u),b=bn(p,t.darkShadeGeneratorCoefficient),B=bn(p,t.lightShadeGeneratorCoefficient);return[{name:"--nmorph-dark-shade-color",color:b},{name:"--nmorph-light-shade-color",color:B}]}catch(p){console.error(p.message)}},r=u=>Object.entries(u).map(([p,b])=>({name:`--nmorph-${dn(p)}-color`,color:b})),l=(u,p)=>{const b=w=>w.map(g=>`${g.name}: ${g.color};`).join(" "),B=Object.entries(p).map(([w,g])=>`--${dn(w)}: ${g};`).join(" "),f=[];return Object.entries(u).forEach(([w,g])=>{const y=r(kn);if(w==="common")f.push(b(Kr(y,g)));else{const x=`
66
+ `,Rr=(n,t=!1)=>{const o=e.reactive({}),r=e.reactive({}),l=e.reactive(mn(n)),c=e.ref(!1),i=e.ref(!1),s=()=>{Object.entries(n).forEach(([h,k])=>{r[h]=ut({inputValue:k.value,rules:k.rules}),r[h].validate()}),c.value=Object.entries(r).every(([h,k])=>k.valid)},d=()=>{Object.entries(n).forEach(([h,k])=>{o[h]=ut({inputValue:k.value,rules:k.rules}),o[h].validate()})},m=(h,k)=>Object.keys(k).filter(p=>{const b=h[p]?JSON.stringify(h[p]):null,B=JSON.stringify(k[p]);return b!==B}),_=h=>{m(l,h).forEach(u=>{const p=h[u];o[u]=ut({inputValue:p.value,rules:p.rules}),o[u].validate()}),Object.assign(l,mn(h)),s(),i.value=!0};return e.watch(n,_,{deep:!0}),t&&d(),{fields:o,isFormValid:e.readonly(c),isAnyTouched:e.readonly(i)}},gn=n=>{const{initialPlacement:t,relativeElement:o,contentDOMElement:r,yOffset:l=0,xOffset:c=0}=n,i=e.ref(t),s=e.ref({x:"0px",y:"0px"}),d=e.inject("nmorph"),m=e.ref(null);e.watch(()=>d.browser,()=>{b()},{deep:!0}),e.onMounted(()=>{b(),k(),u(),h.observe(document.body,{childList:!0,subtree:!0}),_()}),e.onUnmounted(()=>{p(),h.disconnect()});const _=()=>{e.nextTick(()=>{r.value&&b()})},h=new MutationObserver(()=>{_()}),k=()=>{let B=r.value;for(;B;){const f=window.getComputedStyle(B);if(f.overflowY==="auto"||f.overflowY==="scroll"){m.value=B;break}B=B.parentElement}},u=()=>{m.value?m.value.addEventListener("scroll",b,{passive:!0}):window.addEventListener("scroll",b,{passive:!0})},p=()=>{m.value?m.value.removeEventListener("scroll",b):window.removeEventListener("scroll",b)},b=()=>{e.nextTick(()=>{if(!r.value||!o){console.warn("There is no relative element or content DOM element");return}const B=r.value.getBoundingClientRect(),f=B.width,w=B.height,g="value"in o?o.value:o;if(!g){console.warn("Relative element is not an HTMLElement");return}const y=g.getBoundingClientRect(),{x,y:$}=y,E=y.width,N=y.height,I=window.innerWidth,V=window.innerHeight;i.value==="top"&&$-w<0&&(i.value="bottom"),i.value==="bottom"&&$+N+w>V&&(i.value="top"),i.value==="left"&&x-f<0&&(i.value="right"),i.value==="right"&&x+E+f>I&&(i.value="left"),i.value==="top"&&(s.value={x:`${x+c}px`,y:`${$-w+l}px`}),i.value==="bottom"&&(s.value={x:`${x+c}px`,y:`${$+N+l}px`}),i.value==="right"&&(s.value={x:`${x+E+c}px`,y:`${$+l}px`}),i.value==="left"&&(s.value={x:`${x-f+c}px`,y:`${$+l}px`})})};return{placement:i,placementCoords:s}},qr={name:"@nmorph/nmorph-ui-kit",type:"module",private:!1,version:"1.1.1",license:"MIT",engines:{node:">=18.13.0",npm:">=8.19.3"},types:"./dist/index.d.ts",main:"./dist/index.umd.js",module:"./dist/index.es.js",style:"./dist/style.css",sideEffects:["*.css"],files:["dist","tsconfig.base.json",".eslintrc.base.cjs",".stylelintrc.base.cjs",".prettierrc.base.cjs"],exports:{".":{import:{types:"./dist/index.d.ts",default:"./dist/index.es.js"},require:"./dist/index.umd.js"},"./dist/index.d.ts":"./dist/index.d.ts","./dist/style.css":"./dist/style.css","./dist/styles/abstracts/_variables.scss":"./dist/styles/abstracts/_variables.scss","./dist/styles/abstracts/_mixins.scss":"./dist/styles/abstracts/_mixins.scss","./dist/styles/abstracts/_functions.scss":"./dist/styles/abstracts/_functions.scss","./dist/styles/main.scss":"./dist/styles/main.scss"},scripts:{build:"npm run build:types && vite build",watch:"vite build --watch","lint:es:check":"eslint --ext .js,.ts,.vue --ignore-path .gitignore src/","lint:es":"eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src/","lint:style:check":"stylelint ./src/**/*.{scss,vue}","lint:style":"stylelint ./src/**/*.{scss,vue} --fix","lint:check":"npm run lint:es:check && npm run lint:style:check",lint:"npm run lint:es && npm run lint:style","dev:type":"vue-tsc -p ./tsconfig.vue.json",prepare:"cd .. && husky install ./library/.husky","validate-branch-name":"node .husky/validate-branch-name.cjs","validate-commit-msg":"node .husky/validate-commit-msg.cjs","build:types":"vue-tsc --declaration --emitDeclarationOnly --outDir dist"},dependencies:{"@vue-styled-components/core":"^1.9.0",vue:"^3.5.13","vue-i18n":"^9.9.0"},devDependencies:{"@types/node":"^20.10.8","@types/vue":"^2.0.0","@types/vue-router":"^2.0.0","@typescript-eslint/eslint-plugin":"^6.18.1","@typescript-eslint/parser":"^6.18.1","@vitejs/plugin-vue":"^4.4.0",eslint:"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.3","eslint-plugin-storybook":"^0.6.15","eslint-plugin-vue":"^9.19.2","happy-dom":"^15.11.7",husky:"^8.0.3",prettier:"^3.1.1","rollup-plugin-ignore":"^1.0.10",sass:"^1.69.7",stylelint:"^16.1.0","stylelint-config-idiomatic-order":"^10.0.0","stylelint-config-rational-order":"^0.0.4","stylelint-config-recommended-scss":"^14.0.0","stylelint-config-recommended-vue":"^1.5.0","stylelint-config-standard":"^36.0.0","stylelint-config-standard-scss":"^13.0.0","stylelint-order":"^6.0.4","stylelint-prettier":"^5.0.0","stylelint-scss":"^6.0.0",typescript:"~5.1.6",vite:"^4.5.0","vite-plugin-dts":"^4.3.0","vite-plugin-static-copy":"^0.17.1","vite-svg-loader":"^5.1.0","vue-eslint-parser":"^9.4.0","vue-tsc":"^1.6.5"}},wn={error:{bg:"#000000",text:"red"},success:{bg:"#000000",text:"green"},warn:{bg:"#000000",text:"orange"},info:{bg:"#000000",text:"blue"}},_n=(n,t)=>{console.log(`%c ${t} `,`background: ${wn[n].bg}; color: ${wn[n].text}`)},kn={info:"#d4e5edbb",infoText:"#506c80",success:"#67C23A",successText:"#0b5b1d",error:"#F56C6C",errorText:"#8d3333",warn:"#E6A21C",warnText:"#7a6712",gray:"#c9d2dee6",white:"#ffffff",black:"#000000",overlay:"#00000095"},Wr={darkShade:"#c8c9ca",main:"#e9ecec",lightShade:"#fdfdfd",text:"#687b9e",accent:"#4a90e2",focusText:"#ffffff",placeholderText:"#c1c9cf"},Ur={darkShade:"#0f1112",main:"#1c1f21",lightShade:"#292d30",text:"#778288",accent:"#006cb6",focusText:"#ffffff",placeholderText:"#575757"},we="nmorph-data-theme",Yr={themes:{common:kn,light:Wr,dark:Ur},defaultTheme:"dark",saveCurrentThemeToLS:!0,darkShadeGeneratorCoefficient:-45,lightShadeGeneratorCoefficient:45,other:{baseShadowWidth:"3.5px",baseShadowBlurCoefficient:"2"}},Xr=n=>/^#[0-9A-Fa-f]{6}$/.test(n),Gr=n=>{if(!Xr(n))throw new Error(`Invalid hex color: ${n}`);return n},Kr=(n,t)=>{const o={};return n.forEach(({name:r,color:l})=>{o[r]=l}),t.forEach(({name:r,color:l})=>{o[r]=l}),Object.entries(o).map(([r,l])=>({name:r,color:l}))},bn=(n,t)=>{let o=parseInt(n.substring(1,3),16),r=parseInt(n.substring(3,5),16),l=parseInt(n.substring(5,7),16);o=Math.round(o*(1+t/100)),r=Math.round(r*(1+t/100)),l=Math.round(l*(1+t/100)),o=Math.min(255,Math.max(0,o)),r=Math.min(255,Math.max(0,r)),l=Math.min(255,Math.max(0,l));const c=o.toString(16).padStart(2,"0"),i=r.toString(16).padStart(2,"0"),s=l.toString(16).padStart(2,"0");return`#${c}${i}${s}`},Bn=n=>{_n("warn",`NMORPH(v${qr.version})`);const t={...Yr,...n},o=u=>{try{const p=Gr(u),b=bn(p,t.darkShadeGeneratorCoefficient),B=bn(p,t.lightShadeGeneratorCoefficient);return[{name:"--nmorph-dark-shade-color",color:b},{name:"--nmorph-light-shade-color",color:B}]}catch(p){console.error(p.message)}},r=u=>Object.entries(u).map(([p,b])=>({name:`--nmorph-${dn(p)}-color`,color:b})),l=(u,p)=>{const b=w=>w.map(g=>`${g.name}: ${g.color};`).join(" "),B=Object.entries(p).map(([w,g])=>`--${dn(w)}: ${g};`).join(" "),f=[];return Object.entries(u).forEach(([w,g])=>{const y=r(kn);if(w==="common")f.push(b(Kr(y,g)));else{const x=`
67
67
  &[${we}='${w}'] {
68
68
  ${b(g)}
69
69
  }
@@ -2604,9 +2604,11 @@
2604
2604
  padding: 0 var(--indentation-04);
2605
2605
  border-radius: var(--default-border-radius);
2606
2606
  cursor: pointer;
2607
+ opacity: 0.45;
2607
2608
  transition:
2608
2609
  box-shadow var(--transition-02) ease,
2609
- background var(--transition-02) ease;
2610
+ background var(--transition-02) ease,
2611
+ opacity var(--transition-02) ease;
2610
2612
  font-size: var(--item-font-size);
2611
2613
 
2612
2614
  input {
@@ -2614,6 +2616,7 @@
2614
2616
  }
2615
2617
 
2616
2618
  &.nmorph-select-button-item--checked {
2619
+ opacity: 1;
2617
2620
  ${P()}
2618
2621
  }
2619
2622
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@nmorph/nmorph-ui-kit",
3
3
  "type": "module",
4
4
  "private": false,
5
- "version": "1.1.0",
5
+ "version": "1.1.1",
6
6
  "license": "MIT",
7
7
  "engines": {
8
8
  "node": ">=18.13.0",
package/dist/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from './src/main'
2
- export {}
@@ -1,9 +0,0 @@
1
- export { default as NmorphButton } from './nmorph-button/NmorphButton.vue';
2
- export * from './nmorph-button/types';
3
- export { default as NmorphIcon } from './nmorph-icon/NmorphIcon.vue';
4
- export * from './nmorph-icon/types';
5
- export * from './nmorph-icon/NmorphIcons';
6
- export { default as NmorphLink } from './nmorph-link/NmorphLink.vue';
7
- export * from './nmorph-link/types';
8
- export { default as NmorphScroll } from './nmorph-scroll/NmorphScroll.vue';
9
- export * from './nmorph-scroll/types';
@@ -1,39 +0,0 @@
1
- import { INmorphCommonInputProps } from '../../../types';
2
- import { NmorphButtonStyle, NmorphButtonType, NmorphButtonShape } from '../..';
3
- import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
4
- interface INmorphProps extends INmorphCommonInputProps {
5
- styleType?: keyof typeof NmorphButtonStyle;
6
- loading?: boolean;
7
- ripple?: boolean;
8
- type?: keyof typeof NmorphButtonType;
9
- text?: string | number;
10
- accentBgOnHover?: boolean;
11
- shape?: keyof typeof NmorphButtonShape;
12
- fill?: boolean;
13
- tabindex?: number;
14
- }
15
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
16
- buttonDOMElement: Ref<HTMLElement, HTMLElement>;
17
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
18
- fill: boolean;
19
- styleType: "default" | "transparent";
20
- loading: boolean;
21
- ripple: boolean;
22
- type: "reset" | "submit" | "button";
23
- text: string | number;
24
- accentBgOnHover: boolean;
25
- shape: "default" | "square" | "round" | "circle";
26
- tabindex: number;
27
- height: "default" | "thick" | "thin";
28
- disabled: boolean;
29
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
30
- icon?(_: {}): any;
31
- default?(_: {}): any;
32
- append?(_: {}): any;
33
- }>;
34
- export default _default;
35
- type __VLS_WithTemplateSlots<T, S> = T & {
36
- new (): {
37
- $slots: S;
38
- };
39
- };
@@ -1,15 +0,0 @@
1
- export declare enum NmorphButtonStyle {
2
- default = "default",
3
- transparent = "transparent"
4
- }
5
- export declare enum NmorphButtonType {
6
- submit = "submit",
7
- reset = "reset",
8
- button = "button"
9
- }
10
- export declare enum NmorphButtonShape {
11
- default = "default",
12
- square = "square",
13
- round = "round",
14
- circle = "circle"
15
- }
@@ -1,22 +0,0 @@
1
- import { NmorphIconSize } from '../..';
2
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- interface INmorphProps {
4
- size?: keyof typeof NmorphIconSize;
5
- width?: string;
6
- height?: string;
7
- color?: string;
8
- }
9
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
10
- size: "small" | "medium" | "large";
11
- height: string;
12
- width: string;
13
- color: string;
14
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
15
- default?(_: {}): any;
16
- }>;
17
- export default _default;
18
- type __VLS_WithTemplateSlots<T, S> = T & {
19
- new (): {
20
- $slots: S;
21
- };
22
- };
@@ -1,259 +0,0 @@
1
- export { default as NmorphIconAddLocation } from '../../../assets/icons/add-location.svg';
2
- export { default as NmorphIconAim } from '../../../assets/icons/aim.svg';
3
- export { default as NmorphIconAlarmClock } from '../../../assets/icons/alarm-clock.svg';
4
- export { default as NmorphIconApple } from '../../../assets/icons/apple.svg';
5
- export { default as NmorphIconArchive } from '../../../assets/icons/archive.svg';
6
- export { default as NmorphIconArrowDown } from '../../../assets/icons/arrow-down.svg';
7
- export { default as NmorphIconArrowLeft } from '../../../assets/icons/arrow-left.svg';
8
- export { default as NmorphIconArrowRight } from '../../../assets/icons/arrow-right.svg';
9
- export { default as NmorphIconArrowUp } from '../../../assets/icons/arrow-up.svg';
10
- export { default as NmorphIconAudio } from '../../../assets/icons/audio.svg';
11
- export { default as NmorphIconAvatar } from '../../../assets/icons/avatar.svg';
12
- export { default as NmorphIconBack } from '../../../assets/icons/back.svg';
13
- export { default as NmorphIconBellFilled } from '../../../assets/icons/bell-filled.svg';
14
- export { default as NmorphIconBell } from '../../../assets/icons/bell.svg';
15
- export { default as NmorphIconBicycle } from '../../../assets/icons/bicycle.svg';
16
- export { default as NmorphIconBottomLeft } from '../../../assets/icons/bottom-left.svg';
17
- export { default as NmorphIconBottomRight } from '../../../assets/icons/bottom-right.svg';
18
- export { default as NmorphIconBottom } from '../../../assets/icons/bottom.svg';
19
- export { default as NmorphIconBurger } from '../../../assets/icons/burger.svg';
20
- export { default as NmorphIconCalendar } from '../../../assets/icons/calendar.svg';
21
- export { default as NmorphIconCamera } from '../../../assets/icons/camera.svg';
22
- export { default as NmorphIconCaretBottom } from '../../../assets/icons/caret-bottom.svg';
23
- export { default as NmorphIconCaretLeft } from '../../../assets/icons/caret-left.svg';
24
- export { default as NmorphIconCaretRight } from '../../../assets/icons/caret-right.svg';
25
- export { default as NmorphIconCaretTop } from '../../../assets/icons/caret-top.svg';
26
- export { default as NmorphIconCellphone } from '../../../assets/icons/cellphone.svg';
27
- export { default as NmorphIconChatDotRound } from '../../../assets/icons/chat-dot-round.svg';
28
- export { default as NmorphIconChatDotSquare } from '../../../assets/icons/chat-dot-square.svg';
29
- export { default as NmorphIconChatLineRound } from '../../../assets/icons/chat-line-round.svg';
30
- export { default as NmorphIconChatLineSquare } from '../../../assets/icons/chat-line-square.svg';
31
- export { default as NmorphIconChatRound } from '../../../assets/icons/chat-round.svg';
32
- export { default as NmorphIconChatSquare } from '../../../assets/icons/chat-square.svg';
33
- export { default as NmorphIconCheck } from '../../../assets/icons/check.svg';
34
- export { default as NmorphIconChecked } from '../../../assets/icons/checked.svg';
35
- export { default as NmorphIconCherry } from '../../../assets/icons/cherry.svg';
36
- export { default as NmorphIconChevronDoubleDown } from '../../../assets/icons/chevron-double-down.svg';
37
- export { default as NmorphIconChevronDown } from '../../../assets/icons/chevron-down.svg';
38
- export { default as NmorphIconChromeFilled } from '../../../assets/icons/chrome-filled.svg';
39
- export { default as NmorphIconCircleCheckFilled } from '../../../assets/icons/circle-check-filled.svg';
40
- export { default as NmorphIconCircleCheck } from '../../../assets/icons/circle-check.svg';
41
- export { default as NmorphIconCircleCloseFilled } from '../../../assets/icons/circle-close-filled.svg';
42
- export { default as NmorphIconCircleClose } from '../../../assets/icons/circle-close.svg';
43
- export { default as NmorphIconCirclePlusFilled } from '../../../assets/icons/circle-plus-filled.svg';
44
- export { default as NmorphIconCirclePlus } from '../../../assets/icons/circle-plus.svg';
45
- export { default as NmorphIconClock } from '../../../assets/icons/clock.svg';
46
- export { default as NmorphIconClose } from '../../../assets/icons/close.svg';
47
- export { default as NmorphIconCloudy } from '../../../assets/icons/cloudy.svg';
48
- export { default as NmorphIconCode } from '../../../assets/icons/code.svg';
49
- export { default as NmorphIconCoffeeCup } from '../../../assets/icons/coffee-cup.svg';
50
- export { default as NmorphIconCoffee } from '../../../assets/icons/coffee.svg';
51
- export { default as NmorphIconCoin } from '../../../assets/icons/coin.svg';
52
- export { default as NmorphIconCollectionTag } from '../../../assets/icons/collection-tag.svg';
53
- export { default as NmorphIconCollection } from '../../../assets/icons/collection.svg';
54
- export { default as NmorphIconCompass } from '../../../assets/icons/compass.svg';
55
- export { default as NmorphIconConnection } from '../../../assets/icons/connection.svg';
56
- export { default as NmorphIconCoordinate } from '../../../assets/icons/coordinate.svg';
57
- export { default as NmorphIconCopyDocument } from '../../../assets/icons/copy-document.svg';
58
- export { default as NmorphIconCopy } from '../../../assets/icons/copy.svg';
59
- export { default as NmorphIconCpu } from '../../../assets/icons/cpu.svg';
60
- export { default as NmorphIconCreditCard } from '../../../assets/icons/credit-card.svg';
61
- export { default as NmorphIconCrop } from '../../../assets/icons/crop.svg';
62
- export { default as NmorphIconCross } from '../../../assets/icons/cross.svg';
63
- export { default as NmorphIconDeleteFilled } from '../../../assets/icons/delete-filled.svg';
64
- export { default as NmorphIconDelete } from '../../../assets/icons/delete.svg';
65
- export { default as NmorphIconDessert } from '../../../assets/icons/dessert.svg';
66
- export { default as NmorphIconDiscount } from '../../../assets/icons/discount.svg';
67
- export { default as NmorphIconDoc } from '../../../assets/icons/doc.svg';
68
- export { default as NmorphIconDocumentAdd } from '../../../assets/icons/document-add.svg';
69
- export { default as NmorphIconDocumentChecked } from '../../../assets/icons/document-checked.svg';
70
- export { default as NmorphIconDocumentCopy } from '../../../assets/icons/document-copy.svg';
71
- export { default as NmorphIconDocumentDelete } from '../../../assets/icons/document-delete.svg';
72
- export { default as NmorphIconDocumentRemove } from '../../../assets/icons/document-remove.svg';
73
- export { default as NmorphIconDocument } from '../../../assets/icons/document.svg';
74
- export { default as NmorphIconDownload } from '../../../assets/icons/download.svg';
75
- export { default as NmorphIconEditPen } from '../../../assets/icons/edit-pen.svg';
76
- export { default as NmorphIconEdit } from '../../../assets/icons/edit.svg';
77
- export { default as NmorphIconEnlarge } from '../../../assets/icons/enlarge.svg';
78
- export { default as NmorphIconExpand } from '../../../assets/icons/expand.svg';
79
- export { default as NmorphIconError } from '../../../assets/icons/error.svg';
80
- export { default as NmorphIconEye } from '../../../assets/icons/eye.svg';
81
- export { default as NmorphIconEyeBlocked } from '../../../assets/icons/eye-blocked.svg';
82
- export { default as NmorphIconFailed } from '../../../assets/icons/failed.svg';
83
- export { default as NmorphIconFiles } from '../../../assets/icons/files.svg';
84
- export { default as NmorphIconFilm } from '../../../assets/icons/film.svg';
85
- export { default as NmorphIconFilter } from '../../../assets/icons/filter.svg';
86
- export { default as NmorphIconFinished } from '../../../assets/icons/finished.svg';
87
- export { default as NmorphIconFlag } from '../../../assets/icons/flag.svg';
88
- export { default as NmorphIconFold } from '../../../assets/icons/fold.svg';
89
- export { default as NmorphIconFolderAdd } from '../../../assets/icons/folder-add.svg';
90
- export { default as NmorphIconFolderChecked } from '../../../assets/icons/folder-checked.svg';
91
- export { default as NmorphIconFolderDelete } from '../../../assets/icons/folder-delete.svg';
92
- export { default as NmorphIconFolderOpened } from '../../../assets/icons/folder-opened.svg';
93
- export { default as NmorphIconFolder } from '../../../assets/icons/folder.svg';
94
- export { default as NmorphIconFood } from '../../../assets/icons/food.svg';
95
- export { default as NmorphIconForkSpoon } from '../../../assets/icons/fork-spoon.svg';
96
- export { default as NmorphIconFullScreen } from '../../../assets/icons/full-screen.svg';
97
- export { default as NmorphIconGoblet } from '../../../assets/icons/goblet-full.svg';
98
- export { default as NmorphIconGoldMedal } from '../../../assets/icons/gold-medal.svg';
99
- export { default as NmorphIconGoodsFilled } from '../../../assets/icons/goods-filled.svg';
100
- export { default as NmorphIconGoods } from '../../../assets/icons/goods.svg';
101
- export { default as NmorphIconGrape } from '../../../assets/icons/grape.svg';
102
- export { default as NmorphIconGrid } from '../../../assets/icons/grid.svg';
103
- export { default as NmorphIconGuide } from '../../../assets/icons/guide.svg';
104
- export { default as NmorphIconHandbag } from '../../../assets/icons/handbag.svg';
105
- export { default as NmorphIconHeadset } from '../../../assets/icons/headset.svg';
106
- export { default as NmorphIconHistogram } from '../../../assets/icons/histogram.svg';
107
- export { default as NmorphIconHotWater } from '../../../assets/icons/hot-water.svg';
108
- export { default as NmorphIconHouse } from '../../../assets/icons/house.svg';
109
- export { default as NmorphIconIceCreamRound } from '../../../assets/icons/ice-cream-round.svg';
110
- export { default as NmorphIconIceDrink } from '../../../assets/icons/ice-drink.svg';
111
- export { default as NmorphIconInfoFilled } from '../../../assets/icons/info-filled.svg';
112
- export { default as NmorphIconInfo } from '../../../assets/icons/info.svg';
113
- export { default as NmorphIconImage } from '../../../assets/icons/image.svg';
114
- export { default as NmorphIconKey } from '../../../assets/icons/key.svg';
115
- export { default as NmorphIconKnifeFork } from '../../../assets/icons/knife-fork.svg';
116
- export { default as NmorphIconLightning } from '../../../assets/icons/lightning.svg';
117
- export { default as NmorphIconLink } from '../../../assets/icons/link.svg';
118
- export { default as NmorphIconList } from '../../../assets/icons/list.svg';
119
- export { default as NmorphIconLoader } from '../../../assets/icons/loader.svg';
120
- export { default as NmorphIconLoading } from '../../../assets/icons/loading.svg';
121
- export { default as NmorphIconLocationFilled } from '../../../assets/icons/location-filled.svg';
122
- export { default as NmorphIconLocationInformation } from '../../../assets/icons/location-information.svg';
123
- export { default as NmorphIconLogo } from '../../../assets/icons/logo.svg';
124
- export { default as NmorphIconLocation } from '../../../assets/icons/location.svg';
125
- export { default as NmorphIconLock } from '../../../assets/icons/lock.svg';
126
- export { default as NmorphIconLollipop } from '../../../assets/icons/lollipop.svg';
127
- export { default as NmorphIconMagicStick } from '../../../assets/icons/magic-stick.svg';
128
- export { default as NmorphIconMagnet } from '../../../assets/icons/magnet.svg';
129
- export { default as NmorphIconMale } from '../../../assets/icons/male.svg';
130
- export { default as NmorphIconManagement } from '../../../assets/icons/management.svg';
131
- export { default as NmorphIconMapLocation } from '../../../assets/icons/map-location.svg';
132
- export { default as NmorphIconMedal } from '../../../assets/icons/medal.svg';
133
- export { default as NmorphIconMemo } from '../../../assets/icons/memo.svg';
134
- export { default as NmorphIconMenu } from '../../../assets/icons/menu.svg';
135
- export { default as NmorphIconMessageBox } from '../../../assets/icons/message-box.svg';
136
- export { default as NmorphIconMessage } from '../../../assets/icons/message.svg';
137
- export { default as NmorphIconMic } from '../../../assets/icons/mic.svg';
138
- export { default as NmorphIconMicrophone } from '../../../assets/icons/microphone.svg';
139
- export { default as NmorphIconMinus } from '../../../assets/icons/minus.svg';
140
- export { default as NmorphIconMinusThin } from '../../../assets/icons/minus-thin.svg';
141
- export { default as NmorphIconMoney } from '../../../assets/icons/money.svg';
142
- export { default as NmorphIconMonitor } from '../../../assets/icons/monitor.svg';
143
- export { default as NmorphIconMoon } from '../../../assets/icons/moon.svg';
144
- export { default as NmorphIconMoreFilled } from '../../../assets/icons/more-filled.svg';
145
- export { default as NmorphIconMore } from '../../../assets/icons/more.svg';
146
- export { default as NmorphIconMostlyCloudy } from '../../../assets/icons/mostly-cloudy.svg';
147
- export { default as NmorphIconMouse } from '../../../assets/icons/mouse.svg';
148
- export { default as NmorphIconMug } from '../../../assets/icons/mug.svg';
149
- export { default as NmorphIconMuteNotification } from '../../../assets/icons/mute-notification.svg';
150
- export { default as NmorphIconMute } from '../../../assets/icons/mute.svg';
151
- export { default as NmorphIconNoSmoking } from '../../../assets/icons/no-smoking.svg';
152
- export { default as NmorphIconNotebook } from '../../../assets/icons/notebook.svg';
153
- export { default as NmorphIconNotification } from '../../../assets/icons/notification.svg';
154
- export { default as NmorphIconOfficeBuilding } from '../../../assets/icons/office-building.svg';
155
- export { default as NmorphIconOperation } from '../../../assets/icons/operation.svg';
156
- export { default as NmorphIconOpportunity } from '../../../assets/icons/opportunity.svg';
157
- export { default as NmorphIconOrange } from '../../../assets/icons/orange.svg';
158
- export { default as NmorphIconPaperclip } from '../../../assets/icons/paperclip.svg';
159
- export { default as NmorphIconPartlyCloudy } from '../../../assets/icons/partly-cloudy.svg';
160
- export { default as NmorphIconPear } from '../../../assets/icons/pear.svg';
161
- export { default as NmorphIconPhoneFilled } from '../../../assets/icons/phone-filled.svg';
162
- export { default as NmorphIconPhone } from '../../../assets/icons/phone.svg';
163
- export { default as NmorphIconPicture } from '../../../assets/icons/picture.svg';
164
- export { default as NmorphIconPieChart } from '../../../assets/icons/pie-chart.svg';
165
- export { default as NmorphIconPlace } from '../../../assets/icons/place.svg';
166
- export { default as NmorphIconPlatform } from '../../../assets/icons/platform.svg';
167
- export { default as NmorphIconPlus } from '../../../assets/icons/plus.svg';
168
- export { default as NmorphIconPlusThin } from '../../../assets/icons/plus-thin.svg';
169
- export { default as NmorphIconPointer } from '../../../assets/icons/pointer.svg';
170
- export { default as NmorphIconPosition } from '../../../assets/icons/position.svg';
171
- export { default as NmorphIconPostCard } from '../../../assets/icons/postcard.svg';
172
- export { default as NmorphIconPouring } from '../../../assets/icons/pouring.svg';
173
- export { default as NmorphIconPresent } from '../../../assets/icons/present.svg';
174
- export { default as NmorphIconPriceTag } from '../../../assets/icons/price-tag.svg';
175
- export { default as NmorphIconPrinter } from '../../../assets/icons/printer.svg';
176
- export { default as NmorphIconPromotion } from '../../../assets/icons/promotion.svg';
177
- export { default as NmorphIconQuartzWatch } from '../../../assets/icons/quartz-watch.svg';
178
- export { default as NmorphIconQuestionFilled } from '../../../assets/icons/question-filled.svg';
179
- export { default as NmorphIconRank } from '../../../assets/icons/rank.svg';
180
- export { default as NmorphIconReadingLamp } from '../../../assets/icons/reading-lamp.svg';
181
- export { default as NmorphIconReading } from '../../../assets/icons/reading.svg';
182
- export { default as NmorphIconRefreshLeft } from '../../../assets/icons/refresh-left.svg';
183
- export { default as NmorphIconRefreshRight } from '../../../assets/icons/refresh-right.svg';
184
- export { default as NmorphIconRefresh } from '../../../assets/icons/refresh.svg';
185
- export { default as NmorphIconRefrigerator } from '../../../assets/icons/refrigerator.svg';
186
- export { default as NmorphIconRemoveFilled } from '../../../assets/icons/remove-filled.svg';
187
- export { default as NmorphIconRemove } from '../../../assets/icons/remove.svg';
188
- export { default as NmorphIconRight } from '../../../assets/icons/right.svg';
189
- export { default as NmorphIconRotateLeft } from '../../../assets/icons/rotate-left.svg';
190
- export { default as NmorphIconRotateRight } from '../../../assets/icons/rotate-right.svg';
191
- export { default as NmorphIconScaleToOriginal } from '../../../assets/icons/scale-to-original.svg';
192
- export { default as NmorphIconSchool } from '../../../assets/icons/school.svg';
193
- export { default as NmorphIconScissor } from '../../../assets/icons/scissor.svg';
194
- export { default as NmorphIconSearch } from '../../../assets/icons/search.svg';
195
- export { default as NmorphIconSelect } from '../../../assets/icons/select.svg';
196
- export { default as NmorphIconSell } from '../../../assets/icons/sell.svg';
197
- export { default as NmorphIconSemiSelect } from '../../../assets/icons/semi-select.svg';
198
- export { default as NmorphIconService } from '../../../assets/icons/service.svg';
199
- export { default as NmorphIconSetting } from '../../../assets/icons/setting.svg';
200
- export { default as NmorphIconShare } from '../../../assets/icons/share.svg';
201
- export { default as NmorphIconShip } from '../../../assets/icons/ship.svg';
202
- export { default as NmorphIconShop } from '../../../assets/icons/shop.svg';
203
- export { default as NmorphIconShoppingBag } from '../../../assets/icons/shopping-bag.svg';
204
- export { default as NmorphIconShoppingCartFull } from '../../../assets/icons/shopping-cart-full.svg';
205
- export { default as NmorphIconShoppingCart } from '../../../assets/icons/shopping-cart.svg';
206
- export { default as NmorphIconShrink } from '../../../assets/icons/shrink.svg';
207
- export { default as NmorphIconSmoking } from '../../../assets/icons/smoking.svg';
208
- export { default as NmorphIconSoccer } from '../../../assets/icons/soccer.svg';
209
- export { default as NmorphIconSoldOut } from '../../../assets/icons/sold-out.svg';
210
- export { default as NmorphIconSortDown } from '../../../assets/icons/sort-down.svg';
211
- export { default as NmorphIconSortUp } from '../../../assets/icons/sort-up.svg';
212
- export { default as NmorphIconSort } from '../../../assets/icons/sort.svg';
213
- export { default as NmorphIconStamp } from '../../../assets/icons/stamp.svg';
214
- export { default as NmorphIconStarFilled } from '../../../assets/icons/star-filled.svg';
215
- export { default as NmorphIconStar } from '../../../assets/icons/star.svg';
216
- export { default as NmorphIconSuccessFilled } from '../../../assets/icons/success-filled.svg';
217
- export { default as NmorphIconSuccess } from '../../../assets/icons/success.svg';
218
- export { default as NmorphIconSugar } from '../../../assets/icons/sugar.svg';
219
- export { default as NmorphIconSunny } from '../../../assets/icons/sunny.svg';
220
- export { default as NmorphIconSunrise } from '../../../assets/icons/sunrise.svg';
221
- export { default as NmorphIconSunset } from '../../../assets/icons/sunset.svg';
222
- export { default as NmorphIconSwitchButton } from '../../../assets/icons/switch-button.svg';
223
- export { default as NmorphIconSwitchFilled } from '../../../assets/icons/switch-filled.svg';
224
- export { default as NmorphIconSwitch } from '../../../assets/icons/switch.svg';
225
- export { default as NmorphIconTakeawayBox } from '../../../assets/icons/takeaway-box.svg';
226
- export { default as NmorphIconTicket } from '../../../assets/icons/ticket.svg';
227
- export { default as NmorphIconTickets } from '../../../assets/icons/tickets.svg';
228
- export { default as NmorphIconTime } from '../../../assets/icons/time.svg';
229
- export { default as NmorphIconTimer } from '../../../assets/icons/timer.svg';
230
- export { default as NmorphIconToiletPaper } from '../../../assets/icons/toilet-paper.svg';
231
- export { default as NmorphIconTools } from '../../../assets/icons/tools.svg';
232
- export { default as NmorphIconTopLeft } from '../../../assets/icons/top-left.svg';
233
- export { default as NmorphIconTopRight } from '../../../assets/icons/top-right.svg';
234
- export { default as NmorphIconTop } from '../../../assets/icons/top.svg';
235
- export { default as NmorphIconTrendCharts } from '../../../assets/icons/trend-charts.svg';
236
- export { default as NmorphIconTriangleDown } from '../../../assets/icons/triangle-down.svg';
237
- export { default as NmorphIconTrophyBase } from '../../../assets/icons/trophy-base.svg';
238
- export { default as NmorphIconTrophy } from '../../../assets/icons/trophy.svg';
239
- export { default as NmorphIconTurnOff } from '../../../assets/icons/turn-off.svg';
240
- export { default as NmorphIconUmbrella } from '../../../assets/icons/umbrella.svg';
241
- export { default as NmorphIconUnlock } from '../../../assets/icons/unlock.svg';
242
- export { default as NmorphIconUploadFilled } from '../../../assets/icons/upload-filled.svg';
243
- export { default as NmorphIconUpload } from '../../../assets/icons/upload.svg';
244
- export { default as NmorphIconUserFilled } from '../../../assets/icons/user-filled.svg';
245
- export { default as NmorphIconUser } from '../../../assets/icons/user.svg';
246
- export { default as NmorphIconVan } from '../../../assets/icons/van.svg';
247
- export { default as NmorphIconVideoCamera } from '../../../assets/icons/view.svg';
248
- export { default as NmorphIconVideoPause } from '../../../assets/icons/video-pause.svg';
249
- export { default as NmorphIconVideoPlay } from '../../../assets/icons/video-play.svg';
250
- export { default as NmorphIconVideo } from '../../../assets/icons/video.svg';
251
- export { default as NmorphIconView } from '../../../assets/icons/view.svg';
252
- export { default as NmorphIconWalletFilled } from '../../../assets/icons/wallet-filled.svg';
253
- export { default as NmorphIconWallet } from '../../../assets/icons/wallet.svg';
254
- export { default as NmorphIconWarnTriangleFilled } from '../../../assets/icons/warn-triangle-filled.svg';
255
- export { default as NmorphIconWarning } from '../../../assets/icons/warning.svg';
256
- export { default as NmorphIconWatch } from '../../../assets/icons/watch.svg';
257
- export { default as NmorphIconWindPower } from '../../../assets/icons/wind-power.svg';
258
- export { default as NmorphIconZoomIn } from '../../../assets/icons/zoom-in.svg';
259
- export { default as NmorphIconZoomOut } from '../../../assets/icons/zoom-out.svg';
@@ -1,5 +0,0 @@
1
- export declare enum NmorphIconSize {
2
- small = "small",
3
- medium = "medium",
4
- large = "large"
5
- }
@@ -1,29 +0,0 @@
1
- import { NmorphLinkTarget } from '../..';
2
- import { NmorphColor } from '../../../types';
3
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
4
- interface INmorphProps {
5
- type?: keyof typeof NmorphColor;
6
- underline?: boolean;
7
- href?: string;
8
- text?: string;
9
- target?: keyof typeof NmorphLinkTarget;
10
- disabled?: boolean;
11
- }
12
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
13
- type: "error" | "accent" | "success" | "warning";
14
- text: string;
15
- disabled: boolean;
16
- target: "self" | "blank" | "parent" | "top";
17
- underline: boolean;
18
- href: string;
19
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
20
- prepend?(_: {}): any;
21
- icon?(_: {}): any;
22
- default?(_: {}): any;
23
- }>;
24
- export default _default;
25
- type __VLS_WithTemplateSlots<T, S> = T & {
26
- new (): {
27
- $slots: S;
28
- };
29
- };
@@ -1,6 +0,0 @@
1
- export declare enum NmorphLinkTarget {
2
- self = "_self",
3
- blank = "_blank",
4
- parent = "_parent",
5
- top = "_top"
6
- }
@@ -1,49 +0,0 @@
1
- import { NmorphCoordsType, NmorphOverflowProp, NmorphScrollBehavior } from '../..';
2
- import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- interface INmorphProps {
4
- height?: string;
5
- maxHeight?: string;
6
- modelValue?: NmorphCoordsType;
7
- scrollYProp?: keyof typeof NmorphOverflowProp;
8
- scrollXProp?: keyof typeof NmorphOverflowProp;
9
- cssScrollBehavior?: keyof typeof NmorphScrollBehavior;
10
- scrollEndDelay?: number;
11
- updateOnlyOnScrollEnd?: boolean;
12
- yBarWidthInPx?: number;
13
- xBarWidthInPx?: number;
14
- xGapInPx?: number;
15
- yGapInPx?: number;
16
- }
17
- declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
18
- scrollDOMContainer: Ref<HTMLElement, HTMLElement>;
19
- moveTo: (coords: NmorphCoordsType) => void;
20
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
21
- "on-scroll": (event: Event) => any;
22
- "update:model-value": (coords: NmorphCoordsType) => any;
23
- "on-scroll-end": () => any;
24
- }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
25
- "onOn-scroll"?: (event: Event) => any;
26
- "onUpdate:model-value"?: (coords: NmorphCoordsType) => any;
27
- "onOn-scroll-end"?: () => any;
28
- }>, {
29
- height: string;
30
- maxHeight: string;
31
- modelValue: NmorphCoordsType;
32
- scrollYProp: "scroll" | "hidden" | "auto";
33
- scrollXProp: "scroll" | "hidden" | "auto";
34
- cssScrollBehavior: "auto" | "smooth" | "inherit" | "initial" | "unset";
35
- scrollEndDelay: number;
36
- updateOnlyOnScrollEnd: boolean;
37
- yBarWidthInPx: number;
38
- xBarWidthInPx: number;
39
- xGapInPx: number;
40
- yGapInPx: number;
41
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
42
- default?(_: {}): any;
43
- }>;
44
- export default _default;
45
- type __VLS_WithTemplateSlots<T, S> = T & {
46
- new (): {
47
- $slots: S;
48
- };
49
- };
@@ -1,14 +0,0 @@
1
- import { INmorphCoords } from '../../../types';
2
- export type NmorphCoordsType = INmorphCoords<number>;
3
- export declare enum NmorphOverflowProp {
4
- auto = "auto",
5
- hidden = "hidden",
6
- scroll = "scroll"
7
- }
8
- export declare enum NmorphScrollBehavior {
9
- auto = "auto",
10
- smooth = "smooth",
11
- inherit = "inherit",
12
- initial = "initial",
13
- unset = "unset"
14
- }
@@ -1,28 +0,0 @@
1
- export { default as NmorphAvatar } from './nmorph-avatar/NmorphAvatar.vue';
2
- export { default as NmorphBadge } from './nmorph-badge/NmorphBadge.vue';
3
- export { default as NmorphCalendar } from './nmorph-calendar/NmorphCalendar.vue';
4
- export * from './nmorph-calendar/types';
5
- export * from './nmorph-calendar/hooks/use-calendar-texts';
6
- export * from './nmorph-calendar/utils';
7
- export { default as NmorphCard } from './nmorph-card/NmorphCard.vue';
8
- export { default as NmorphCarousel } from './nmorph-carousel/NmorphCarousel.vue';
9
- export * from './nmorph-carousel/types';
10
- export { default as NmorphCarouselItem } from './nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue';
11
- export { default as NmorphCollapse } from './nmorph-collapse/NmorphCollapse.vue';
12
- export { default as NmorphCollapseItem } from './nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue';
13
- export * from './nmorph-collapse/types';
14
- export { default as NmorphImage } from './nmorph-image/NmorphImage.vue';
15
- export { default as NmorphImagePreview } from './nmorph-image-preview/NmorphImagePreview.vue';
16
- export * from './nmorph-image-preview/types';
17
- export { default as NmorphPagination } from './nmorph-pagination/NmorphPagination.vue';
18
- export { default as NmorphProgress } from './nmorph-progress/NmorphProgress.vue';
19
- export * from './nmorph-progress/types';
20
- export { default as NmorphSkeleton } from './nmorph-skeleton/NmorphSkeleton.vue';
21
- export * from './nmorph-skeleton/types';
22
- export { default as NmorphSkeletonItem } from './nmorph-skeleton/components/NmorphSkeletonItem.vue';
23
- export { default as NmorphTable } from './nmorph-table/NmorphTable.vue';
24
- export * from './nmorph-table/types';
25
- export { default as NmorphTableCell } from './nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue';
26
- export { default as NmorphTableColumn } from './nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue';
27
- export { default as NmorphTagList } from './nmorph-tag-list/NmorphTagList.vue';
28
- export { default as NmorphTagItem } from './nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue';