ng-hub-ui-skeleton 22.2.1 → 22.2.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Carlos Morcillo Fernández
+
+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 DEALING IN THE
+SOFTWARE.

package/README.md

@@ -9,11 +9,11 @@ Dynamic Angular skeleton placeholders driven by a compact Emmet-like DSL, reusab
 
 ## Documentation and Live Examples
 
-This package is part of [Hub UI](https://hubui.dev/), a collection of Angular component libraries for standalone apps.
+This package is part of [Hub UI](https://hubui.dev/en/), a collection of Angular component libraries for standalone apps.
 
-- Docs: https://hubui.dev/skeleton/overview/
-- Live examples: https://hubui.dev/skeleton/examples/
-- Hub UI: https://hubui.dev/
+- Docs: https://hubui.dev/en/skeleton/overview/
+- Live examples: https://hubui.dev/en/skeleton/examples/
+- Hub UI: https://hubui.dev/en/
 
 ## 🧩 Library Family `ng-hub-ui`
 

package/fesm2022/ng-hub-ui-skeleton.mjs

@@ -187,10 +187,10 @@ class HubSkeletonPresetRegistryService {
     getPreset(name) {
         return this.presets().get(name);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonPresetRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonPresetRegistryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonPresetRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonPresetRegistryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonPresetRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonPresetRegistryService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -652,8 +652,8 @@ class HubSkeletonComponent {
         }
         return value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: HubSkeletonComponent, isStandalone: true, selector: "hub-skeleton", inputs: { preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [HubSkeletonPresetRegistryService], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: HubSkeletonComponent, isStandalone: true, selector: "hub-skeleton", inputs: { preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [HubSkeletonPresetRegistryService], ngImport: i0, template: `
 		<div
 			class="hub-skeleton"
 			[class.hub-skeleton--animated]="animated()"
@@ -688,7 +688,7 @@ class HubSkeletonComponent {
 		</ng-template>
 	`, isInline: true, styles: [":host{display:block}.hub-skeleton{--hub-skeleton-bg: rgba(148, 163, 184, .18);--hub-skeleton-highlight: rgba(255, 255, 255, .52);--hub-skeleton-radius: 12px;--hub-skeleton-gap: 12px;--hub-skeleton-animation-duration: 1.35s;display:block;width:100%}.hub-skeleton--subtle{--hub-skeleton-bg: rgba(148, 163, 184, .12);--hub-skeleton-highlight: rgba(255, 255, 255, .38)}.hub-skeleton--contrast{--hub-skeleton-bg: rgba(71, 85, 105, .28);--hub-skeleton-highlight: rgba(255, 255, 255, .28)}.hub-skeleton__node{box-sizing:border-box;min-width:0}.hub-skeleton__node--surface{background:linear-gradient(90deg,var(--hub-skeleton-bg) 0%,var(--hub-skeleton-bg) 32%,var(--hub-skeleton-highlight) 50%,var(--hub-skeleton-bg) 68%,var(--hub-skeleton-bg) 100%);background-size:220% 100%;border-radius:var(--hub-skeleton-node-radius, var(--hub-skeleton-radius))}.hub-skeleton--animated .hub-skeleton__node--surface{animation:hub-skeleton-shimmer var(--hub-skeleton-animation-duration) ease-in-out infinite}.hub-skeleton__node--line,.hub-skeleton__node--block,.hub-skeleton__node--circle{width:var(--hub-skeleton-node-width, 100%);height:var(--hub-skeleton-node-height, 12px)}.hub-skeleton__node--circle{width:var(--hub-skeleton-node-size, var(--hub-skeleton-node-width, 40px));height:var(--hub-skeleton-node-size, var(--hub-skeleton-node-height, 40px));border-radius:999px}.hub-skeleton__node--stack{display:flex;flex-direction:column;gap:var(--hub-skeleton-node-gap, var(--hub-skeleton-gap));align-items:var(--hub-skeleton-node-align, stretch);justify-content:var(--hub-skeleton-node-justify, flex-start)}.hub-skeleton__node--row{flex-direction:row}.hub-skeleton__node--grid{display:grid;grid-template-columns:repeat(var(--hub-skeleton-node-columns, 2),minmax(0,1fr));gap:var(--hub-skeleton-node-gap, var(--hub-skeleton-gap));align-items:var(--hub-skeleton-node-align, stretch)}.hub-skeleton__node--grow{flex:1 1 auto}@keyframes hub-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hub-skeleton', standalone: true, imports: [NgTemplateOutlet], providers: [HubSkeletonPresetRegistryService], changeDetection: ChangeDetectionStrategy.OnPush, template: `
 		<div
@@ -730,11 +730,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
  * NgModule wrapper kept for compatibility with module-based Angular apps.
  */
 class HubSkeletonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonModule, imports: [HubSkeletonComponent], exports: [HubSkeletonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonModule, imports: [HubSkeletonComponent], exports: [HubSkeletonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [HubSkeletonComponent],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-hub-ui-skeleton",
-  "version": "22.2.1",
+  "version": "22.2.3",
   "license": "MIT",
   "description": "Dynamic Angular skeleton placeholders with presets, inline DSL templates, responsive variants, and programmatic preset registration.",
   "author": "Carlos Morcillo <carlos.morcillo@me.com> (https://www.carlosmorcillo.com)",