limitng 0.23.9 → 0.23.10

package/fesm2022/limitng-filtre-bar.mjs

@@ -1,91 +1,242 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, numberAttribute, model, signal, contentChild, viewChild, computed, Component } from '@angular/core';
-
-class FiltreBarComponent {
-    constructor() {
-        this.yon = input('sagdansola', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "yon" }] : /* istanbul ignore next */ []));
-        this.genislik = input(700, { ...(ngDevMode ? { debugName: "genislik" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        this.kaydirma = input(0, { ...(ngDevMode ? { debugName: "kaydirma" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        this.filtreBarAcik = model(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filtreBarAcik" }] : /* istanbul ignore next */ []));
-        this.aramaAlan = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "aramaAlan" }] : /* istanbul ignore next */ []));
-        this.animasyonTamamlandi = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "animasyonTamamlandi" }] : /* istanbul ignore next */ []));
-        this.arama = contentChild('arama', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "arama" }] : /* istanbul ignore next */ []));
-        this.filtreler = contentChild('filtreler', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filtreler" }] : /* istanbul ignore next */ []));
-        this.filtreDugmeler = contentChild('filtreDugmeler', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filtreDugmeler" }] : /* istanbul ignore next */ []));
-        this.aramaDiv = viewChild('aramaDiv', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "aramaDiv" }] : /* istanbul ignore next */ []));
-        // mevcut hesaplamaların aynısı
-        this.sag = computed(() => 80 + this.kaydirma(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sag" }] : /* istanbul ignore next */ []));
-        this.animasyonGenislik = computed(() => this.genislik() - this.kaydirma() - this.sag(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "animasyonGenislik" }] : /* istanbul ignore next */ []));
-        this.aramaInputExpandedWidth = '';
-        this.aramaInputMinWidth = '';
-        this.aramaInputSize = null;
-    }
-    ngAfterViewInit() {
-        const id = this.aramaAlan();
-        if (!id) {
-            this.aramaInput = null;
-            return;
-        }
-        setTimeout(() => {
-            const host = this.aramaDiv()?.nativeElement;
-            this.aramaInput = host ? host.querySelector('input') : null;
-            if (this.aramaInput) {
-                this.aramaInputMinWidth = this.aramaInput.style.minWidth;
-                this.aramaInputSize = this.aramaInput.size;
-                this.aramaInputExpandedWidth = getComputedStyle(this.aramaInput).width;
-                this.aramaInput.style.transition = 'width 300ms ease';
-            }
-        }, 0);
-    }
-    toggle() {
-        const aciliyor = !this.filtreBarAcik();
-        if (aciliyor) {
-            this.animasyonTamamlandi.set(false);
-        }
-        if (this.aramaInput) {
-            const currentWidth = getComputedStyle(this.aramaInput).width;
-            const targetWidth = aciliyor ? '10rem' : (this.aramaInputExpandedWidth || currentWidth);
-            this.aramaInput.style.transition = 'width 300ms ease';
-            this.aramaInput.style.width = currentWidth; // auto -> px sabitle
-            this.aramaInput.style.minWidth = aciliyor ? '0px' : this.aramaInputMinWidth;
-            void this.aramaInput.offsetWidth; // reflow
-            requestAnimationFrame(() => {
-                if (!this.aramaInput) {
-                    return;
-                }
-                this.aramaInput.style.width = targetWidth;
-            });
-            if (aciliyor) {
-                this.aramaInput.size = 10;
-            }
-            else {
-                this.aramaInput.size = this.aramaInputSize ?? this.aramaInput.size;
-            }
-        }
-        this.filtreBarAcik.update(v => !v);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: FiltreBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: FiltreBarComponent, isStandalone: true, selector: "filtre-bar", inputs: { yon: { classPropertyName: "yon", publicName: "yon", isSignal: true, isRequired: false, transformFunction: null }, genislik: { classPropertyName: "genislik", publicName: "genislik", isSignal: true, isRequired: false, transformFunction: null }, kaydirma: { classPropertyName: "kaydirma", publicName: "kaydirma", isSignal: true, isRequired: false, transformFunction: null }, filtreBarAcik: { classPropertyName: "filtreBarAcik", publicName: "filtreBarAcik", isSignal: true, isRequired: false, transformFunction: null }, aramaAlan: { classPropertyName: "aramaAlan", publicName: "aramaAlan", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtreBarAcik: "filtreBarAcikChange" }, queries: [{ propertyName: "arama", first: true, predicate: ["arama"], descendants: true, isSignal: true }, { propertyName: "filtreler", first: true, predicate: ["filtreler"], descendants: true, isSignal: true }, { propertyName: "filtreDugmeler", first: true, predicate: ["filtreDugmeler"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "aramaDiv", first: true, predicate: ["aramaDiv"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Arama alan\u0131 -->\r\n@if (arama()) {\r\n<div class=\"filtre-arama\" #aramaDiv>\r\n  <ng-container *ngTemplateOutlet=\"arama(); context: {$implicit: aramaIcerik}\">\r\n  </ng-container>\r\n</div>\r\n}\r\n\r\n<!-- Panel k\u00F6k\u00FC -->\r\n<div class=\"filtre-grup\">\r\n  @if (filtreBarAcik()) {\r\n  @if (filtreler()) {\r\n\r\n  <div class=\"filtre-filtreler filtreler-giris-animasyon flex flex-wrap filtre-panel\"\r\n    [class.sagdansola]=\"yon() === 'sagdansola'\" [class.soldansaga]=\"yon() === 'soldansaga'\"\r\n    [class.animasyon-tamamlandi]=\"animasyonTamamlandi()\"\r\n    [style.width.px]=\"filtreBarAcik() ? animasyonGenislik() : 0\"\r\n    (animationend)=\"animasyonTamamlandi.set(true)\">\r\n\r\n    <!-- Filtre i\u00E7erik -->\r\n    <div class=\"icerik\">\r\n      <ng-container *ngTemplateOutlet=\"filtreler(); context: {$implicit: filtreIcerik}\">\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  }\r\n  }\r\n  @if (filtreDugmeler()) {\r\n  <div class=\"filtre-dugmeler\">\r\n    <ng-container *ngTemplateOutlet=\"filtreDugmeler(); context: {$implicit: filtreDugmeIcerik}\">\r\n    </ng-container>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".filtre-panel{will-change:width;overflow:hidden;transition:width .3s ease-in-out}.filtre-panel.animasyon-tamamlandi{overflow:visible;z-index:100}.filtre-panel.sagdansola{inset-inline-end:0}.filtre-panel.soldansaga{inset-inline-start:0}:host{display:flex;justify-content:space-between;flex-wrap:wrap-reverse}:host .filtre-arama{display:flex;flex:none;align-items:flex-start;justify-content:flex-end}:host .filtre-grup{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse}:host .filtre-grup .filtre-filtreler{display:flex;align-items:flex-start;justify-content:flex-end}:host .filtre-grup .filtre-dugmeler{display:flex;align-items:flex-start;justify-content:flex-end}:host .filtre-arama-input{transition:width .3s ease,min-width .3s ease}:host .filtreler-giris-animasyon{position:relative;left:5%;animation:slide-in .5s forwards;-webkit-animation:slide-in .5s forwards}@-webkit-keyframes slide-in{to{left:0}}@keyframes slide-in{to{left:0}}\n/*!_variable.scss*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: FiltreBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'filtre-bar', imports: [NgTemplateOutlet], template: "<!-- Arama alan\u0131 -->\r\n@if (arama()) {\r\n<div class=\"filtre-arama\" #aramaDiv>\r\n  <ng-container *ngTemplateOutlet=\"arama(); context: {$implicit: aramaIcerik}\">\r\n  </ng-container>\r\n</div>\r\n}\r\n\r\n<!-- Panel k\u00F6k\u00FC -->\r\n<div class=\"filtre-grup\">\r\n  @if (filtreBarAcik()) {\r\n  @if (filtreler()) {\r\n\r\n  <div class=\"filtre-filtreler filtreler-giris-animasyon flex flex-wrap filtre-panel\"\r\n    [class.sagdansola]=\"yon() === 'sagdansola'\" [class.soldansaga]=\"yon() === 'soldansaga'\"\r\n    [class.animasyon-tamamlandi]=\"animasyonTamamlandi()\"\r\n    [style.width.px]=\"filtreBarAcik() ? animasyonGenislik() : 0\"\r\n    (animationend)=\"animasyonTamamlandi.set(true)\">\r\n\r\n    <!-- Filtre i\u00E7erik -->\r\n    <div class=\"icerik\">\r\n      <ng-container *ngTemplateOutlet=\"filtreler(); context: {$implicit: filtreIcerik}\">\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  }\r\n  }\r\n  @if (filtreDugmeler()) {\r\n  <div class=\"filtre-dugmeler\">\r\n    <ng-container *ngTemplateOutlet=\"filtreDugmeler(); context: {$implicit: filtreDugmeIcerik}\">\r\n    </ng-container>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".filtre-panel{will-change:width;overflow:hidden;transition:width .3s ease-in-out}.filtre-panel.animasyon-tamamlandi{overflow:visible;z-index:100}.filtre-panel.sagdansola{inset-inline-end:0}.filtre-panel.soldansaga{inset-inline-start:0}:host{display:flex;justify-content:space-between;flex-wrap:wrap-reverse}:host .filtre-arama{display:flex;flex:none;align-items:flex-start;justify-content:flex-end}:host .filtre-grup{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse}:host .filtre-grup .filtre-filtreler{display:flex;align-items:flex-start;justify-content:flex-end}:host .filtre-grup .filtre-dugmeler{display:flex;align-items:flex-start;justify-content:flex-end}:host .filtre-arama-input{transition:width .3s ease,min-width .3s ease}:host .filtreler-giris-animasyon{position:relative;left:5%;animation:slide-in .5s forwards;-webkit-animation:slide-in .5s forwards}@-webkit-keyframes slide-in{to{left:0}}@keyframes slide-in{to{left:0}}\n/*!_variable.scss*/\n"] }]
-        }], propDecorators: { yon: [{ type: i0.Input, args: [{ isSignal: true, alias: "yon", required: false }] }], genislik: [{ type: i0.Input, args: [{ isSignal: true, alias: "genislik", required: false }] }], kaydirma: [{ type: i0.Input, args: [{ isSignal: true, alias: "kaydirma", required: false }] }], filtreBarAcik: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtreBarAcik", required: false }] }, { type: i0.Output, args: ["filtreBarAcikChange"] }], aramaAlan: [{ type: i0.Input, args: [{ isSignal: true, alias: "aramaAlan", required: false }] }], arama: [{ type: i0.ContentChild, args: ['arama', { isSignal: true }] }], filtreler: [{ type: i0.ContentChild, args: ['filtreler', { isSignal: true }] }], filtreDugmeler: [{ type: i0.ContentChild, args: ['filtreDugmeler', { isSignal: true }] }], aramaDiv: [{ type: i0.ViewChild, args: ['aramaDiv', { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { Component, computed, contentChild, input, model, numberAttribute, signal, viewChild } from "@angular/core";
+var FiltreBarComponent = class FiltreBarComponent {
+	constructor() {
+		this.yon = input("sagdansola", ...ngDevMode ? [{ debugName: "yon" }] : /* istanbul ignore next */ []);
+		this.genislik = input(700, {
+			...ngDevMode ? { debugName: "genislik" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.kaydirma = input(0, {
+			...ngDevMode ? { debugName: "kaydirma" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.filtreBarAcik = model(false, ...ngDevMode ? [{ debugName: "filtreBarAcik" }] : /* istanbul ignore next */ []);
+		this.aramaAlan = input(null, ...ngDevMode ? [{ debugName: "aramaAlan" }] : /* istanbul ignore next */ []);
+		this.animasyonTamamlandi = signal(false, ...ngDevMode ? [{ debugName: "animasyonTamamlandi" }] : /* istanbul ignore next */ []);
+		this.arama = contentChild("arama", ...ngDevMode ? [{ debugName: "arama" }] : /* istanbul ignore next */ []);
+		this.filtreler = contentChild("filtreler", ...ngDevMode ? [{ debugName: "filtreler" }] : /* istanbul ignore next */ []);
+		this.filtreDugmeler = contentChild("filtreDugmeler", ...ngDevMode ? [{ debugName: "filtreDugmeler" }] : /* istanbul ignore next */ []);
+		this.aramaDiv = viewChild("aramaDiv", ...ngDevMode ? [{ debugName: "aramaDiv" }] : /* istanbul ignore next */ []);
+		this.sag = computed(() => 80 + this.kaydirma(), ...ngDevMode ? [{ debugName: "sag" }] : /* istanbul ignore next */ []);
+		this.animasyonGenislik = computed(() => this.genislik() - this.kaydirma() - this.sag(), ...ngDevMode ? [{ debugName: "animasyonGenislik" }] : /* istanbul ignore next */ []);
+		this.aramaInputExpandedWidth = "";
+		this.aramaInputMinWidth = "";
+		this.aramaInputSize = null;
+	}
+	ngAfterViewInit() {
+		if (!this.aramaAlan()) {
+			this.aramaInput = null;
+			return;
+		}
+		setTimeout(() => {
+			const host = this.aramaDiv()?.nativeElement;
+			this.aramaInput = host ? host.querySelector("input") : null;
+			if (this.aramaInput) {
+				this.aramaInputMinWidth = this.aramaInput.style.minWidth;
+				this.aramaInputSize = this.aramaInput.size;
+				this.aramaInputExpandedWidth = getComputedStyle(this.aramaInput).width;
+				this.aramaInput.style.transition = "width 300ms ease";
+			}
+		}, 0);
+	}
+	toggle() {
+		const aciliyor = !this.filtreBarAcik();
+		if (aciliyor) this.animasyonTamamlandi.set(false);
+		if (this.aramaInput) {
+			const currentWidth = getComputedStyle(this.aramaInput).width;
+			const targetWidth = aciliyor ? "10rem" : this.aramaInputExpandedWidth || currentWidth;
+			this.aramaInput.style.transition = "width 300ms ease";
+			this.aramaInput.style.width = currentWidth;
+			this.aramaInput.style.minWidth = aciliyor ? "0px" : this.aramaInputMinWidth;
+			this.aramaInput.offsetWidth;
+			requestAnimationFrame(() => {
+				if (!this.aramaInput) return;
+				this.aramaInput.style.width = targetWidth;
+			});
+			if (aciliyor) this.aramaInput.size = 10;
+			else this.aramaInput.size = this.aramaInputSize ?? this.aramaInput.size;
+		}
+		this.filtreBarAcik.update((v) => !v);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: FiltreBarComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: FiltreBarComponent,
+			isStandalone: true,
+			selector: "filtre-bar",
+			inputs: {
+				yon: {
+					classPropertyName: "yon",
+					publicName: "yon",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				genislik: {
+					classPropertyName: "genislik",
+					publicName: "genislik",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				kaydirma: {
+					classPropertyName: "kaydirma",
+					publicName: "kaydirma",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				filtreBarAcik: {
+					classPropertyName: "filtreBarAcik",
+					publicName: "filtreBarAcik",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				aramaAlan: {
+					classPropertyName: "aramaAlan",
+					publicName: "aramaAlan",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { filtreBarAcik: "filtreBarAcikChange" },
+			queries: [
+				{
+					propertyName: "arama",
+					first: true,
+					predicate: ["arama"],
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "filtreler",
+					first: true,
+					predicate: ["filtreler"],
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "filtreDugmeler",
+					first: true,
+					predicate: ["filtreDugmeler"],
+					descendants: true,
+					isSignal: true
+				}
+			],
+			viewQueries: [{
+				propertyName: "aramaDiv",
+				first: true,
+				predicate: ["aramaDiv"],
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<!-- Arama alanı -->\r\n@if (arama()) {\r\n<div class=\"filtre-arama\" #aramaDiv>\r\n  <ng-container *ngTemplateOutlet=\"arama(); context: {$implicit: aramaIcerik}\">\r\n  </ng-container>\r\n</div>\r\n}\r\n\r\n<!-- Panel kökü -->\r\n<div class=\"filtre-grup\">\r\n  @if (filtreBarAcik()) {\r\n  @if (filtreler()) {\r\n\r\n  <div class=\"filtre-filtreler filtreler-giris-animasyon flex flex-wrap filtre-panel\"\r\n    [class.sagdansola]=\"yon() === 'sagdansola'\" [class.soldansaga]=\"yon() === 'soldansaga'\"\r\n    [class.animasyon-tamamlandi]=\"animasyonTamamlandi()\"\r\n    [style.width.px]=\"filtreBarAcik() ? animasyonGenislik() : 0\"\r\n    (animationend)=\"animasyonTamamlandi.set(true)\">\r\n\r\n    <!-- Filtre içerik -->\r\n    <div class=\"icerik\">\r\n      <ng-container *ngTemplateOutlet=\"filtreler(); context: {$implicit: filtreIcerik}\">\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  }\r\n  }\r\n  @if (filtreDugmeler()) {\r\n  <div class=\"filtre-dugmeler\">\r\n    <ng-container *ngTemplateOutlet=\"filtreDugmeler(); context: {$implicit: filtreDugmeIcerik}\">\r\n    </ng-container>\r\n  </div>\r\n  }\r\n</div>\r\n",
+			styles: [".filtre-panel{will-change:width;overflow:hidden;transition:width .3s ease-in-out}.filtre-panel.animasyon-tamamlandi{overflow:visible;z-index:100}.filtre-panel.sagdansola{inset-inline-end:0}.filtre-panel.soldansaga{inset-inline-start:0}:host{display:flex;justify-content:space-between;flex-wrap:wrap-reverse}:host .filtre-arama{display:flex;flex:none;align-items:flex-start;justify-content:flex-end}:host .filtre-grup{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse}:host .filtre-grup .filtre-filtreler{display:flex;align-items:flex-start;justify-content:flex-end}:host .filtre-grup .filtre-dugmeler{display:flex;align-items:flex-start;justify-content:flex-end}:host .filtre-arama-input{transition:width .3s ease,min-width .3s ease}:host .filtreler-giris-animasyon{position:relative;left:5%;animation:slide-in .5s forwards;-webkit-animation:slide-in .5s forwards}@-webkit-keyframes slide-in{to{left:0}}@keyframes slide-in{to{left:0}}\n/*!_variable.scss*/\n"],
+			dependencies: [{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			}]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FiltreBarComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "filtre-bar",
+			imports: [NgTemplateOutlet],
+			template: "<!-- Arama alanı -->\r\n@if (arama()) {\r\n<div class=\"filtre-arama\" #aramaDiv>\r\n  <ng-container *ngTemplateOutlet=\"arama(); context: {$implicit: aramaIcerik}\">\r\n  </ng-container>\r\n</div>\r\n}\r\n\r\n<!-- Panel kökü -->\r\n<div class=\"filtre-grup\">\r\n  @if (filtreBarAcik()) {\r\n  @if (filtreler()) {\r\n\r\n  <div class=\"filtre-filtreler filtreler-giris-animasyon flex flex-wrap filtre-panel\"\r\n    [class.sagdansola]=\"yon() === 'sagdansola'\" [class.soldansaga]=\"yon() === 'soldansaga'\"\r\n    [class.animasyon-tamamlandi]=\"animasyonTamamlandi()\"\r\n    [style.width.px]=\"filtreBarAcik() ? animasyonGenislik() : 0\"\r\n    (animationend)=\"animasyonTamamlandi.set(true)\">\r\n\r\n    <!-- Filtre içerik -->\r\n    <div class=\"icerik\">\r\n      <ng-container *ngTemplateOutlet=\"filtreler(); context: {$implicit: filtreIcerik}\">\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  }\r\n  }\r\n  @if (filtreDugmeler()) {\r\n  <div class=\"filtre-dugmeler\">\r\n    <ng-container *ngTemplateOutlet=\"filtreDugmeler(); context: {$implicit: filtreDugmeIcerik}\">\r\n    </ng-container>\r\n  </div>\r\n  }\r\n</div>\r\n",
+			styles: [".filtre-panel{will-change:width;overflow:hidden;transition:width .3s ease-in-out}.filtre-panel.animasyon-tamamlandi{overflow:visible;z-index:100}.filtre-panel.sagdansola{inset-inline-end:0}.filtre-panel.soldansaga{inset-inline-start:0}:host{display:flex;justify-content:space-between;flex-wrap:wrap-reverse}:host .filtre-arama{display:flex;flex:none;align-items:flex-start;justify-content:flex-end}:host .filtre-grup{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse}:host .filtre-grup .filtre-filtreler{display:flex;align-items:flex-start;justify-content:flex-end}:host .filtre-grup .filtre-dugmeler{display:flex;align-items:flex-start;justify-content:flex-end}:host .filtre-arama-input{transition:width .3s ease,min-width .3s ease}:host .filtreler-giris-animasyon{position:relative;left:5%;animation:slide-in .5s forwards;-webkit-animation:slide-in .5s forwards}@-webkit-keyframes slide-in{to{left:0}}@keyframes slide-in{to{left:0}}\n/*!_variable.scss*/\n"]
+		}]
+	}],
+	propDecorators: {
+		yon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yon",
+				required: false
+			}]
+		}],
+		genislik: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "genislik",
+				required: false
+			}]
+		}],
+		kaydirma: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "kaydirma",
+				required: false
+			}]
+		}],
+		filtreBarAcik: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filtreBarAcik",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["filtreBarAcikChange"]
+		}],
+		aramaAlan: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aramaAlan",
+				required: false
+			}]
+		}],
+		arama: [{
+			type: i0.ContentChild,
+			args: ["arama", { isSignal: true }]
+		}],
+		filtreler: [{
+			type: i0.ContentChild,
+			args: ["filtreler", { isSignal: true }]
+		}],
+		filtreDugmeler: [{
+			type: i0.ContentChild,
+			args: ["filtreDugmeler", { isSignal: true }]
+		}],
+		aramaDiv: [{
+			type: i0.ViewChild,
+			args: ["aramaDiv", { isSignal: true }]
+		}]
+	}
+});
 export { FiltreBarComponent };
