limitng 0.21.63 → 0.21.64
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/fesm2022/limitng-alt-buyuk-kart.mjs +2 -2
- package/fesm2022/limitng-alt-buyuk-kart.mjs.map +1 -1
- package/fesm2022/limitng-alt-kucuk-kart.mjs +2 -2
- package/fesm2022/limitng-alt-kucuk-kart.mjs.map +1 -1
- package/fesm2022/limitng-dikey-baslikli-panel-sol.mjs +2 -2
- package/fesm2022/limitng-dikey-baslikli-panel-sol.mjs.map +1 -1
- package/fesm2022/limitng-dikey-baslikli-panel.mjs +2 -2
- package/fesm2022/limitng-dikey-baslikli-panel.mjs.map +1 -1
- package/fesm2022/limitng-rapor-kart.mjs +2 -2
- package/fesm2022/limitng-rapor-kart.mjs.map +1 -1
- package/fesm2022/limitng-sol-buyuk-kart.mjs +2 -2
- package/fesm2022/limitng-sol-buyuk-kart.mjs.map +1 -1
- package/fesm2022/limitng-sol-kucuk-kart.mjs +2 -2
- package/fesm2022/limitng-sol-kucuk-kart.mjs.map +1 -1
- package/fesm2022/limitng-yatay-baslikli-panel.mjs +2 -2
- package/fesm2022/limitng-yatay-baslikli-panel.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -15,13 +15,13 @@ class AltBuyukKartComponent {
|
|
|
15
15
|
this.solAlt = contentChild('solAlt', ...(ngDevMode ? [{ debugName: "solAlt" }] : /* istanbul ignore next */ []));
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AltBuyukKartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: AltBuyukKartComponent, isStandalone: true, selector: "alt-buyuk-kart", inputs: { baslik: { classPropertyName: "baslik", publicName: "baslik", isSignal: true, isRequired: true, transformFunction: null }, baslikRenk: { classPropertyName: "baslikRenk", publicName: "baslikRenk", isSignal: true, isRequired: true, transformFunction: null }, genislik: { classPropertyName: "genislik", publicName: "genislik", isSignal: true, isRequired: false, transformFunction: null }, yukseklik: { classPropertyName: "yukseklik", publicName: "yukseklik", isSignal: true, isRequired: false, transformFunction: null }, baslikYukseklik: { classPropertyName: "baslikYukseklik", publicName: "baslikYukseklik", isSignal: true, isRequired: false, transformFunction: null }, baslikFontSize: { classPropertyName: "baslikFontSize", publicName: "baslikFontSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "genislik()" } }, queries: [{ propertyName: "sagAlt", first: true, predicate: ["sagAlt"], descendants: true, isSignal: true }, { propertyName: "solAlt", first: true, predicate: ["solAlt"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b>{{baslik()}}</b>\r\n </div>\r\n\r\n @if (sagAlt()) {\r\n <div class=\"sag-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt(); context: {$implicit: sagIcerik}\">\r\n {{sagIcerik}}\r\n </ng-container>\r\n </div>\r\n }\r\n @if (solAlt()) {\r\n <div class=\"sol-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"solAlt(); context: {$implicit: solIcerik}\">\r\n {{solIcerik()}}\r\n </ng-container>\r\n </div>\r\n }\r\n <ng-content />\r\n</div>\r\n", styles: [":host{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}:host .wrapper{background:var(--p-form-field-background);position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}:host .alt-baslik{position:absolute;opacity:.2;width:100%}:host .baslik-yazi{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;padding-right:.4rem;padding-left:.4rem;line-height:1.5}:host .sag-alt{position:absolute;padding:.4em;width:50%;text-align:right;left:50%;z-index:1000}:host .sol-alt{position:absolute;padding:.4em;width:50%;text-align:left;z-index:1000}\n/*!_variable.scss*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: AltBuyukKartComponent, isStandalone: true, selector: "alt-buyuk-kart", inputs: { baslik: { classPropertyName: "baslik", publicName: "baslik", isSignal: true, isRequired: true, transformFunction: null }, baslikRenk: { classPropertyName: "baslikRenk", publicName: "baslikRenk", isSignal: true, isRequired: true, transformFunction: null }, genislik: { classPropertyName: "genislik", publicName: "genislik", isSignal: true, isRequired: false, transformFunction: null }, yukseklik: { classPropertyName: "yukseklik", publicName: "yukseklik", isSignal: true, isRequired: false, transformFunction: null }, baslikYukseklik: { classPropertyName: "baslikYukseklik", publicName: "baslikYukseklik", isSignal: true, isRequired: false, transformFunction: null }, baslikFontSize: { classPropertyName: "baslikFontSize", publicName: "baslikFontSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "genislik()" } }, queries: [{ propertyName: "sagAlt", first: true, predicate: ["sagAlt"], descendants: true, isSignal: true }, { propertyName: "solAlt", first: true, predicate: ["solAlt"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b> {{ baslik() }} </b>\r\n </div>\r\n\r\n @if (sagAlt()) {\r\n <div class=\"sag-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt(); context: {$implicit: sagIcerik}\">\r\n {{ sagIcerik }}\r\n </ng-container>\r\n </div>\r\n }\r\n @if (solAlt()) {\r\n <div class=\"sol-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"solAlt(); context: {$implicit: solIcerik}\">\r\n {{ solIcerik() }}\r\n </ng-container>\r\n </div>\r\n }\r\n <ng-content />\r\n</div>\r\n", styles: [":host{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}:host .wrapper{background:var(--p-form-field-background);position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}:host .alt-baslik{position:absolute;opacity:.2;width:100%}:host .baslik-yazi{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;padding-right:.4rem;padding-left:.4rem;line-height:1.5}:host .sag-alt{position:absolute;padding:.4em;width:50%;text-align:right;left:50%;z-index:1000}:host .sol-alt{position:absolute;padding:.4em;width:50%;text-align:left;z-index:1000}\n/*!_variable.scss*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AltBuyukKartComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'alt-buyuk-kart', imports: [NgTemplateOutlet], host: {
|
|
23
23
|
'[style.width]': 'genislik()'
|
|
24
|
-
}, template: "<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b>{{baslik()}}</b>\r\n </div>\r\n\r\n @if (sagAlt()) {\r\n <div class=\"sag-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt(); context: {$implicit: sagIcerik}\">\r\n {{sagIcerik}}\r\n </ng-container>\r\n </div>\r\n }\r\n @if (solAlt()) {\r\n <div class=\"sol-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"solAlt(); context: {$implicit: solIcerik}\">\r\n {{solIcerik()}}\r\n </ng-container>\r\n </div>\r\n }\r\n <ng-content />\r\n</div>\r\n", styles: [":host{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}:host .wrapper{background:var(--p-form-field-background);position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}:host .alt-baslik{position:absolute;opacity:.2;width:100%}:host .baslik-yazi{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;padding-right:.4rem;padding-left:.4rem;line-height:1.5}:host .sag-alt{position:absolute;padding:.4em;width:50%;text-align:right;left:50%;z-index:1000}:host .sol-alt{position:absolute;padding:.4em;width:50%;text-align:left;z-index:1000}\n/*!_variable.scss*/\n"] }]
|
|
24
|
+
}, template: "<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b> {{ baslik() }} </b>\r\n </div>\r\n\r\n @if (sagAlt()) {\r\n <div class=\"sag-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt(); context: {$implicit: sagIcerik}\">\r\n {{ sagIcerik }}\r\n </ng-container>\r\n </div>\r\n }\r\n @if (solAlt()) {\r\n <div class=\"sol-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"solAlt(); context: {$implicit: solIcerik}\">\r\n {{ solIcerik() }}\r\n </ng-container>\r\n </div>\r\n }\r\n <ng-content />\r\n</div>\r\n", styles: [":host{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}:host .wrapper{background:var(--p-form-field-background);position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}:host .alt-baslik{position:absolute;opacity:.2;width:100%}:host .baslik-yazi{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;padding-right:.4rem;padding-left:.4rem;line-height:1.5}:host .sag-alt{position:absolute;padding:.4em;width:50%;text-align:right;left:50%;z-index:1000}:host .sol-alt{position:absolute;padding:.4em;width:50%;text-align:left;z-index:1000}\n/*!_variable.scss*/\n"] }]
|
|
25
25
|
}], propDecorators: { baslik: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslik", required: true }] }], baslikRenk: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikRenk", required: true }] }], genislik: [{ type: i0.Input, args: [{ isSignal: true, alias: "genislik", required: false }] }], yukseklik: [{ type: i0.Input, args: [{ isSignal: true, alias: "yukseklik", required: false }] }], baslikYukseklik: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikYukseklik", required: false }] }], baslikFontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikFontSize", required: false }] }], sagAlt: [{ type: i0.ContentChild, args: ['sagAlt', { isSignal: true }] }], solAlt: [{ type: i0.ContentChild, args: ['solAlt', { isSignal: true }] }] } });
|
|
26
26
|
|
|
27
27
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limitng-alt-buyuk-kart.mjs","sources":["../../src/app/components/alt-buyuk-kart/alt-buyuk-kart.component.ts","../../src/app/components/alt-buyuk-kart/alt-buyuk-kart.component.html","../../src/app/components/alt-buyuk-kart/limitng-alt-buyuk-kart.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, computed, contentChild, input, numberAttribute, TemplateRef } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'alt-buyuk-kart',\r\n imports: [NgTemplateOutlet],\r\n templateUrl: 'alt-buyuk-kart.component.html',\r\n styleUrl: 'alt-buyuk-kart.component.scss',\r\n host: {\r\n '[style.width]': 'genislik()'\r\n }\r\n})\r\n\r\nexport class AltBuyukKartComponent {\r\n readonly baslik = input.required<string>();\r\n readonly baslikRenk = input.required<string>();\r\n\r\n readonly genislik = input<string>('40.5em');\r\n readonly yukseklik = input(21, { transform: numberAttribute });\r\n\r\n readonly baslikYukseklik = input(3, { transform: numberAttribute });\r\n readonly baslikFontSize = input(1, { transform: numberAttribute });\r\n\r\n readonly baslikUst = computed(() => this.yukseklik() - this.baslikYukseklik());\r\n\r\n sagIcerik: any;\r\n solIcerik: any;\r\n\r\n readonly sagAlt = contentChild<TemplateRef<any>>('sagAlt');\r\n readonly solAlt = contentChild<TemplateRef<any>>('solAlt');\r\n\r\n}\r\n","<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b>{{baslik()}}</b>\r\n </div>\r\n\r\n @if (sagAlt()) {\r\n <div class=\"sag-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt(); context: {$implicit: sagIcerik}\">\r\n {{sagIcerik}}\r\n </ng-container>\r\n </div>\r\n }\r\n @if (solAlt()) {\r\n <div class=\"sol-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"solAlt(); context: {$implicit: solIcerik}\">\r\n {{solIcerik()}}\r\n </ng-container>\r\n </div>\r\n }\r\n <ng-content />\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAaa,qBAAqB,CAAA;AAVlC,IAAA,WAAA,GAAA;AAWW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,gFAAU;AAErC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,QAAQ,+EAAC;QAClC,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,EAAE,iFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAErD,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,CAAC,uFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAC1D,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,CAAC,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEzD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,gFAAC;AAKrE,QAAA,IAAA,CAAA,MAAM,GAAG,YAAY,CAAmB,QAAQ,6EAAC;AACjD,QAAA,IAAA,CAAA,MAAM,GAAG,YAAY,CAAmB,QAAQ,6EAAC;AAE3D,IAAA;+GAlBY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,YAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECblC,
|
|
1
|
+
{"version":3,"file":"limitng-alt-buyuk-kart.mjs","sources":["../../src/app/components/alt-buyuk-kart/alt-buyuk-kart.component.ts","../../src/app/components/alt-buyuk-kart/alt-buyuk-kart.component.html","../../src/app/components/alt-buyuk-kart/limitng-alt-buyuk-kart.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, computed, contentChild, input, numberAttribute, TemplateRef } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'alt-buyuk-kart',\r\n imports: [NgTemplateOutlet],\r\n templateUrl: 'alt-buyuk-kart.component.html',\r\n styleUrl: 'alt-buyuk-kart.component.scss',\r\n host: {\r\n '[style.width]': 'genislik()'\r\n }\r\n})\r\n\r\nexport class AltBuyukKartComponent {\r\n readonly baslik = input.required<string>();\r\n readonly baslikRenk = input.required<string>();\r\n\r\n readonly genislik = input<string>('40.5em');\r\n readonly yukseklik = input(21, { transform: numberAttribute });\r\n\r\n readonly baslikYukseklik = input(3, { transform: numberAttribute });\r\n readonly baslikFontSize = input(1, { transform: numberAttribute });\r\n\r\n readonly baslikUst = computed(() => this.yukseklik() - this.baslikYukseklik());\r\n\r\n sagIcerik: any;\r\n solIcerik: any;\r\n\r\n readonly sagAlt = contentChild<TemplateRef<any>>('sagAlt');\r\n readonly solAlt = contentChild<TemplateRef<any>>('solAlt');\r\n\r\n}\r\n","<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b> {{ baslik() }} </b>\r\n </div>\r\n\r\n @if (sagAlt()) {\r\n <div class=\"sag-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"sagAlt(); context: {$implicit: sagIcerik}\">\r\n {{ sagIcerik }}\r\n </ng-container>\r\n </div>\r\n }\r\n @if (solAlt()) {\r\n <div class=\"sol-alt\" [style.height.rem]=\"baslikYukseklik()\" [style.top.rem]=\"baslikUst()\">\r\n <ng-container *ngTemplateOutlet=\"solAlt(); context: {$implicit: solIcerik}\">\r\n {{ solIcerik() }}\r\n </ng-container>\r\n </div>\r\n }\r\n <ng-content />\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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"}
|
|
@@ -12,13 +12,13 @@ class AltKucukKartComponent {
|
|
|
12
12
|
this.baslikUst = computed(() => this.yukseklik() - this.baslikYukseklik(), ...(ngDevMode ? [{ debugName: "baslikUst" }] : /* istanbul ignore next */ []));
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AltKucukKartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AltKucukKartComponent, isStandalone: true, selector: "alt-kucuk-kart", inputs: { baslik: { classPropertyName: "baslik", publicName: "baslik", isSignal: true, isRequired: true, transformFunction: null }, baslikRenk: { classPropertyName: "baslikRenk", publicName: "baslikRenk", isSignal: true, isRequired: true, transformFunction: null }, genislik: { classPropertyName: "genislik", publicName: "genislik", isSignal: true, isRequired: false, transformFunction: null }, yukseklik: { classPropertyName: "yukseklik", publicName: "yukseklik", isSignal: true, isRequired: false, transformFunction: null }, baslikYukseklik: { classPropertyName: "baslikYukseklik", publicName: "baslikYukseklik", isSignal: true, isRequired: false, transformFunction: null }, baslikFontSize: { classPropertyName: "baslikFontSize", publicName: "baslikFontSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "genislik()" } }, ngImport: i0, template: "<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b>{{baslik()}}</b>\r\n </div>\r\n\r\n <ng-content />\r\n</div>", styles: [":host{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}:host .wrapper{background-color:#fff;position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}:host .alt-baslik{position:absolute;opacity:.2;width:100%}:host .baslik-yazi{position:absolute;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;padding-right:.4rem;padding-left:.4rem}\n/*!_variable.scss*/\n"] }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AltKucukKartComponent, isStandalone: true, selector: "alt-kucuk-kart", inputs: { baslik: { classPropertyName: "baslik", publicName: "baslik", isSignal: true, isRequired: true, transformFunction: null }, baslikRenk: { classPropertyName: "baslikRenk", publicName: "baslikRenk", isSignal: true, isRequired: true, transformFunction: null }, genislik: { classPropertyName: "genislik", publicName: "genislik", isSignal: true, isRequired: false, transformFunction: null }, yukseklik: { classPropertyName: "yukseklik", publicName: "yukseklik", isSignal: true, isRequired: false, transformFunction: null }, baslikYukseklik: { classPropertyName: "baslikYukseklik", publicName: "baslikYukseklik", isSignal: true, isRequired: false, transformFunction: null }, baslikFontSize: { classPropertyName: "baslikFontSize", publicName: "baslikFontSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "genislik()" } }, ngImport: i0, template: "<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b> {{ baslik() }} </b>\r\n </div>\r\n\r\n <ng-content />\r\n</div>", styles: [":host{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}:host .wrapper{background-color:#fff;position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}:host .alt-baslik{position:absolute;opacity:.2;width:100%}:host .baslik-yazi{position:absolute;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;padding-right:.4rem;padding-left:.4rem}\n/*!_variable.scss*/\n"] }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AltKucukKartComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'alt-kucuk-kart', standalone: true, host: {
|
|
20
20
|
'[style.width]': 'genislik()'
|
|
21
|
-
}, template: "<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b>{{baslik()}}</b>\r\n </div>\r\n\r\n <ng-content />\r\n</div>", styles: [":host{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}:host .wrapper{background-color:#fff;position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}:host .alt-baslik{position:absolute;opacity:.2;width:100%}:host .baslik-yazi{position:absolute;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;padding-right:.4rem;padding-left:.4rem}\n/*!_variable.scss*/\n"] }]
|
|
21
|
+
}, template: "<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b> {{ baslik() }} </b>\r\n </div>\r\n\r\n <ng-content />\r\n</div>", styles: [":host{float:left;margin:.5em 0 0 .5em;background-color:transparent;border:transparent}:host .wrapper{background-color:#fff;position:relative;border-radius:.35em;box-shadow:inset 0 0 .35em .15em #0003}:host .alt-baslik{position:absolute;opacity:.2;width:100%}:host .baslik-yazi{position:absolute;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;padding-right:.4rem;padding-left:.4rem}\n/*!_variable.scss*/\n"] }]
|
|
22
22
|
}], propDecorators: { baslik: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslik", required: true }] }], baslikRenk: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikRenk", required: true }] }], genislik: [{ type: i0.Input, args: [{ isSignal: true, alias: "genislik", required: false }] }], yukseklik: [{ type: i0.Input, args: [{ isSignal: true, alias: "yukseklik", required: false }] }], baslikYukseklik: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikYukseklik", required: false }] }], baslikFontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikFontSize", required: false }] }] } });
|
|
23
23
|
|
|
24
24
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limitng-alt-kucuk-kart.mjs","sources":["../../src/app/components/alt-kucuk-kart/alt-kucuk-kart.component.ts","../../src/app/components/alt-kucuk-kart/alt-kucuk-kart.component.html","../../src/app/components/alt-kucuk-kart/limitng-alt-kucuk-kart.ts"],"sourcesContent":["import { Component, computed, input, numberAttribute } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'alt-kucuk-kart',\r\n standalone: true,\r\n templateUrl: 'alt-kucuk-kart.component.html',\r\n styleUrl: 'alt-kucuk-kart.component.scss',\r\n host: {\r\n '[style.width]': 'genislik()'\r\n }\r\n})\r\nexport class AltKucukKartComponent {\r\n readonly baslik = input.required<string>();\r\n readonly baslikRenk = input.required<string>();\r\n\r\n readonly genislik = input('20em');\r\n readonly yukseklik = input(13, { transform: numberAttribute });\r\n\r\n readonly baslikYukseklik = input(3, { transform: numberAttribute });\r\n readonly baslikFontSize = input(1, { transform: numberAttribute });\r\n\r\n readonly baslikUst = computed(() => this.yukseklik() - this.baslikYukseklik());\r\n}\r\n","<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b>{{baslik()}}</b>\r\n </div>\r\n\r\n <ng-content />\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAWa,qBAAqB,CAAA;AATlC,IAAA,WAAA,GAAA;AAUW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,gFAAU;AAErC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,MAAM,+EAAC;QACxB,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,EAAE,iFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAErD,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,CAAC,uFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAC1D,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,CAAC,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEzD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,gFAAC;AAC/E,IAAA;+GAXY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,27BCXlC,
|
|
1
|
+
{"version":3,"file":"limitng-alt-kucuk-kart.mjs","sources":["../../src/app/components/alt-kucuk-kart/alt-kucuk-kart.component.ts","../../src/app/components/alt-kucuk-kart/alt-kucuk-kart.component.html","../../src/app/components/alt-kucuk-kart/limitng-alt-kucuk-kart.ts"],"sourcesContent":["import { Component, computed, input, numberAttribute } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'alt-kucuk-kart',\r\n standalone: true,\r\n templateUrl: 'alt-kucuk-kart.component.html',\r\n styleUrl: 'alt-kucuk-kart.component.scss',\r\n host: {\r\n '[style.width]': 'genislik()'\r\n }\r\n})\r\nexport class AltKucukKartComponent {\r\n readonly baslik = input.required<string>();\r\n readonly baslikRenk = input.required<string>();\r\n\r\n readonly genislik = input('20em');\r\n readonly yukseklik = input(13, { transform: numberAttribute });\r\n\r\n readonly baslikYukseklik = input(3, { transform: numberAttribute });\r\n readonly baslikFontSize = input(1, { transform: numberAttribute });\r\n\r\n readonly baslikUst = computed(() => this.yukseklik() - this.baslikYukseklik());\r\n}\r\n","<div class=\"wrapper\" [style.height.rem]=\"yukseklik()\">\r\n <div class=\"alt-baslik\" [style.backgroundColor]=\"baslikRenk()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.top.rem]=\"baslikUst()\">\r\n </div>\r\n\r\n <div class=\"baslik-yazi\" [style.font-size.rem]=\"baslikFontSize()\" [style.height.rem]=\"baslikYukseklik()\"\r\n [style.color]=\"baslikRenk()\" [style.top.rem]=\"baslikUst()\">\r\n <b> {{ baslik() }} </b>\r\n </div>\r\n\r\n <ng-content />\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAWa,qBAAqB,CAAA;AATlC,IAAA,WAAA,GAAA;AAUW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,gFAAU;AAErC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,MAAM,+EAAC;QACxB,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,EAAE,iFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAErD,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,CAAC,uFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAC1D,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,CAAC,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEzD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,gFAAC;AAC/E,IAAA;+GAXY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,27BCXlC,6eAWM,EAAA,MAAA,EAAA,CAAA,2bAAA,CAAA,EAAA,CAAA,CAAA;;4FDAO,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,eAAe,EAAE;AAClB,qBAAA,EAAA,QAAA,EAAA,6eAAA,EAAA,MAAA,EAAA,CAAA,2bAAA,CAAA,EAAA;;;AETH;;AAEG;;;;"}
|
|
@@ -9,13 +9,13 @@ class DikeyBaslikliPanelSolComponent {
|
|
|
9
9
|
this.baslikGenislik = input(3, { ...(ngDevMode ? { debugName: "baslikGenislik" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DikeyBaslikliPanelSolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DikeyBaslikliPanelSolComponent, isStandalone: true, selector: "dikey-baslikli-panel-sol", inputs: { baslik: { classPropertyName: "baslik", publicName: "baslik", isSignal: true, isRequired: true, transformFunction: null }, renk: { classPropertyName: "renk", publicName: "renk", isSignal: true, isRequired: false, transformFunction: null }, baslikFontSize: { classPropertyName: "baslikFontSize", publicName: "baslikFontSize", isSignal: true, isRequired: false, transformFunction: null }, baslikGenislik: { classPropertyName: "baslikGenislik", publicName: "baslikGenislik", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex flex-wrap mb-2" }, ngImport: i0, template: "<div class=\"flex flex-auto\">\r\n <div class=\"dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\" [style.font-size.rem]=\"baslikFontSize()\"\r\n [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{baslik()}}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n", styles: [":host{background-color:#ffffffb3;border-radius:.35em;width:100%;margin-bottom:.5em}:host .dikey-baslikli-panel-blok{flex:0 0 auto;color:#fff;border-top-left-radius:.35em;color:#f5f5f5;border-bottom-left-radius:.35em}:host .baslik-yazi{width:100%;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n/*!_variable.scss*/\n"] }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DikeyBaslikliPanelSolComponent, isStandalone: true, selector: "dikey-baslikli-panel-sol", inputs: { baslik: { classPropertyName: "baslik", publicName: "baslik", isSignal: true, isRequired: true, transformFunction: null }, renk: { classPropertyName: "renk", publicName: "renk", isSignal: true, isRequired: false, transformFunction: null }, baslikFontSize: { classPropertyName: "baslikFontSize", publicName: "baslikFontSize", isSignal: true, isRequired: false, transformFunction: null }, baslikGenislik: { classPropertyName: "baslikGenislik", publicName: "baslikGenislik", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex flex-wrap mb-2" }, ngImport: i0, template: "<div class=\"flex flex-auto\">\r\n <div class=\"dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\" [style.font-size.rem]=\"baslikFontSize()\"\r\n [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{ baslik() }}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n", styles: [":host{background-color:#ffffffb3;border-radius:.35em;width:100%;margin-bottom:.5em}:host .dikey-baslikli-panel-blok{flex:0 0 auto;color:#fff;border-top-left-radius:.35em;color:#f5f5f5;border-bottom-left-radius:.35em}:host .baslik-yazi{width:100%;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n/*!_variable.scss*/\n"] }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DikeyBaslikliPanelSolComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'dikey-baslikli-panel-sol', standalone: true, host: {
|
|
17
17
|
'class': 'flex flex-wrap mb-2'
|
|
18
|
-
}, template: "<div class=\"flex flex-auto\">\r\n <div class=\"dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\" [style.font-size.rem]=\"baslikFontSize()\"\r\n [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{baslik()}}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n", styles: [":host{background-color:#ffffffb3;border-radius:.35em;width:100%;margin-bottom:.5em}:host .dikey-baslikli-panel-blok{flex:0 0 auto;color:#fff;border-top-left-radius:.35em;color:#f5f5f5;border-bottom-left-radius:.35em}:host .baslik-yazi{width:100%;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n/*!_variable.scss*/\n"] }]
|
|
18
|
+
}, template: "<div class=\"flex flex-auto\">\r\n <div class=\"dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\" [style.font-size.rem]=\"baslikFontSize()\"\r\n [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{ baslik() }}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n", styles: [":host{background-color:#ffffffb3;border-radius:.35em;width:100%;margin-bottom:.5em}:host .dikey-baslikli-panel-blok{flex:0 0 auto;color:#fff;border-top-left-radius:.35em;color:#f5f5f5;border-bottom-left-radius:.35em}:host .baslik-yazi{width:100%;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n/*!_variable.scss*/\n"] }]
|
|
19
19
|
}], propDecorators: { baslik: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslik", required: true }] }], renk: [{ type: i0.Input, args: [{ isSignal: true, alias: "renk", required: false }] }], baslikFontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikFontSize", required: false }] }], baslikGenislik: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikGenislik", required: false }] }] } });
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limitng-dikey-baslikli-panel-sol.mjs","sources":["../../src/app/components/dikey-baslikli-panel-sol/dikey-baslikli-panel-sol.component.ts","../../src/app/components/dikey-baslikli-panel-sol/dikey-baslikli-panel-sol.component.html","../../src/app/components/dikey-baslikli-panel-sol/limitng-dikey-baslikli-panel-sol.ts"],"sourcesContent":["import { Component, input, numberAttribute } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'dikey-baslikli-panel-sol',\r\n standalone: true,\r\n templateUrl: 'dikey-baslikli-panel-sol.component.html',\r\n styleUrl: 'dikey-baslikli-panel-sol.component.scss',\r\n host: {\r\n 'class': 'flex flex-wrap mb-2'\r\n }\r\n})\r\n\r\nexport class DikeyBaslikliPanelSolComponent {\r\n readonly baslik = input.required<string>();\r\n readonly renk = input('skyblue');\r\n\r\n readonly baslikFontSize = input(1.5, { transform: numberAttribute });\r\n readonly baslikGenislik = input(3, { transform: numberAttribute });\r\n\r\n}\r\n","<div class=\"flex flex-auto\">\r\n <div class=\"dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\" [style.font-size.rem]=\"baslikFontSize()\"\r\n [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{baslik()}}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAYa,8BAA8B,CAAA;AAV3C,IAAA,WAAA,GAAA;AAWW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,2EAAC;QAEvB,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,GAAG,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAC3D,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,CAAC,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEnE,IAAA;+GAPY,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,sqBCZ3C,
|
|
1
|
+
{"version":3,"file":"limitng-dikey-baslikli-panel-sol.mjs","sources":["../../src/app/components/dikey-baslikli-panel-sol/dikey-baslikli-panel-sol.component.ts","../../src/app/components/dikey-baslikli-panel-sol/dikey-baslikli-panel-sol.component.html","../../src/app/components/dikey-baslikli-panel-sol/limitng-dikey-baslikli-panel-sol.ts"],"sourcesContent":["import { Component, input, numberAttribute } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'dikey-baslikli-panel-sol',\r\n standalone: true,\r\n templateUrl: 'dikey-baslikli-panel-sol.component.html',\r\n styleUrl: 'dikey-baslikli-panel-sol.component.scss',\r\n host: {\r\n 'class': 'flex flex-wrap mb-2'\r\n }\r\n})\r\n\r\nexport class DikeyBaslikliPanelSolComponent {\r\n readonly baslik = input.required<string>();\r\n readonly renk = input('skyblue');\r\n\r\n readonly baslikFontSize = input(1.5, { transform: numberAttribute });\r\n readonly baslikGenislik = input(3, { transform: numberAttribute });\r\n\r\n}\r\n","<div class=\"flex flex-auto\">\r\n <div class=\"dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\" [style.font-size.rem]=\"baslikFontSize()\"\r\n [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{ baslik() }}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAYa,8BAA8B,CAAA;AAV3C,IAAA,WAAA,GAAA;AAWW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,2EAAC;QAEvB,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,GAAG,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAC3D,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,CAAC,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEnE,IAAA;+GAPY,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,sqBCZ3C,qzBAsBA,EAAA,MAAA,EAAA,CAAA,+YAAA,CAAA,EAAA,CAAA,CAAA;;4FDVa,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAV1C,SAAS;+BACE,0BAA0B,EAAA,UAAA,EACxB,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,qzBAAA,EAAA,MAAA,EAAA,CAAA,+YAAA,CAAA,EAAA;;;AETH;;AAEG;;;;"}
|
|
@@ -9,13 +9,13 @@ class DikeyBaslikliPanelComponent {
|
|
|
9
9
|
this.baslikGenislik = input(3, { ...(ngDevMode ? { debugName: "baslikGenislik" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DikeyBaslikliPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DikeyBaslikliPanelComponent, isStandalone: true, selector: "dikey-baslikli-panel", inputs: { baslik: { classPropertyName: "baslik", publicName: "baslik", isSignal: true, isRequired: true, transformFunction: null }, renk: { classPropertyName: "renk", publicName: "renk", isSignal: true, isRequired: false, transformFunction: null }, baslikFontSize: { classPropertyName: "baslikFontSize", publicName: "baslikFontSize", isSignal: true, isRequired: false, transformFunction: null }, baslikGenislik: { classPropertyName: "baslikGenislik", publicName: "baslikGenislik", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex flex-wrap mb-2" }, ngImport: i0, template: "<div class=\"flex flex-auto justify-between\">\r\n <div class=\"w-full\">\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n </div>\r\n <div class=\"flex justify-items-end dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\"\r\n [style.font-size.rem]=\"baslikFontSize()\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{baslik()}}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</div>", styles: [":host{background-color:#ffffffb3;border-radius:.35em;width:100%;margin-bottom:.5em}:host .dikey-baslikli-panel-blok{flex:0 0 auto;color:#fff;border-top-right-radius:.35em;color:#f5f5f5;border-bottom-right-radius:.35em}:host .baslik-yazi{width:100%;writing-mode:vertical-lr;text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n/*!_variable.scss*/\n"] }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DikeyBaslikliPanelComponent, isStandalone: true, selector: "dikey-baslikli-panel", inputs: { baslik: { classPropertyName: "baslik", publicName: "baslik", isSignal: true, isRequired: true, transformFunction: null }, renk: { classPropertyName: "renk", publicName: "renk", isSignal: true, isRequired: false, transformFunction: null }, baslikFontSize: { classPropertyName: "baslikFontSize", publicName: "baslikFontSize", isSignal: true, isRequired: false, transformFunction: null }, baslikGenislik: { classPropertyName: "baslikGenislik", publicName: "baslikGenislik", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex flex-wrap mb-2" }, ngImport: i0, template: "<div class=\"flex flex-auto justify-between\">\r\n <div class=\"w-full\">\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n </div>\r\n <div class=\"flex justify-items-end dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\"\r\n [style.font-size.rem]=\"baslikFontSize()\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{ baslik() }}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</div>", styles: [":host{background-color:#ffffffb3;border-radius:.35em;width:100%;margin-bottom:.5em}:host .dikey-baslikli-panel-blok{flex:0 0 auto;color:#fff;border-top-right-radius:.35em;color:#f5f5f5;border-bottom-right-radius:.35em}:host .baslik-yazi{width:100%;writing-mode:vertical-lr;text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n/*!_variable.scss*/\n"] }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DikeyBaslikliPanelComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'dikey-baslikli-panel', standalone: true, host: {
|
|
17
17
|
'class': 'flex flex-wrap mb-2'
|
|
18
|
-
}, template: "<div class=\"flex flex-auto justify-between\">\r\n <div class=\"w-full\">\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n </div>\r\n <div class=\"flex justify-items-end dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\"\r\n [style.font-size.rem]=\"baslikFontSize()\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{baslik()}}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</div>", styles: [":host{background-color:#ffffffb3;border-radius:.35em;width:100%;margin-bottom:.5em}:host .dikey-baslikli-panel-blok{flex:0 0 auto;color:#fff;border-top-right-radius:.35em;color:#f5f5f5;border-bottom-right-radius:.35em}:host .baslik-yazi{width:100%;writing-mode:vertical-lr;text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n/*!_variable.scss*/\n"] }]
|
|
18
|
+
}, template: "<div class=\"flex flex-auto justify-between\">\r\n <div class=\"w-full\">\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n </div>\r\n <div class=\"flex justify-items-end dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\"\r\n [style.font-size.rem]=\"baslikFontSize()\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{ baslik() }}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</div>", styles: [":host{background-color:#ffffffb3;border-radius:.35em;width:100%;margin-bottom:.5em}:host .dikey-baslikli-panel-blok{flex:0 0 auto;color:#fff;border-top-right-radius:.35em;color:#f5f5f5;border-bottom-right-radius:.35em}:host .baslik-yazi{width:100%;writing-mode:vertical-lr;text-orientation:mixed;display:flex;justify-content:center;align-items:center}\n/*!_variable.scss*/\n"] }]
|
|
19
19
|
}], propDecorators: { baslik: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslik", required: true }] }], renk: [{ type: i0.Input, args: [{ isSignal: true, alias: "renk", required: false }] }], baslikFontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikFontSize", required: false }] }], baslikGenislik: [{ type: i0.Input, args: [{ isSignal: true, alias: "baslikGenislik", required: false }] }] } });
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limitng-dikey-baslikli-panel.mjs","sources":["../../src/app/components/dikey-baslikli-panel/dikey-baslikli-panel.component.ts","../../src/app/components/dikey-baslikli-panel/dikey-baslikli-panel.component.html","../../src/app/components/dikey-baslikli-panel/limitng-dikey-baslikli-panel.ts"],"sourcesContent":["import { Component, input, numberAttribute } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'dikey-baslikli-panel',\r\n standalone: true,\r\n templateUrl: 'dikey-baslikli-panel.component.html',\r\n styleUrl: 'dikey-baslikli-panel.component.scss',\r\n host: {\r\n 'class': 'flex flex-wrap mb-2'\r\n }\r\n})\r\n\r\nexport class DikeyBaslikliPanelComponent {\r\n readonly baslik = input.required<string>();\r\n readonly renk = input('skyblue');\r\n\r\n readonly baslikFontSize = input(1.5, { transform: numberAttribute });\r\n readonly baslikGenislik = input(3, { transform: numberAttribute });\r\n\r\n}\r\n","<div class=\"flex flex-auto justify-between\">\r\n <div class=\"w-full\">\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n </div>\r\n <div class=\"flex justify-items-end dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\"\r\n [style.font-size.rem]=\"baslikFontSize()\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{baslik()}}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAYa,2BAA2B,CAAA;AAVxC,IAAA,WAAA,GAAA;AAWW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,2EAAC;QAEvB,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,GAAG,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAC3D,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,CAAC,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEnE,IAAA;+GAPY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,kqBCZxC,
|
|
1
|
+
{"version":3,"file":"limitng-dikey-baslikli-panel.mjs","sources":["../../src/app/components/dikey-baslikli-panel/dikey-baslikli-panel.component.ts","../../src/app/components/dikey-baslikli-panel/dikey-baslikli-panel.component.html","../../src/app/components/dikey-baslikli-panel/limitng-dikey-baslikli-panel.ts"],"sourcesContent":["import { Component, input, numberAttribute } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'dikey-baslikli-panel',\r\n standalone: true,\r\n templateUrl: 'dikey-baslikli-panel.component.html',\r\n styleUrl: 'dikey-baslikli-panel.component.scss',\r\n host: {\r\n 'class': 'flex flex-wrap mb-2'\r\n }\r\n})\r\n\r\nexport class DikeyBaslikliPanelComponent {\r\n readonly baslik = input.required<string>();\r\n readonly renk = input('skyblue');\r\n\r\n readonly baslikFontSize = input(1.5, { transform: numberAttribute });\r\n readonly baslikGenislik = input(3, { transform: numberAttribute });\r\n\r\n}\r\n","<div class=\"flex flex-auto justify-between\">\r\n <div class=\"w-full\">\r\n <div class=\"flex flex-wrap mb-2\">\r\n <ng-content />\r\n </div>\r\n </div>\r\n <div class=\"flex justify-items-end dikey-baslikli-panel-blok\" [style.backgroundColor]=\"renk()\"\r\n [style.font-size.rem]=\"baslikFontSize()\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex h-full justify-between flex-wrap flex-col\" [style.width.rem]=\"baslikGenislik()\">\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-up\"></i>\r\n </div>\r\n\r\n <div class=\"grow baslik-yazi\">\r\n {{ baslik() }}\r\n </div>\r\n\r\n <div class=\"flex place-items-center justify-center w-full h-4 my-2\">\r\n <i class=\"fas fa-angle-double-down\"></i>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAYa,2BAA2B,CAAA;AAVxC,IAAA,WAAA,GAAA;AAWW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU;AACjC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,2EAAC;QAEvB,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,GAAG,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAC3D,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,CAAC,sFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEnE,IAAA;+GAPY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,kqBCZxC,s4BAuBM,EAAA,MAAA,EAAA,CAAA,wXAAA,CAAA,EAAA,CAAA,CAAA;;4FDXO,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAVvC,SAAS;+BACE,sBAAsB,EAAA,UAAA,EACpB,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,s4BAAA,EAAA,MAAA,EAAA,CAAA,wXAAA,CAAA,EAAA;;;AETH;;AAEG;;;;"}
|