limitng 0.15.3 → 0.15.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/directives/disable.directive/disable.directive.d.ts +17 -3
- package/directives/disable.directive/disable.directive.d.ts.map +1 -1
- package/esm2020/alt-buyuk-kart/alt-buyuk-kart.component.mjs +2 -2
- package/esm2020/alt-kucuk-kart/alt-kucuk-kart.component.mjs +2 -2
- package/esm2020/dikey-baslikli-panel/dikey-baslikli-panel.component.mjs +2 -2
- package/esm2020/directives/disable.directive/disable.directive.mjs +73 -40
- package/esm2020/filtre-bar/filtre-bar.component.mjs +3 -3
- package/esm2020/sol-buyuk-kart/sol-buyuk-kart.component.mjs +2 -2
- package/esm2020/sol-kucuk-kart/sol-kucuk-kart.component.mjs +2 -2
- package/esm2020/yatay-baslikli-panel/yatay-baslikli-panel.component.mjs +2 -2
- package/fesm2015/limitng-alt-buyuk-kart.mjs +2 -2
- package/fesm2015/limitng-alt-buyuk-kart.mjs.map +1 -1
- package/fesm2015/limitng-alt-kucuk-kart.mjs +2 -2
- package/fesm2015/limitng-alt-kucuk-kart.mjs.map +1 -1
- package/fesm2015/limitng-dikey-baslikli-panel.mjs +2 -2
- package/fesm2015/limitng-dikey-baslikli-panel.mjs.map +1 -1
- package/fesm2015/limitng-directives-disable.directive.mjs +72 -39
- package/fesm2015/limitng-directives-disable.directive.mjs.map +1 -1
- package/fesm2015/limitng-directives.mjs +72 -39
- package/fesm2015/limitng-directives.mjs.map +1 -1
- package/fesm2015/limitng-filtre-bar.mjs +2 -2
- package/fesm2015/limitng-filtre-bar.mjs.map +1 -1
- package/fesm2015/limitng-sol-buyuk-kart.mjs +2 -2
- package/fesm2015/limitng-sol-buyuk-kart.mjs.map +1 -1
- package/fesm2015/limitng-sol-kucuk-kart.mjs +2 -2
- package/fesm2015/limitng-sol-kucuk-kart.mjs.map +1 -1
- package/fesm2015/limitng-yatay-baslikli-panel.mjs +2 -2
- package/fesm2015/limitng-yatay-baslikli-panel.mjs.map +1 -1
- package/fesm2020/limitng-alt-buyuk-kart.mjs +2 -2
- package/fesm2020/limitng-alt-buyuk-kart.mjs.map +1 -1
- package/fesm2020/limitng-alt-kucuk-kart.mjs +2 -2
- package/fesm2020/limitng-alt-kucuk-kart.mjs.map +1 -1
- package/fesm2020/limitng-dikey-baslikli-panel.mjs +2 -2
- package/fesm2020/limitng-dikey-baslikli-panel.mjs.map +1 -1
- package/fesm2020/limitng-directives-disable.directive.mjs +72 -39
- package/fesm2020/limitng-directives-disable.directive.mjs.map +1 -1
- package/fesm2020/limitng-directives.mjs +72 -39
- package/fesm2020/limitng-directives.mjs.map +1 -1
- package/fesm2020/limitng-filtre-bar.mjs +2 -2
- package/fesm2020/limitng-filtre-bar.mjs.map +1 -1
- package/fesm2020/limitng-sol-buyuk-kart.mjs +2 -2
- package/fesm2020/limitng-sol-buyuk-kart.mjs.map +1 -1
- package/fesm2020/limitng-sol-kucuk-kart.mjs +2 -2
- package/fesm2020/limitng-sol-kucuk-kart.mjs.map +1 -1
- package/fesm2020/limitng-yatay-baslikli-panel.mjs +2 -2
- package/fesm2020/limitng-yatay-baslikli-panel.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -49,7 +49,7 @@ class FiltreBarComponent {
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
FiltreBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: FiltreBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
FiltreBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: FiltreBarComponent, selector: "filtre-bar", inputs: { yon: "yon", genislik: "genislik", kaydirma: "kaydirma", filtreBarAcik: "filtreBarAcik", aramaAlan: "aramaAlan" }, queries: [{ propertyName: "arama", first: true, predicate: ["arama"], descendants: true }, { propertyName: "filtreler", first: true, predicate: ["filtreler"], descendants: true }, { propertyName: "filtreDugmeler", first: true, predicate: ["filtreDugmeler"], descendants: true }], viewQueries: [{ propertyName: "filtreDiv", first: true, predicate: ["filtreDiv"], descendants: true }, { propertyName: "aramaDiv", first: true, predicate: ["aramaDiv"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"filtre-bar-kart\">\r\n <div class=\"filtre-arama\" *ngIf=\"arama\" #aramaDiv>\r\n <ng-container *ngTemplateOutlet=\"arama; context: {$implicit: aramaIcerik}\">\r\n {{aramaIcerik}}\r\n </ng-container>\r\n </div>\r\n <div class=\"filtre-grup\">\r\n <div *ngIf=\"filtreler\" class=\"filtre-filtreler\"\r\n [@filtreBarAcikKapali]=\"{value: filtreBarAcik ? 'acik' : 'kapali', params:{animasyonGenislik: animasyonGenislik}}\"\r\n (@filtreBarAcikKapali.start)=\"animationStartEvent($event)\"\r\n (@filtreBarAcikKapali.done)=\"animationDoneEvent($event)\" [style.right.px]=\"sag\" #filtreDiv>\r\n <ng-container *ngTemplateOutlet=\"filtreler; context: {$implicit: filtreIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"filtreDugmeler\" class=\"filtre-dugmeler\">\r\n <ng-container *ngTemplateOutlet=\"filtreDugmeler; context: {$implicit: filtreDugmeIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
52
|
+
FiltreBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: FiltreBarComponent, selector: "filtre-bar", inputs: { yon: "yon", genislik: "genislik", kaydirma: "kaydirma", filtreBarAcik: "filtreBarAcik", aramaAlan: "aramaAlan" }, queries: [{ propertyName: "arama", first: true, predicate: ["arama"], descendants: true }, { propertyName: "filtreler", first: true, predicate: ["filtreler"], descendants: true }, { propertyName: "filtreDugmeler", first: true, predicate: ["filtreDugmeler"], descendants: true }], viewQueries: [{ propertyName: "filtreDiv", first: true, predicate: ["filtreDiv"], descendants: true }, { propertyName: "aramaDiv", first: true, predicate: ["aramaDiv"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"filtre-bar-kart\">\r\n <div class=\"filtre-arama\" *ngIf=\"arama\" #aramaDiv>\r\n <ng-container *ngTemplateOutlet=\"arama; context: {$implicit: aramaIcerik}\">\r\n {{aramaIcerik}}\r\n </ng-container>\r\n </div>\r\n <div class=\"filtre-grup\">\r\n <div *ngIf=\"filtreler\" class=\"filtre-filtreler\"\r\n [@filtreBarAcikKapali]=\"{value: filtreBarAcik ? 'acik' : 'kapali', params:{animasyonGenislik: animasyonGenislik}}\"\r\n (@filtreBarAcikKapali.start)=\"animationStartEvent($event)\"\r\n (@filtreBarAcikKapali.done)=\"animationDoneEvent($event)\" [style.right.px]=\"sag\" #filtreDiv>\r\n <ng-container *ngTemplateOutlet=\"filtreler; context: {$implicit: filtreIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"filtreDugmeler\" class=\"filtre-dugmeler\">\r\n <ng-container *ngTemplateOutlet=\"filtreDugmeler; context: {$implicit: filtreDugmeIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".filtre-bar-kart{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap-reverse}.filtre-bar-kart .filtre-arama{display:flex;flex:none;align-items:flex-start;justify-content:flex-end}.filtre-bar-kart .filtre-grup{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap-reverse}.filtre-bar-kart .filtre-grup .filtre-filtreler,.filtre-bar-kart .filtre-grup .filtre-dugmeler{display:flex;align-items:flex-start;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
53
53
|
trigger('filtreBarAcikKapali', [
|
|
54
54
|
// ...
|
|
55
55
|
state('acik', style({
|
|
@@ -84,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
|
|
|
84
84
|
animate('300ms ease-out')
|
|
85
85
|
]),
|
|
86
86
|
]),
|
|
87
|
-
], template: "<div class=\"filtre-bar-kart\">\r\n <div class=\"filtre-arama\" *ngIf=\"arama\" #aramaDiv>\r\n <ng-container *ngTemplateOutlet=\"arama; context: {$implicit: aramaIcerik}\">\r\n {{aramaIcerik}}\r\n </ng-container>\r\n </div>\r\n <div class=\"filtre-grup\">\r\n <div *ngIf=\"filtreler\" class=\"filtre-filtreler\"\r\n [@filtreBarAcikKapali]=\"{value: filtreBarAcik ? 'acik' : 'kapali', params:{animasyonGenislik: animasyonGenislik}}\"\r\n (@filtreBarAcikKapali.start)=\"animationStartEvent($event)\"\r\n (@filtreBarAcikKapali.done)=\"animationDoneEvent($event)\" [style.right.px]=\"sag\" #filtreDiv>\r\n <ng-container *ngTemplateOutlet=\"filtreler; context: {$implicit: filtreIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"filtreDugmeler\" class=\"filtre-dugmeler\">\r\n <ng-container *ngTemplateOutlet=\"filtreDugmeler; context: {$implicit: filtreDugmeIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
87
|
+
], template: "<div class=\"filtre-bar-kart\">\r\n <div class=\"filtre-arama\" *ngIf=\"arama\" #aramaDiv>\r\n <ng-container *ngTemplateOutlet=\"arama; context: {$implicit: aramaIcerik}\">\r\n {{aramaIcerik}}\r\n </ng-container>\r\n </div>\r\n <div class=\"filtre-grup\">\r\n <div *ngIf=\"filtreler\" class=\"filtre-filtreler\"\r\n [@filtreBarAcikKapali]=\"{value: filtreBarAcik ? 'acik' : 'kapali', params:{animasyonGenislik: animasyonGenislik}}\"\r\n (@filtreBarAcikKapali.start)=\"animationStartEvent($event)\"\r\n (@filtreBarAcikKapali.done)=\"animationDoneEvent($event)\" [style.right.px]=\"sag\" #filtreDiv>\r\n <ng-container *ngTemplateOutlet=\"filtreler; context: {$implicit: filtreIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"filtreDugmeler\" class=\"filtre-dugmeler\">\r\n <ng-container *ngTemplateOutlet=\"filtreDugmeler; context: {$implicit: filtreDugmeIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".filtre-bar-kart{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap-reverse}.filtre-bar-kart .filtre-arama{display:flex;flex:none;align-items:flex-start;justify-content:flex-end}.filtre-bar-kart .filtre-grup{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap-reverse}.filtre-bar-kart .filtre-grup .filtre-filtreler,.filtre-bar-kart .filtre-grup .filtre-dugmeler{display:flex;align-items:flex-start;justify-content:flex-end}\n"] }]
|
|
88
88
|
}], ctorParameters: function () { return []; }, propDecorators: { yon: [{
|
|
89
89
|
type: Input
|
|
90
90
|
}], genislik: [{
|
|
@@ -1 +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 { CommonModule } from '@angular/common';\r\nimport { Component, ContentChild, Input, NgModule, TemplateRef, ViewChild, ElementRef, OnChanges, SimpleChanges, AfterViewInit } from '@angular/core';\r\nimport { trigger, state, style, transition, animate, AnimationEvent } from '@angular/animations';\r\n\r\n@Component({\r\n selector: 'filtre-bar',\r\n templateUrl: 'filtre-bar.component.html',\r\n styleUrls: ['filtre-bar.component.scss'],\r\n animations: [\r\n trigger('filtreBarAcikKapali', [\r\n // ...\r\n state('acik', style({\r\n width: '{{animasyonGenislik}}px'\r\n }), { params: { animasyonGenislik: 620 } }),\r\n state('kapali', style({\r\n width: '0px'\r\n })),\r\n transition('acik => kapali', [\r\n animate('300ms ease-in')\r\n ]),\r\n transition('kapali => acik', [\r\n animate('300ms ease-out')\r\n ]),\r\n ]),\r\n ]\r\n})\r\n\r\nexport class FiltreBarComponent implements AfterViewInit, OnChanges {\r\n @Input() yon = 'sagdansola';\r\n\r\n @Input() genislik = 700;\r\n @Input() kaydirma = 0;\r\n @Input() filtreBarAcik = false;\r\n @Input() aramaAlan: '';\r\n\r\n aramaIcerik: any;\r\n filtreIcerik: any;\r\n filtreDugmeIcerik: any;\r\n\r\n @ContentChild('arama') arama: TemplateRef<any>;\r\n @ContentChild('filtreler') filtreler: TemplateRef<any>;\r\n @ContentChild('filtreDugmeler') filtreDugmeler: TemplateRef<any>;\r\n\r\n @ViewChild('filtreDiv') filtreDiv: ElementRef;\r\n @ViewChild('aramaDiv') aramaDiv: HTMLInputElement;\r\n\r\n sag = 80 + Number(this.kaydirma);\r\n animasyonGenislik = this.genislik - this.kaydirma - this.sag;\r\n aramaInput: HTMLInputElement;\r\n\r\n constructor() { }\r\n\r\n ngAfterViewInit() {\r\n this.aramaInput = document.getElementById(this.aramaAlan) as HTMLInputElement;\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes.kaydirma || changes.genislik) {\r\n this.sag = 80 + Number(this.kaydirma);\r\n this.animasyonGenislik = this.genislik - this.kaydirma - this.sag;\r\n\r\n }\r\n }\r\n\r\n toggle(event: Event) {\r\n this.filtreBarAcik = !this.filtreBarAcik;\r\n }\r\n\r\n animationStartEvent(event: AnimationEvent) {\r\n if (event.toState === 'kapali') {\r\n this.filtreDiv.nativeElement.style.overflow = 'hidden';\r\n\r\n }\r\n else {\r\n if (this.aramaInput) {\r\n this.aramaInput.style.minWidth = '50px';\r\n this.aramaInput.size = 10;\r\n }\r\n }\r\n }\r\n\r\n animationDoneEvent(event: AnimationEvent) {\r\n if (event.toState === 'acik') {\r\n this.filtreDiv.nativeElement.style.overflow = 'visible';\r\n }\r\n else {\r\n if (this.aramaInput) {\r\n this.aramaInput.style.minWidth = '150px';\r\n this.aramaInput.size = 50;\r\n\r\n }\r\n }\r\n }\r\n}\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n exports: [FiltreBarComponent],\r\n declarations: [FiltreBarComponent]\r\n})\r\nexport class FiltreBarModule { }\r\n","<div class=\"filtre-bar-kart\">\r\n <div class=\"filtre-arama\" *ngIf=\"arama\" #aramaDiv>\r\n <ng-container *ngTemplateOutlet=\"arama; context: {$implicit: aramaIcerik}\">\r\n {{aramaIcerik}}\r\n </ng-container>\r\n </div>\r\n <div class=\"filtre-grup\">\r\n <div *ngIf=\"filtreler\" class=\"filtre-filtreler\"\r\n [@filtreBarAcikKapali]=\"{value: filtreBarAcik ? 'acik' : 'kapali', params:{animasyonGenislik: animasyonGenislik}}\"\r\n (@filtreBarAcikKapali.start)=\"animationStartEvent($event)\"\r\n (@filtreBarAcikKapali.done)=\"animationDoneEvent($event)\" [style.right.px]=\"sag\" #filtreDiv>\r\n <ng-container *ngTemplateOutlet=\"filtreler; context: {$implicit: filtreIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"filtreDugmeler\" class=\"filtre-dugmeler\">\r\n <ng-container *ngTemplateOutlet=\"filtreDugmeler; context: {$implicit: filtreDugmeIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n </div>\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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
|
|
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 { CommonModule } from '@angular/common';\r\nimport { Component, ContentChild, Input, NgModule, TemplateRef, ViewChild, ElementRef, OnChanges, SimpleChanges, AfterViewInit } from '@angular/core';\r\nimport { trigger, state, style, transition, animate, AnimationEvent } from '@angular/animations';\r\n\r\n@Component({\r\n selector: 'filtre-bar',\r\n templateUrl: 'filtre-bar.component.html',\r\n styleUrls: ['filtre-bar.component.scss'],\r\n animations: [\r\n trigger('filtreBarAcikKapali', [\r\n // ...\r\n state('acik', style({\r\n width: '{{animasyonGenislik}}px'\r\n }), { params: { animasyonGenislik: 620 } }),\r\n state('kapali', style({\r\n width: '0px'\r\n })),\r\n transition('acik => kapali', [\r\n animate('300ms ease-in')\r\n ]),\r\n transition('kapali => acik', [\r\n animate('300ms ease-out')\r\n ]),\r\n ]),\r\n ]\r\n})\r\n\r\nexport class FiltreBarComponent implements AfterViewInit, OnChanges {\r\n @Input() yon = 'sagdansola';\r\n\r\n @Input() genislik = 700;\r\n @Input() kaydirma = 0;\r\n @Input() filtreBarAcik = false;\r\n @Input() aramaAlan: '';\r\n\r\n aramaIcerik: any;\r\n filtreIcerik: any;\r\n filtreDugmeIcerik: any;\r\n\r\n @ContentChild('arama') arama: TemplateRef<any>;\r\n @ContentChild('filtreler') filtreler: TemplateRef<any>;\r\n @ContentChild('filtreDugmeler') filtreDugmeler: TemplateRef<any>;\r\n\r\n @ViewChild('filtreDiv') filtreDiv: ElementRef;\r\n @ViewChild('aramaDiv') aramaDiv: HTMLInputElement;\r\n\r\n sag = 80 + Number(this.kaydirma);\r\n animasyonGenislik = this.genislik - this.kaydirma - this.sag;\r\n aramaInput: HTMLInputElement;\r\n\r\n constructor() { }\r\n\r\n ngAfterViewInit() {\r\n this.aramaInput = document.getElementById(this.aramaAlan) as HTMLInputElement;\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes.kaydirma || changes.genislik) {\r\n this.sag = 80 + Number(this.kaydirma);\r\n this.animasyonGenislik = this.genislik - this.kaydirma - this.sag;\r\n\r\n }\r\n }\r\n\r\n toggle(event: Event) {\r\n this.filtreBarAcik = !this.filtreBarAcik;\r\n }\r\n\r\n animationStartEvent(event: AnimationEvent) {\r\n if (event.toState === 'kapali') {\r\n this.filtreDiv.nativeElement.style.overflow = 'hidden';\r\n\r\n }\r\n else {\r\n if (this.aramaInput) {\r\n this.aramaInput.style.minWidth = '50px';\r\n this.aramaInput.size = 10;\r\n }\r\n }\r\n }\r\n\r\n animationDoneEvent(event: AnimationEvent) {\r\n if (event.toState === 'acik') {\r\n this.filtreDiv.nativeElement.style.overflow = 'visible';\r\n }\r\n else {\r\n if (this.aramaInput) {\r\n this.aramaInput.style.minWidth = '150px';\r\n this.aramaInput.size = 50;\r\n\r\n }\r\n }\r\n }\r\n}\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n exports: [FiltreBarComponent],\r\n declarations: [FiltreBarComponent]\r\n})\r\nexport class FiltreBarModule { }\r\n","<div class=\"filtre-bar-kart\">\r\n <div class=\"filtre-arama\" *ngIf=\"arama\" #aramaDiv>\r\n <ng-container *ngTemplateOutlet=\"arama; context: {$implicit: aramaIcerik}\">\r\n {{aramaIcerik}}\r\n </ng-container>\r\n </div>\r\n <div class=\"filtre-grup\">\r\n <div *ngIf=\"filtreler\" class=\"filtre-filtreler\"\r\n [@filtreBarAcikKapali]=\"{value: filtreBarAcik ? 'acik' : 'kapali', params:{animasyonGenislik: animasyonGenislik}}\"\r\n (@filtreBarAcikKapali.start)=\"animationStartEvent($event)\"\r\n (@filtreBarAcikKapali.done)=\"animationDoneEvent($event)\" [style.right.px]=\"sag\" #filtreDiv>\r\n <ng-container *ngTemplateOutlet=\"filtreler; context: {$implicit: filtreIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"filtreDugmeler\" class=\"filtre-dugmeler\">\r\n <ng-container *ngTemplateOutlet=\"filtreDugmeler; context: {$implicit: filtreDugmeIcerik}\">\r\n {{filtreIcerik}}\r\n </ng-container>\r\n </div>\r\n </div>\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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"}
|
|
@@ -15,10 +15,10 @@ class SolBuyukKartComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
SolBuyukKartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SolBuyukKartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
SolBuyukKartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: SolBuyukKartComponent, selector: "sol-buyuk-kart", inputs: { baslik: "baslik", baslikRenk: "baslikRenk", genislik: "genislik", yukseklik: "yukseklik", baslikGenislik: "baslikGenislik", baslikFontSize: "baslikFontSize" }, queries: [{ propertyName: "sagUst", first: true, predicate: ["sagUst"], descendants: true }, { propertyName: "sagAlt", first: true, predicate: ["sagAlt"], descendants: true }], ngImport: i0, template: "<div class=\"sol-buyuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"sagUst\" class=\"sag-ust\" [style.width]=\"baslikGenislik\">\r\n <ng-container *ngTemplateOutlet=\"sagUst; context: {$implicit: ustIcerik}\">\r\n {{ustIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"sagAlt\" class=\"sag-alt\" [style.width]=\"baslikGenislik\">\r\n <table class=\"h-full w-full\">\r\n <tr>\r\n <td style=\"vertical-align: bottom\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt; context: {$implicit: altIcerik}\">\r\n {{altIcerik}}\r\n </ng-container>\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
18
|
+
SolBuyukKartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: SolBuyukKartComponent, selector: "sol-buyuk-kart", inputs: { baslik: "baslik", baslikRenk: "baslikRenk", genislik: "genislik", yukseklik: "yukseklik", baslikGenislik: "baslikGenislik", baslikFontSize: "baslikFontSize" }, queries: [{ propertyName: "sagUst", first: true, predicate: ["sagUst"], descendants: true }, { propertyName: "sagAlt", first: true, predicate: ["sagAlt"], descendants: true }], ngImport: i0, template: "<div class=\"sol-buyuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"sagUst\" class=\"sag-ust\" [style.width]=\"baslikGenislik\">\r\n <ng-container *ngTemplateOutlet=\"sagUst; context: {$implicit: ustIcerik}\">\r\n {{ustIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"sagAlt\" class=\"sag-alt\" [style.width]=\"baslikGenislik\">\r\n <table class=\"h-full w-full\">\r\n <tr>\r\n <td style=\"vertical-align: bottom\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt; context: {$implicit: altIcerik}\">\r\n {{altIcerik}}\r\n </ng-container>\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".sol-buyuk-kart{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}.sol-buyuk-kart .wrapper{background-color:#fff;position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}.sol-buyuk-kart .yan-baslik{position:absolute;opacity:.2;height:100%}.sol-buyuk-kart .baslik-yazi{position:absolute;height:100%;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;text-align:center;display:flex;justify-content:center;align-items:center}.sol-buyuk-kart .sag-ust{position:absolute;right:.5em;top:.5em;z-index:1000;height:50%}.sol-buyuk-kart .sag-alt{position:absolute;right:.5em;bottom:.5em;top:50%;height:50%;z-index:1000}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SolBuyukKartComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'sol-buyuk-kart', template: "<div class=\"sol-buyuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"sagUst\" class=\"sag-ust\" [style.width]=\"baslikGenislik\">\r\n <ng-container *ngTemplateOutlet=\"sagUst; context: {$implicit: ustIcerik}\">\r\n {{ustIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"sagAlt\" class=\"sag-alt\" [style.width]=\"baslikGenislik\">\r\n <table class=\"h-full w-full\">\r\n <tr>\r\n <td style=\"vertical-align: bottom\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt; context: {$implicit: altIcerik}\">\r\n {{altIcerik}}\r\n </ng-container>\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
21
|
+
args: [{ selector: 'sol-buyuk-kart', template: "<div class=\"sol-buyuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"sagUst\" class=\"sag-ust\" [style.width]=\"baslikGenislik\">\r\n <ng-container *ngTemplateOutlet=\"sagUst; context: {$implicit: ustIcerik}\">\r\n {{ustIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"sagAlt\" class=\"sag-alt\" [style.width]=\"baslikGenislik\">\r\n <table class=\"h-full w-full\">\r\n <tr>\r\n <td style=\"vertical-align: bottom\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt; context: {$implicit: altIcerik}\">\r\n {{altIcerik}}\r\n </ng-container>\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".sol-buyuk-kart{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}.sol-buyuk-kart .wrapper{background-color:#fff;position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}.sol-buyuk-kart .yan-baslik{position:absolute;opacity:.2;height:100%}.sol-buyuk-kart .baslik-yazi{position:absolute;height:100%;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;text-align:center;display:flex;justify-content:center;align-items:center}.sol-buyuk-kart .sag-ust{position:absolute;right:.5em;top:.5em;z-index:1000;height:50%}.sol-buyuk-kart .sag-alt{position:absolute;right:.5em;bottom:.5em;top:50%;height:50%;z-index:1000}\n"] }]
|
|
22
22
|
}], ctorParameters: function () { return []; }, propDecorators: { baslik: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], baslikRenk: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limitng-sol-buyuk-kart.mjs","sources":["../../src/app/components/sol-buyuk-kart/sol-buyuk-kart.component.ts","../../src/app/components/sol-buyuk-kart/sol-buyuk-kart.component.html","../../src/app/components/sol-buyuk-kart/limitng-sol-buyuk-kart.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ContentChild, Input, NgModule, TemplateRef } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'sol-buyuk-kart',\r\n templateUrl: 'sol-buyuk-kart.component.html',\r\n styleUrls: ['sol-buyuk-kart.component.scss']\r\n})\r\nexport class SolBuyukKartComponent {\r\n @Input() baslik = '';\r\n @Input() baslikRenk = '';\r\n @Input() genislik = '40.5em';\r\n @Input() yukseklik = '21em';\r\n @Input() baslikGenislik = '3em';\r\n @Input() baslikFontSize = 1;\r\n\r\n ustIcerik: any;\r\n altIcerik: any;\r\n\r\n @ContentChild('sagUst') sagUst: TemplateRef<any>;\r\n @ContentChild('sagAlt') sagAlt: TemplateRef<any>;\r\n\r\n constructor(\r\n\r\n ) {\r\n\r\n }\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [CommonModule, RouterModule],\r\n exports: [SolBuyukKartComponent],\r\n declarations: [SolBuyukKartComponent]\r\n})\r\nexport class SolBuyukKartModule { }\r\n","<div class=\"sol-buyuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"sagUst\" class=\"sag-ust\" [style.width]=\"baslikGenislik\">\r\n <ng-container *ngTemplateOutlet=\"sagUst; context: {$implicit: ustIcerik}\">\r\n {{ustIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"sagAlt\" class=\"sag-alt\" [style.width]=\"baslikGenislik\">\r\n <table class=\"h-full w-full\">\r\n <tr>\r\n <td style=\"vertical-align: bottom\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt; context: {$implicit: altIcerik}\">\r\n {{altIcerik}}\r\n </ng-container>\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MASa,qBAAqB,CAAA;AAchC,IAAA,WAAA,GAAA;QAbS,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;QACpB,IAAS,CAAA,SAAA,GAAG,MAAM,CAAC;QACnB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;QACvB,IAAc,CAAA,cAAA,GAAG,CAAC,CAAC;KAY3B;;kHAlBU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,iZCTlC,0yCAqCA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"limitng-sol-buyuk-kart.mjs","sources":["../../src/app/components/sol-buyuk-kart/sol-buyuk-kart.component.ts","../../src/app/components/sol-buyuk-kart/sol-buyuk-kart.component.html","../../src/app/components/sol-buyuk-kart/limitng-sol-buyuk-kart.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ContentChild, Input, NgModule, TemplateRef } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'sol-buyuk-kart',\r\n templateUrl: 'sol-buyuk-kart.component.html',\r\n styleUrls: ['sol-buyuk-kart.component.scss']\r\n})\r\nexport class SolBuyukKartComponent {\r\n @Input() baslik = '';\r\n @Input() baslikRenk = '';\r\n @Input() genislik = '40.5em';\r\n @Input() yukseklik = '21em';\r\n @Input() baslikGenislik = '3em';\r\n @Input() baslikFontSize = 1;\r\n\r\n ustIcerik: any;\r\n altIcerik: any;\r\n\r\n @ContentChild('sagUst') sagUst: TemplateRef<any>;\r\n @ContentChild('sagAlt') sagAlt: TemplateRef<any>;\r\n\r\n constructor(\r\n\r\n ) {\r\n\r\n }\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [CommonModule, RouterModule],\r\n exports: [SolBuyukKartComponent],\r\n declarations: [SolBuyukKartComponent]\r\n})\r\nexport class SolBuyukKartModule { }\r\n","<div class=\"sol-buyuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"sagUst\" class=\"sag-ust\" [style.width]=\"baslikGenislik\">\r\n <ng-container *ngTemplateOutlet=\"sagUst; context: {$implicit: ustIcerik}\">\r\n {{ustIcerik}}\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"sagAlt\" class=\"sag-alt\" [style.width]=\"baslikGenislik\">\r\n <table class=\"h-full w-full\">\r\n <tr>\r\n <td style=\"vertical-align: bottom\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt; context: {$implicit: altIcerik}\">\r\n {{altIcerik}}\r\n </ng-container>\r\n </td>\r\n </tr>\r\n </table>\r\n\r\n </div>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MASa,qBAAqB,CAAA;AAchC,IAAA,WAAA,GAAA;QAbS,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC;QACpB,IAAS,CAAA,SAAA,GAAG,MAAM,CAAC;QACnB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;QACvB,IAAc,CAAA,cAAA,GAAG,CAAC,CAAC;KAY3B;;kHAlBU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,iZCTlC,0yCAqCA,EAAA,MAAA,EAAA,CAAA,2qBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FD5Ba,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,0yCAAA,EAAA,MAAA,EAAA,CAAA,2qBAAA,CAAA,EAAA,CAAA;0EAKjB,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBAKkB,MAAM,EAAA,CAAA;sBAA7B,YAAY;uBAAC,QAAQ,CAAA;gBACE,MAAM,EAAA,CAAA;sBAA7B,YAAY;uBAAC,QAAQ,CAAA;;MAeX,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBA3BlB,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAuBtB,YAAY,EAAE,YAAY,aAvBzB,qBAAqB,CAAA,EAAA,CAAA,CAAA;gHA2BrB,kBAAkB,EAAA,OAAA,EAAA,CAJnB,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;2FAIzB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;AACtC,iBAAA,CAAA;;;AEnCD;;AAEG;;;;"}
|
|
@@ -14,10 +14,10 @@ class SolKucukKartComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
SolKucukKartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SolKucukKartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
SolKucukKartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: SolKucukKartComponent, selector: "sol-kucuk-kart", inputs: { baslik: "baslik", baslikRenk: "baslikRenk", genislik: "genislik", yukseklik: "yukseklik", baslikGenislik: "baslikGenislik", baslikFontSize: "baslikFontSize" }, ngImport: i0, template: "<div class=\"sol-kucuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
17
|
+
SolKucukKartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: SolKucukKartComponent, selector: "sol-kucuk-kart", inputs: { baslik: "baslik", baslikRenk: "baslikRenk", genislik: "genislik", yukseklik: "yukseklik", baslikGenislik: "baslikGenislik", baslikFontSize: "baslikFontSize" }, ngImport: i0, template: "<div class=\"sol-kucuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".sol-kucuk-kart{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}.sol-kucuk-kart .wrapper{background-color:#fff;position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}.sol-kucuk-kart .yan-baslik{position:absolute;opacity:.2;height:100%}.sol-kucuk-kart .baslik-yazi{position:absolute;height:100%;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n"] });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SolKucukKartComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'sol-kucuk-kart', template: "<div class=\"sol-kucuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
20
|
+
args: [{ selector: 'sol-kucuk-kart', template: "<div class=\"sol-kucuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".sol-kucuk-kart{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}.sol-kucuk-kart .wrapper{background-color:#fff;position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}.sol-kucuk-kart .yan-baslik{position:absolute;opacity:.2;height:100%}.sol-kucuk-kart .baslik-yazi{position:absolute;height:100%;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { baslik: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], baslikRenk: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limitng-sol-kucuk-kart.mjs","sources":["../../src/app/components/sol-kucuk-kart/sol-kucuk-kart.component.ts","../../src/app/components/sol-kucuk-kart/sol-kucuk-kart.component.html","../../src/app/components/sol-kucuk-kart/limitng-sol-kucuk-kart.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, Input, NgModule } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'sol-kucuk-kart',\r\n templateUrl: 'sol-kucuk-kart.component.html',\r\n styleUrls: ['sol-kucuk-kart.component.scss']\r\n})\r\nexport class SolKucukKartComponent {\r\n @Input() baslik = '';\r\n @Input() baslikRenk = '';\r\n @Input() genislik = '20em';\r\n @Input() yukseklik = '13em';\r\n @Input() baslikGenislik = '3em';\r\n @Input() baslikFontSize = 1;\r\n\r\n constructor(\r\n\r\n ) {\r\n\r\n }\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [CommonModule, RouterModule],\r\n exports: [SolKucukKartComponent],\r\n declarations: [SolKucukKartComponent]\r\n})\r\nexport class SolKucukKartModule { }\r\n","<div class=\"sol-kucuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;MASa,qBAAqB,CAAA;AAQhC,IAAA,WAAA,GAAA;QAPS,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAG,MAAM,CAAC;QAClB,IAAS,CAAA,SAAA,GAAG,MAAM,CAAC;QACnB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;QACvB,IAAc,CAAA,cAAA,GAAG,CAAC,CAAC;KAM3B;;kHAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,gOCTlC,4pBAkBA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"limitng-sol-kucuk-kart.mjs","sources":["../../src/app/components/sol-kucuk-kart/sol-kucuk-kart.component.ts","../../src/app/components/sol-kucuk-kart/sol-kucuk-kart.component.html","../../src/app/components/sol-kucuk-kart/limitng-sol-kucuk-kart.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, Input, NgModule } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'sol-kucuk-kart',\r\n templateUrl: 'sol-kucuk-kart.component.html',\r\n styleUrls: ['sol-kucuk-kart.component.scss']\r\n})\r\nexport class SolKucukKartComponent {\r\n @Input() baslik = '';\r\n @Input() baslikRenk = '';\r\n @Input() genislik = '20em';\r\n @Input() yukseklik = '13em';\r\n @Input() baslikGenislik = '3em';\r\n @Input() baslikFontSize = 1;\r\n\r\n constructor(\r\n\r\n ) {\r\n\r\n }\r\n\r\n}\r\n\r\n@NgModule({\r\n imports: [CommonModule, RouterModule],\r\n exports: [SolKucukKartComponent],\r\n declarations: [SolKucukKartComponent]\r\n})\r\nexport class SolKucukKartModule { }\r\n","<div class=\"sol-kucuk-kart\" [style.width]=\"genislik\">\r\n <div class=\"wrapper\" [style.height]=\"yukseklik\">\r\n <div class=\"yan-baslik\" [style.backgroundColor]=\"baslikRenk\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.em]=\"baslikFontSize\" [style.color]=\"baslikRenk\"\r\n [style.width]=\"baslikGenislik\">\r\n <b>{{baslik}}</b>\r\n </div>\r\n\r\n <div class=\"grid grid-nogutter\">\r\n <div class=\"col-fixed\" [style.width]=\"baslikGenislik\"> </div>\r\n\r\n <div class=\"col\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;MASa,qBAAqB,CAAA;AAQhC,IAAA,WAAA,GAAA;QAPS,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAG,MAAM,CAAC;QAClB,IAAS,CAAA,SAAA,GAAG,MAAM,CAAC;QACnB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;QACvB,IAAc,CAAA,cAAA,GAAG,CAAC,CAAC;KAM3B;;kHAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,gOCTlC,4pBAkBA,EAAA,MAAA,EAAA,CAAA,geAAA,CAAA,EAAA,CAAA,CAAA;2FDTa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,4pBAAA,EAAA,MAAA,EAAA,CAAA,geAAA,CAAA,EAAA,CAAA;0EAKjB,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;;MAeK,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBArBlB,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAiBtB,YAAY,EAAE,YAAY,aAjBzB,qBAAqB,CAAA,EAAA,CAAA,CAAA;gHAqBrB,kBAAkB,EAAA,OAAA,EAAA,CAJnB,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;2FAIzB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;AACtC,iBAAA,CAAA;;;AE7BD;;AAEG;;;;"}
|
|
@@ -36,10 +36,10 @@ class YatayBaslikliPanelComponent {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
YatayBaslikliPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: YatayBaslikliPanelComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
YatayBaslikliPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: YatayBaslikliPanelComponent, selector: "yatay-baslikli-panel", inputs: { baslik: "baslik", renk: "renk", baslikFontSize: "baslikFontSize", baslikYukseklik: "baslikYukseklik", icon: "icon", iconURL: "iconURL", iconSize: "iconSize", favori: "favori", favoriVar: "favoriVar" }, outputs: { favoriClicked: "favoriClicked" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"grid grid-nogutter yatay-baslikli-panel-grid mb-2\">\r\n <div class=\"col-12 yatay-baslikli-panel-blok\" [style.background]=\"renkSanitized\" [style.height.em]=\"baslikYukseklik\">\r\n\r\n <div class=\"baslik-yazi pl-2 h-full\" [style.font-size.em]=\"baslikFontSize\">\r\n <div class=\"flex align-items-center\">\r\n <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.font-size.px]=\"iconSize\"> </i>\r\n <img *ngIf=\"iconURL\" [src]=\"iconURL\" [style.width.px]=\"iconSize\" class=\"mr-2\">\r\n <b>{{baslik}}</b>\r\n <div *ngIf=\"favoriVar\" [ngClass]=\"favori ? 'fas fa-star' : 'far fa-star'\"\r\n [style.color]=\"favori ? '#fece00' : 'white'\" style=\"margin-left: 0.5em; z-index: 1000\"\r\n (click)=\"favoriClicked.emit($event)\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\" style=\"padding-bottom: 0.35em\">\r\n <div class=\"grid grid-nogutter\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
39
|
+
YatayBaslikliPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: YatayBaslikliPanelComponent, selector: "yatay-baslikli-panel", inputs: { baslik: "baslik", renk: "renk", baslikFontSize: "baslikFontSize", baslikYukseklik: "baslikYukseklik", icon: "icon", iconURL: "iconURL", iconSize: "iconSize", favori: "favori", favoriVar: "favoriVar" }, outputs: { favoriClicked: "favoriClicked" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"grid grid-nogutter yatay-baslikli-panel-grid mb-2\">\r\n <div class=\"col-12 yatay-baslikli-panel-blok\" [style.background]=\"renkSanitized\" [style.height.em]=\"baslikYukseklik\">\r\n\r\n <div class=\"baslik-yazi pl-2 h-full\" [style.font-size.em]=\"baslikFontSize\">\r\n <div class=\"flex align-items-center\">\r\n <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.font-size.px]=\"iconSize\"> </i>\r\n <img *ngIf=\"iconURL\" [src]=\"iconURL\" [style.width.px]=\"iconSize\" class=\"mr-2\">\r\n <b>{{baslik}}</b>\r\n <div *ngIf=\"favoriVar\" [ngClass]=\"favori ? 'fas fa-star' : 'far fa-star'\"\r\n [style.color]=\"favori ? '#fece00' : 'white'\" style=\"margin-left: 0.5em; z-index: 1000\"\r\n (click)=\"favoriClicked.emit($event)\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\" style=\"padding-bottom: 0.35em\">\r\n <div class=\"grid grid-nogutter\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".yatay-baslikli-panel-grid{background-color:#ffffffb3;border-radius:.35em;width:100%}.yatay-baslikli-panel-blok{border-top-right-radius:.35em;border-top-left-radius:.35em;color:#f5f5f5}.yatay-baslikli-panel-blok .baslik-yazi{width:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: YatayBaslikliPanelComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'yatay-baslikli-panel', template: "<div class=\"grid grid-nogutter yatay-baslikli-panel-grid mb-2\">\r\n <div class=\"col-12 yatay-baslikli-panel-blok\" [style.background]=\"renkSanitized\" [style.height.em]=\"baslikYukseklik\">\r\n\r\n <div class=\"baslik-yazi pl-2 h-full\" [style.font-size.em]=\"baslikFontSize\">\r\n <div class=\"flex align-items-center\">\r\n <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.font-size.px]=\"iconSize\"> </i>\r\n <img *ngIf=\"iconURL\" [src]=\"iconURL\" [style.width.px]=\"iconSize\" class=\"mr-2\">\r\n <b>{{baslik}}</b>\r\n <div *ngIf=\"favoriVar\" [ngClass]=\"favori ? 'fas fa-star' : 'far fa-star'\"\r\n [style.color]=\"favori ? '#fece00' : 'white'\" style=\"margin-left: 0.5em; z-index: 1000\"\r\n (click)=\"favoriClicked.emit($event)\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\" style=\"padding-bottom: 0.35em\">\r\n <div class=\"grid grid-nogutter\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["
|
|
42
|
+
args: [{ selector: 'yatay-baslikli-panel', template: "<div class=\"grid grid-nogutter yatay-baslikli-panel-grid mb-2\">\r\n <div class=\"col-12 yatay-baslikli-panel-blok\" [style.background]=\"renkSanitized\" [style.height.em]=\"baslikYukseklik\">\r\n\r\n <div class=\"baslik-yazi pl-2 h-full\" [style.font-size.em]=\"baslikFontSize\">\r\n <div class=\"flex align-items-center\">\r\n <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.font-size.px]=\"iconSize\"> </i>\r\n <img *ngIf=\"iconURL\" [src]=\"iconURL\" [style.width.px]=\"iconSize\" class=\"mr-2\">\r\n <b>{{baslik}}</b>\r\n <div *ngIf=\"favoriVar\" [ngClass]=\"favori ? 'fas fa-star' : 'far fa-star'\"\r\n [style.color]=\"favori ? '#fece00' : 'white'\" style=\"margin-left: 0.5em; z-index: 1000\"\r\n (click)=\"favoriClicked.emit($event)\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\" style=\"padding-bottom: 0.35em\">\r\n <div class=\"grid grid-nogutter\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".yatay-baslikli-panel-grid{background-color:#ffffffb3;border-radius:.35em;width:100%}.yatay-baslikli-panel-blok{border-top-right-radius:.35em;border-top-left-radius:.35em;color:#f5f5f5}.yatay-baslikli-panel-blok .baslik-yazi{width:100%;display:flex;align-items:center}\n"] }]
|
|
43
43
|
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { baslik: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], renk: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limitng-yatay-baslikli-panel.mjs","sources":["../../src/app/components/yatay-baslikli-panel/yatay-baslikli-panel.component.ts","../../src/app/components/yatay-baslikli-panel/yatay-baslikli-panel.component.html","../../src/app/components/yatay-baslikli-panel/limitng-yatay-baslikli-panel.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, NgModule, OnChanges, Output, SimpleChanges } from '@angular/core';\r\nimport { DomSanitizer, SafeStyle } from '@angular/platform-browser';\r\n\r\nimport { GlobalFunctions } from 'limitng/api';\r\n\r\n@Component({\r\n selector: 'yatay-baslikli-panel',\r\n templateUrl: 'yatay-baslikli-panel.component.html',\r\n styleUrls: ['yatay-baslikli-panel.component.scss']\r\n})\r\nexport class YatayBaslikliPanelComponent implements OnChanges {\r\n @Input() baslik = '';\r\n @Input() renk = 'skyblue';\r\n @Input() baslikFontSize = 1.5;\r\n @Input() baslikYukseklik = 3;\r\n @Input() icon: string;\r\n @Input() iconURL: string;\r\n\r\n @Input() iconSize = 24;\r\n @Input() favori = false;\r\n @Input() favoriVar = false;\r\n @Output() favoriClicked: EventEmitter<any> = new EventEmitter();\r\n\r\n renkSanitized: SafeStyle;\r\n constructor(\r\n private sanitizer: DomSanitizer\r\n\r\n ) {\r\n let colorAlpha1 = GlobalFunctions.colorNameToHex(this.renk);\r\n colorAlpha1 = GlobalFunctions.hexToRGBA(colorAlpha1, 1);\r\n\r\n let colorAlpha05 = GlobalFunctions.colorNameToHex(this.renk);\r\n colorAlpha05 = GlobalFunctions.hexToRGBA(colorAlpha05, 0.5);\r\n\r\n this.renkSanitized = this.sanitizer.bypassSecurityTrustStyle('linear-gradient(90deg, ' + colorAlpha1 + ' 0%, ' + colorAlpha05 + ' 100%)');\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes.renk) {\r\n let colorAlpha1 = GlobalFunctions.colorNameToHex(this.renk);\r\n colorAlpha1 = GlobalFunctions.hexToRGBA(colorAlpha1, 1);\r\n\r\n let colorAlpha05 = GlobalFunctions.colorNameToHex(this.renk);\r\n colorAlpha05 = GlobalFunctions.hexToRGBA(colorAlpha05, 0.5);\r\n\r\n this.renkSanitized = this.sanitizer.bypassSecurityTrustStyle('linear-gradient(90deg, ' + colorAlpha1 + ' 0%, ' + colorAlpha05 + ' 100%)');\r\n\r\n }\r\n }\r\n\r\n PDFClicked(event) {\r\n console.log('dd');\r\n }\r\n}\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n exports: [YatayBaslikliPanelComponent],\r\n declarations: [YatayBaslikliPanelComponent]\r\n})\r\nexport class YatayBaslikliPanelModule { }\r\n","<div class=\"grid grid-nogutter yatay-baslikli-panel-grid mb-2\">\r\n <div class=\"col-12 yatay-baslikli-panel-blok\" [style.background]=\"renkSanitized\" [style.height.em]=\"baslikYukseklik\">\r\n\r\n <div class=\"baslik-yazi pl-2 h-full\" [style.font-size.em]=\"baslikFontSize\">\r\n <div class=\"flex align-items-center\">\r\n <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.font-size.px]=\"iconSize\"> </i>\r\n <img *ngIf=\"iconURL\" [src]=\"iconURL\" [style.width.px]=\"iconSize\" class=\"mr-2\">\r\n <b>{{baslik}}</b>\r\n <div *ngIf=\"favoriVar\" [ngClass]=\"favori ? 'fas fa-star' : 'far fa-star'\"\r\n [style.color]=\"favori ? '#fece00' : 'white'\" style=\"margin-left: 0.5em; z-index: 1000\"\r\n (click)=\"favoriClicked.emit($event)\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\" style=\"padding-bottom: 0.35em\">\r\n <div class=\"grid grid-nogutter\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;MAWa,2BAA2B,CAAA;AActC,IAAA,WAAA,CACU,SAAuB,EAAA;QAAvB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAc;QAdxB,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAI,CAAA,IAAA,GAAG,SAAS,CAAC;QACjB,IAAc,CAAA,cAAA,GAAG,GAAG,CAAC;QACrB,IAAe,CAAA,eAAA,GAAG,CAAC,CAAC;QAIpB,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;QACd,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;QACf,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AACjB,QAAA,IAAA,CAAA,aAAa,GAAsB,IAAI,YAAY,EAAE,CAAC;QAO9D,IAAI,WAAW,GAAG,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5D,WAAW,GAAG,eAAe,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAExD,IAAI,YAAY,GAAG,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAE5D,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,yBAAyB,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAC;KAC3I;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,IAAI,WAAW,GAAG,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5D,WAAW,GAAG,eAAe,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;YAExD,IAAI,YAAY,GAAG,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC7D,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAE5D,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,yBAAyB,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAC;AAE3I,SAAA;KACF;AAED,IAAA,UAAU,CAAC,KAAK,EAAA;AACd,QAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACnB;;wHA1CU,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,2BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,kVCXxC,ghCAqBA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"limitng-yatay-baslikli-panel.mjs","sources":["../../src/app/components/yatay-baslikli-panel/yatay-baslikli-panel.component.ts","../../src/app/components/yatay-baslikli-panel/yatay-baslikli-panel.component.html","../../src/app/components/yatay-baslikli-panel/limitng-yatay-baslikli-panel.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, NgModule, OnChanges, Output, SimpleChanges } from '@angular/core';\r\nimport { DomSanitizer, SafeStyle } from '@angular/platform-browser';\r\n\r\nimport { GlobalFunctions } from 'limitng/api';\r\n\r\n@Component({\r\n selector: 'yatay-baslikli-panel',\r\n templateUrl: 'yatay-baslikli-panel.component.html',\r\n styleUrls: ['yatay-baslikli-panel.component.scss']\r\n})\r\nexport class YatayBaslikliPanelComponent implements OnChanges {\r\n @Input() baslik = '';\r\n @Input() renk = 'skyblue';\r\n @Input() baslikFontSize = 1.5;\r\n @Input() baslikYukseklik = 3;\r\n @Input() icon: string;\r\n @Input() iconURL: string;\r\n\r\n @Input() iconSize = 24;\r\n @Input() favori = false;\r\n @Input() favoriVar = false;\r\n @Output() favoriClicked: EventEmitter<any> = new EventEmitter();\r\n\r\n renkSanitized: SafeStyle;\r\n constructor(\r\n private sanitizer: DomSanitizer\r\n\r\n ) {\r\n let colorAlpha1 = GlobalFunctions.colorNameToHex(this.renk);\r\n colorAlpha1 = GlobalFunctions.hexToRGBA(colorAlpha1, 1);\r\n\r\n let colorAlpha05 = GlobalFunctions.colorNameToHex(this.renk);\r\n colorAlpha05 = GlobalFunctions.hexToRGBA(colorAlpha05, 0.5);\r\n\r\n this.renkSanitized = this.sanitizer.bypassSecurityTrustStyle('linear-gradient(90deg, ' + colorAlpha1 + ' 0%, ' + colorAlpha05 + ' 100%)');\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes.renk) {\r\n let colorAlpha1 = GlobalFunctions.colorNameToHex(this.renk);\r\n colorAlpha1 = GlobalFunctions.hexToRGBA(colorAlpha1, 1);\r\n\r\n let colorAlpha05 = GlobalFunctions.colorNameToHex(this.renk);\r\n colorAlpha05 = GlobalFunctions.hexToRGBA(colorAlpha05, 0.5);\r\n\r\n this.renkSanitized = this.sanitizer.bypassSecurityTrustStyle('linear-gradient(90deg, ' + colorAlpha1 + ' 0%, ' + colorAlpha05 + ' 100%)');\r\n\r\n }\r\n }\r\n\r\n PDFClicked(event) {\r\n console.log('dd');\r\n }\r\n}\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n exports: [YatayBaslikliPanelComponent],\r\n declarations: [YatayBaslikliPanelComponent]\r\n})\r\nexport class YatayBaslikliPanelModule { }\r\n","<div class=\"grid grid-nogutter yatay-baslikli-panel-grid mb-2\">\r\n <div class=\"col-12 yatay-baslikli-panel-blok\" [style.background]=\"renkSanitized\" [style.height.em]=\"baslikYukseklik\">\r\n\r\n <div class=\"baslik-yazi pl-2 h-full\" [style.font-size.em]=\"baslikFontSize\">\r\n <div class=\"flex align-items-center\">\r\n <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.font-size.px]=\"iconSize\"> </i>\r\n <img *ngIf=\"iconURL\" [src]=\"iconURL\" [style.width.px]=\"iconSize\" class=\"mr-2\">\r\n <b>{{baslik}}</b>\r\n <div *ngIf=\"favoriVar\" [ngClass]=\"favori ? 'fas fa-star' : 'far fa-star'\"\r\n [style.color]=\"favori ? '#fece00' : 'white'\" style=\"margin-left: 0.5em; z-index: 1000\"\r\n (click)=\"favoriClicked.emit($event)\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12\" style=\"padding-bottom: 0.35em\">\r\n <div class=\"grid grid-nogutter\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\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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"}
|