@shival99/z-ui 2.1.20 → 2.1.22

package/README.md

@@ -17,27 +17,19 @@ A comprehensive, high-performance UI component library built with Angular 21+, f
 ## Installation
 
 ```bash
-pnpm add @shival99/z-ui
+npx @shival99/z-ui-init init
 ```
 
-### Peer Dependencies
+The initializer installs the base library, all component peers, Tailwind CSS, providers, and theme configuration by default. For a smaller installation, use `init --minimal` and add feature peers incrementally:
 
 ```bash
-pnpm add @angular/cdk @ng-icons/core @ng-icons/lucide @ng-icons/iconsax \
-  @tanstack/angular-table @shival99/angular-virtual \
-  class-variance-authority clsx tailwind-merge \
-  ngx-mask ngx-scrollbar @shival99/ngx-sonner ngxtension minisearch
+npx @shival99/z-ui-init components
+npx @shival99/z-ui-init init --minimal
+npx @shival99/z-ui-init component editor
+npx @shival99/z-ui-init add editor table
 ```
 
-### Optional Dependencies
-
-```bash
-pnpm add @tiptap/core @tiptap/pm @tiptap/starter-kit @tiptap/extension-placeholder @tiptap/extension-image @tiptap/extension-link @tiptap/extension-mention @tiptap/extension-underline @tiptap/extension-text-align @tiptap/markdown  # Rich Text Editor
-pnpm add shiki dompurify                    # Syntax Highlighting
-pnpm add echarts ngx-echarts                # Charts
-pnpm add @ngx-translate/core @ngx-translate/http-loader  # i18n
-pnpm add exceljs file-saver xlsx            # Excel Export
-```
+`add` is only needed for minimal installations. It installs the optional peers required by the selected compiled secondary entrypoints and records them in `z-ui.json`. It does not copy or overwrite application source.
 
 ### Tailwind CSS v4 Setup
 
@@ -61,23 +53,12 @@ Update your `project.json` or `angular.json` styles:
 
 ```json
 "styles": [
-  "node_modules/@shival99/z-ui/assets/css/themes/green.css",
   "node_modules/@shival99/z-ui/assets/css/tailwind.css",
   "src/styles.scss"
 ]
 ```
 
-Copy theme files to assets for lazy loading (optional):
-
-```json
-"assets": [
-  {
-    "glob": "*.css",
-    "input": "node_modules/@shival99/z-ui/assets/css/themes",
-    "output": "assets/css/themes"
-  }
-]
-```
+`tailwind.css` includes every Z-UI theme. `ZThemeService` switches themes through the `z-theme` attribute without loading additional runtime assets.
 
 ## Quick Start
 

package/assets/css/tailwind.css

@@ -1,7 +1,7 @@
 @import 'tailwindcss';
 @import './base.css';
 @import './animations.css';
-@import './themes/neutral.css';
+@import './themes.css';
 
 /* Library sources (workspace/dev) */
 @source '../../components/**/*.{ts,html}';

package/assets/css/themes.css

@@ -0,0 +1,9 @@
+@import './themes/neutral.css';
+@import './themes/gray.css';
+@import './themes/slate.css';
+@import './themes/stone.css';
+@import './themes/zinc.css';
+@import './themes/green.css';
+@import './themes/orange.css';
+@import './themes/violet.css';
+@import './themes/hospital.css';

package/components/z-loading/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,26 @@
+# Third-party notices
+
+Parts of the `z-loading` spinner animations are adapted from
+[react-spinners](https://github.com/davidhu2000/react-spinners).
+
+The MIT License (MIT)
+
+Copyright (c) 2017 David Hu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs

@@ -638,6 +638,12 @@ class ZAutocompleteComponent {
         this.uiState.update(s => ({ ...s, isOpen: true }));
         this._resetOptionsScrollTop();
         this._loadAsyncOptionsOnFocus();
+        // Panel chỉ mở khi user focus/click thật, tức ancestor (vd. modal) đã hết animation transform —
+        // đo lại ở đây để tránh dùng width "đóng băng" từ lúc effect khởi tạo đo hụt giữa lúc scale().
+        const triggerEl = this.triggerRef()?.nativeElement;
+        if (triggerEl) {
+            this.dropdownWidth.set(triggerEl.getBoundingClientRect().width);
+        }
         setTimeout(() => {
             this.inputRef()?.nativeElement.focus();
         }, 50);