@koobiq/components 20.2.0 → 20.3.1

package/fesm2022/koobiq-components-flag.mjs

@@ -28,10 +28,10 @@ class KbqFlag {
         /** Accessible name for the flag. Use when the flag carries meaning and has no adjacent text. */
         this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KbqFlag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: KbqFlag, isStandalone: true, selector: "kbq-flag", inputs: { shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-flag_square": "shape() === 'square'", "class.kbq-flag_circle": "shape() === 'circle'", "class.kbq-flag_shadow-inset": "shadow() === 'inset'", "class.kbq-flag_empty": "empty()", "attr.role": "decorative() ? null : (label() ? 'img' : null)", "attr.aria-label": "decorative() ? null : (label() || null)", "attr.aria-hidden": "decorative() ? 'true' : null" }, classAttribute: "kbq-flag" }, exportAs: ["kbqFlag"], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-flag{--kbq-flag-shadow-color: var(--kbq-line-contrast-fade);--kbq-flag-empty-background: var(--kbq-states-background-disabled);--kbq-flag-border-radius: 0;--kbq-flag-aspect-ratio: 3 / 2;display:inline-block;position:relative;box-sizing:border-box;height:1em;aspect-ratio:var(--kbq-flag-aspect-ratio);vertical-align:middle;overflow:hidden;border-radius:var(--kbq-flag-border-radius)}.kbq-flag svg,.kbq-flag img{display:block;width:100%;height:100%;object-fit:cover}.kbq-flag.kbq-flag_shadow-inset:after{content:\"\";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--kbq-flag-shadow-color);pointer-events:none}.kbq-flag.kbq-flag_square,.kbq-flag.kbq-flag_circle{--kbq-flag-aspect-ratio: 1 / 1}.kbq-flag.kbq-flag_circle{border-radius:50%}.kbq-flag.kbq-flag_empty{background:var(--kbq-flag-empty-background)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqFlag, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.30", type: KbqFlag, isStandalone: true, selector: "kbq-flag", inputs: { shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, shadow: { classPropertyName: "shadow", publicName: "shadow", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-flag_square": "shape() === 'square'", "class.kbq-flag_circle": "shape() === 'circle'", "class.kbq-flag_shadow-inset": "shadow() === 'inset'", "class.kbq-flag_empty": "empty()", "attr.role": "decorative() ? null : (label() ? 'img' : null)", "attr.aria-label": "decorative() ? null : (label() || null)", "attr.aria-hidden": "decorative() ? 'true' : null" }, classAttribute: "kbq-flag" }, exportAs: ["kbqFlag"], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-flag{--kbq-flag-shadow-color: var(--kbq-line-contrast-fade);--kbq-flag-empty-background: var(--kbq-states-background-disabled);--kbq-flag-border-radius: 0;--kbq-flag-aspect-ratio: 3 / 2;display:inline-block;position:relative;box-sizing:border-box;height:1em;aspect-ratio:var(--kbq-flag-aspect-ratio);vertical-align:middle;overflow:hidden;border-radius:var(--kbq-flag-border-radius)}.kbq-flag svg,.kbq-flag img{display:block;width:100%;height:100%;object-fit:cover}.kbq-flag.kbq-flag_shadow-inset:after{content:\"\";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--kbq-flag-shadow-color);pointer-events:none}.kbq-flag.kbq-flag_square,.kbq-flag.kbq-flag_circle{--kbq-flag-aspect-ratio: 1 / 1}.kbq-flag.kbq-flag_circle{border-radius:50%}.kbq-flag.kbq-flag_empty{background:var(--kbq-flag-empty-background)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KbqFlag, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqFlag, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-flag', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-flag',
@@ -46,11 +46,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }], propDecorators: { shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], shadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "shadow", required: false }] }], empty: [{ type: i0.Input, args: [{ isSignal: true, alias: "empty", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
 
 class KbqFlagModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KbqFlagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: KbqFlagModule, imports: [KbqFlag], exports: [KbqFlag] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KbqFlagModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqFlagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqFlagModule, imports: [KbqFlag], exports: [KbqFlag] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqFlagModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KbqFlagModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqFlagModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [KbqFlag],