প্রকল্প সম্পর্কে

web-ui-pack একটি সার্বজনীন ওয়েব প্যাকেজ যা অত্যন্ত স্কেলযোগ্য Web Components এবং হেল্পার ইউটিলিটি প্রদান করে, যেখানে ডেভেলপার অভিজ্ঞতার উপর জোর দেওয়া হয়েছে। এটি TypeScript-এ লেখা এবং বিস্তৃত JSDoc ডকুমেন্টেশন সহ আসে, তাই এডিটররা ইন্টেলিসেন্সের মাধ্যমে প্রপার্টি, অপশন এবং ব্যবহার সম্পর্কে বিস্তারিত দেখাতে পারে। README-তে বর্ণিত মূল বৈশিষ্ট্যগুলি: - ফ্রেমওয়ার্ক-অ্যাগনস্টিক: Angular, React, Vue বা সাধারণ HTML এবং JavaScript-এর সাথে ব্যবহারযোগ্য, কারণ লজিক ব্রাউজারে নেটিভ এবং কোনো বাহ্যিক রানটাইম প্রয়োজন হয় না। - ফর্ম কন্ট্রোল বিল্ট-ইন ভ্যালিডেশন লজিক সহ ব্যবহারের জন্য প্রস্তুত, এবং প্রকল্পটি ওয়েব অ্যাক্সেসিবিলিটি সেরা অনুশীলনের উপর ফোকাস করে। - কম্পোনেন্টগুলি ইনহেরিটেন্স এবং কাস্টমাইজেশনের জন্য ডিজাইন করা হয়েছে; ডিফল্ট প্রতি ক্লাস বা প্রতি এলিমেন্টে পরিবর্তন করা যায়, এবং প্রোটোটাইপ বা সাবক্লাসিংয়ের মাধ্যমে আচরণ ওভাররাইড করা যায়। - CSS ভেরিয়েবল কাস্টম কালার থিম সমর্থন করে, এবং `wupdark` অ্যাট্রিবিউট যোগ করে একটি ডার্ক কালার স্কিম পাওয়া যায়। - TypeScript টাইপ অন্তর্ভুক্ত, সাথে React/Preact-এর জন্য `.jsx/.tsx` সমর্থন। - লোকালাইজেশন `localeInfo` হেল্পারের মাধ্যমে পরিচালিত হয়, যেখানে একটি গ্লোবাল ফাংশনের মাধ্যমে মেসেজ ওভাররাইড করা যায়। - সাইড-ইফেক্ট অপশনের মাধ্যমে webpack ট্রি-শেকিংয়ের জন্য অপ্টিমাইজড; প্যাকেজটির জিরো ডিপেন্ডেন্সি রয়েছে। - প্রকল্পটি ইউনিট এবং ই২ই টেস্টের মাধ্যমে ১০০% টেস্ট কভারেজ দাবি করে, এবং পারফরম্যান্স ও কম মেমরি খরচের উপর ফোকাস করে। উপলব্ধ কম্পোনেন্টগুলির মধ্যে রয়েছে DropdownElement, SortElement, SpinElement, CircleElement, PopupElement, ModalElement (মোডাল-ইন-মোডাল, কনফার্ম মোডাল, কনফার্ম হুক এবং মোডাল ফর্ম সহ), Notify, FormElement, এবং একটি কন্ট্রোল সেট: SwitchControl, CheckControl, RadioControl, TextControl (মাস্ক/প্যাটার্ন সহ), TextareaControl, PasswordControl, NumberControl, SelectControl, SelectManyControl, TimeControl, DateControl এবং CalendarControl। বেশ কয়েকটি আইটেম এখনও সম্পন্ন হয়নি বলে চিহ্নিত, যেমন SliderControl, FileControl, ImageControl, ColorControl, MediaPlayer, InfiniteScroll, VirtualScroll, CarouselElement এবং TableElement। হেল্পারগুলি এলাকা অনুসারে গ্রুপ করা হয়েছে: অ্যানিমেশন (animateDropdown, animateStack), DOM (findScrollParent, focusFirst, isIntoView, scrollIntoView, WUPScrolled), তারিখ (dateCompareWithoutTime, dateCopyTime, dateFromString, dateToString), গণিত (mathFixFP, mathScaleValue, mathRotate), অবজেক্ট (nestedProperty, objectClone, objectToFormData, observer), ইভেন্ট (onEvent, onFocusGot, onScroll, onScrollStop, onFocusLost, onSpy), স্ট্রিং (stringLowerCount, stringUpperCount, stringPrettify), অন্যান্য (promiseWait, localeInfo, TimeObject) এবং ফাইল (zip, exportToExcel, saveAsFile, csv)। ইনস্টলেশন npm-এর মাধ্যমে, তারপর একটি কম্পোনেন্ট ইমপোর্ট করে কাস্টম এলিমেন্ট নিবন্ধনের জন্য এর স্ট্যাটিক `$use()` মেথড কল করা হয়। README-তে HTML কাস্টম ডেটার জন্য VSCode সেটিংসও নথিভুক্ত করা হয়েছে, উল্লেখ করা হয়েছে যে লাইব্রেরিটি ESNext-এ কম্পাইল করা হয়েছে এবং পুরানো ব্রাউজারগুলির জন্য babel-loader-এ অন্তর্ভুক্ত করার প্রয়োজন হতে পারে, এবং অচেনা ট্যাগগুলির জন্য সমস্যা সমাধানের নির্দেশনা প্রদান করে।