-//# sourceMappingURL=limitng-filtre-bar.mjs.map
+
+//# sourceMappingURL=limitng-filtre-bar.mjs.map

package/fesm2022/limitng-filtre-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"limitng-filtre-bar.mjs","sources":["../../src/app/components/filtre-bar/filtre-bar.component.ts","../../src/app/components/filtre-bar/filtre-bar.component.html","../../src/app/components/filtre-bar/limitng-filtre-bar.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport { AfterViewInit, Component, ElementRef, TemplateRef, computed, contentChild, input, model, numberAttribute, signal, viewChild } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'filtre-bar',\r\n  imports: [NgTemplateOutlet],\r\n  templateUrl: 'filtre-bar.component.html',\r\n  styleUrl: 'filtre-bar.component.scss'\r\n})\r\nexport class FiltreBarComponent implements AfterViewInit {\r\n  readonly yon = input<'sagdansola' | 'soldansaga'>('sagdansola');\r\n  readonly genislik = input(700, { transform: numberAttribute });\r\n  readonly kaydirma = input(0, { transform: numberAttribute });\r\n  readonly filtreBarAcik = model(false);\r\n  readonly aramaAlan = input<string | null>(null);\r\n\r\n  readonly animasyonTamamlandi = signal(false);\r\n\r\n  aramaIcerik: any;\r\n  filtreIcerik: any;\r\n  filtreDugmeIcerik: any;\r\n\r\n  readonly arama = contentChild<TemplateRef<any>>('arama');\r\n  readonly filtreler = contentChild<TemplateRef<any>>('filtreler');\r\n  readonly filtreDugmeler = contentChild<TemplateRef<any>>('filtreDugmeler');\r\n\r\n  private readonly aramaDiv = viewChild<ElementRef<HTMLDivElement>>('aramaDiv');\r\n\r\n  // mevcut hesaplamaların aynısı\r\n  private readonly sag = computed(() => 80 + this.kaydirma());\r\n  readonly animasyonGenislik = computed(() => this.genislik() - this.kaydirma() - this.sag());\r\n\r\n  private aramaInput!: HTMLInputElement | null;\r\n  private aramaInputExpandedWidth = '';\r\n  private aramaInputMinWidth = '';\r\n  private aramaInputSize: number | null = null;\r\n\r\n  ngAfterViewInit() {\r\n    const id = this.aramaAlan();\r\n    if (!id) {\r\n      this.aramaInput = null;\r\n      return;\r\n    }\r\n    setTimeout(() => {\r\n      const host = this.aramaDiv()?.nativeElement;\r\n      this.aramaInput = host ? (host.querySelector('input') as HTMLInputElement | null) : null;\r\n      if (this.aramaInput) {\r\n        this.aramaInputMinWidth = this.aramaInput.style.minWidth;\r\n        this.aramaInputSize = this.aramaInput.size;\r\n        this.aramaInputExpandedWidth = getComputedStyle(this.aramaInput).width;\r\n        this.aramaInput.style.transition = 'width 300ms ease';\r\n      }\r\n    }, 0);\r\n  }\r\n\r\n  toggle() {\r\n    const aciliyor = !this.filtreBarAcik();\r\n    if (aciliyor) {\r\n      this.animasyonTamamlandi.set(false);\r\n    }\r\n    if (this.aramaInput) {\r\n      const currentWidth = getComputedStyle(this.aramaInput).width;\r\n      const targetWidth = aciliyor ? '10rem' : (this.aramaInputExpandedWidth || currentWidth);\r\n      this.aramaInput.style.transition = 'width 300ms ease';\r\n      this.aramaInput.style.width = currentWidth; // auto -> px sabitle\r\n      this.aramaInput.style.minWidth = aciliyor ? '0px' : this.aramaInputMinWidth;\r\n      void this.aramaInput.offsetWidth; // reflow\r\n      requestAnimationFrame(() => {\r\n        if (!this.aramaInput) {\r\n          return;\r\n        }\r\n        this.aramaInput.style.width = targetWidth;\r\n      });\r\n      if (aciliyor) {\r\n        this.aramaInput.size = 10;\r\n      } else {\r\n        this.aramaInput.size = this.aramaInputSize ?? this.aramaInput.size;\r\n      }\r\n    }\r\n    this.filtreBarAcik.update(v => !v);\r\n  }\r\n}\r\n","<!-- Arama alanı -->\r\n@if (arama()) {\r\n<div class=\"filtre-arama\" #aramaDiv>\r\n  <ng-container *ngTemplateOutlet=\"arama(); context: {$implicit: aramaIcerik}\">\r\n  </ng-container>\r\n</div>\r\n}\r\n\r\n<!-- Panel kökü -->\r\n<div class=\"filtre-grup\">\r\n  @if (filtreBarAcik()) {\r\n  @if (filtreler()) {\r\n\r\n  <div class=\"filtre-filtreler filtreler-giris-animasyon flex flex-wrap filtre-panel\"\r\n    [class.sagdansola]=\"yon() === 'sagdansola'\" [class.soldansaga]=\"yon() === 'soldansaga'\"\r\n    [class.animasyon-tamamlandi]=\"animasyonTamamlandi()\"\r\n    [style.width.px]=\"filtreBarAcik() ? animasyonGenislik() : 0\"\r\n    (animationend)=\"animasyonTamamlandi.set(true)\">\r\n\r\n    <!-- Filtre içerik -->\r\n    <div class=\"icerik\">\r\n      <ng-container *ngTemplateOutlet=\"filtreler(); context: {$implicit: filtreIcerik}\">\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  }\r\n  }\r\n  @if (filtreDugmeler()) {\r\n  <div class=\"filtre-dugmeler\">\r\n    <ng-container *ngTemplateOutlet=\"filtreDugmeler(); context: {$implicit: filtreDugmeIcerik}\">\r\n    </ng-container>\r\n  </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"limitng-filtre-bar.mjs","names":[],"sources":["../../src/app/components/filtre-bar/filtre-bar.component.ts","../../src/app/components/filtre-bar/filtre-bar.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport { AfterViewInit, Component, ElementRef, TemplateRef, computed, contentChild, input, model, numberAttribute, signal, viewChild } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'filtre-bar',\r\n  imports: [NgTemplateOutlet],\r\n  templateUrl: 'filtre-bar.component.html',\r\n  styleUrl: 'filtre-bar.component.scss'\r\n})\r\nexport class FiltreBarComponent implements AfterViewInit {\r\n  readonly yon = input<'sagdansola' | 'soldansaga'>('sagdansola');\r\n  readonly genislik = input(700, { transform: numberAttribute });\r\n  readonly kaydirma = input(0, { transform: numberAttribute });\r\n  readonly filtreBarAcik = model(false);\r\n  readonly aramaAlan = input<string | null>(null);\r\n\r\n  readonly animasyonTamamlandi = signal(false);\r\n\r\n  aramaIcerik: any;\r\n  filtreIcerik: any;\r\n  filtreDugmeIcerik: any;\r\n\r\n  readonly arama = contentChild<TemplateRef<any>>('arama');\r\n  readonly filtreler = contentChild<TemplateRef<any>>('filtreler');\r\n  readonly filtreDugmeler = contentChild<TemplateRef<any>>('filtreDugmeler');\r\n\r\n  private readonly aramaDiv = viewChild<ElementRef<HTMLDivElement>>('aramaDiv');\r\n\r\n  // mevcut hesaplamaların aynısı\r\n  private readonly sag = computed(() => 80 + this.kaydirma());\r\n  readonly animasyonGenislik = computed(() => this.genislik() - this.kaydirma() - this.sag());\r\n\r\n  private aramaInput!: HTMLInputElement | null;\r\n  private aramaInputExpandedWidth = '';\r\n  private aramaInputMinWidth = '';\r\n  private aramaInputSize: number | null = null;\r\n\r\n  ngAfterViewInit() {\r\n    const id = this.aramaAlan();\r\n    if (!id) {\r\n      this.aramaInput = null;\r\n      return;\r\n    }\r\n    setTimeout(() => {\r\n      const host = this.aramaDiv()?.nativeElement;\r\n      this.aramaInput = host ? (host.querySelector('input') as HTMLInputElement | null) : null;\r\n      if (this.aramaInput) {\r\n        this.aramaInputMinWidth = this.aramaInput.style.minWidth;\r\n        this.aramaInputSize = this.aramaInput.size;\r\n        this.aramaInputExpandedWidth = getComputedStyle(this.aramaInput).width;\r\n        this.aramaInput.style.transition = 'width 300ms ease';\r\n      }\r\n    }, 0);\r\n  }\r\n\r\n  toggle() {\r\n    const aciliyor = !this.filtreBarAcik();\r\n    if (aciliyor) {\r\n      this.animasyonTamamlandi.set(false);\r\n    }\r\n    if (this.aramaInput) {\r\n      const currentWidth = getComputedStyle(this.aramaInput).width;\r\n      const targetWidth = aciliyor ? '10rem' : (this.aramaInputExpandedWidth || currentWidth);\r\n      this.aramaInput.style.transition = 'width 300ms ease';\r\n      this.aramaInput.style.width = currentWidth; // auto -> px sabitle\r\n      this.aramaInput.style.minWidth = aciliyor ? '0px' : this.aramaInputMinWidth;\r\n      void this.aramaInput.offsetWidth; // reflow\r\n      requestAnimationFrame(() => {\r\n        if (!this.aramaInput) {\r\n          return;\r\n        }\r\n        this.aramaInput.style.width = targetWidth;\r\n      });\r\n      if (aciliyor) {\r\n        this.aramaInput.size = 10;\r\n      } else {\r\n        this.aramaInput.size = this.aramaInputSize ?? this.aramaInput.size;\r\n      }\r\n    }\r\n    this.filtreBarAcik.update(v => !v);\r\n  }\r\n}\r\n","<!-- Arama alanı -->\r\n@if (arama()) {\r\n<div class=\"filtre-arama\" #aramaDiv>\r\n  <ng-container *ngTemplateOutlet=\"arama(); context: {$implicit: aramaIcerik}\">\r\n  </ng-container>\r\n</div>\r\n}\r\n\r\n<!-- Panel kökü -->\r\n<div class=\"filtre-grup\">\r\n  @if (filtreBarAcik()) {\r\n  @if (filtreler()) {\r\n\r\n  <div class=\"filtre-filtreler filtreler-giris-animasyon flex flex-wrap filtre-panel\"\r\n    [class.sagdansola]=\"yon() === 'sagdansola'\" [class.soldansaga]=\"yon() === 'soldansaga'\"\r\n    [class.animasyon-tamamlandi]=\"animasyonTamamlandi()\"\r\n    [style.width.px]=\"filtreBarAcik() ? animasyonGenislik() : 0\"\r\n    (animationend)=\"animasyonTamamlandi.set(true)\">\r\n\r\n    <!-- Filtre içerik -->\r\n    <div class=\"icerik\">\r\n      <ng-container *ngTemplateOutlet=\"filtreler(); context: {$implicit: filtreIcerik}\">\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  }\r\n  }\r\n  @if (filtreDugmeler()) {\r\n  <div class=\"filtre-dugmeler\">\r\n    <ng-container *ngTemplateOutlet=\"filtreDugmeler(); context: {$implicit: filtreDugmeIcerik}\">\r\n    </ng-container>\r\n  </div>\r\n  }\r\n</div>\r\n"],"mappings":"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"}