{ "version": 3, "sources": ["projects/shared/src/lib/service/fikoyt-ui/src/lib/paylasim-sistemi/fikoyt-kart-kok/fikoyt-kart.component.scss"], "sourcesContent": ["// Tema degiskenleri: var(--py-*) global _paylasim-tema.scss'den gelir (angular.json)\r\n\r\n:host {\r\n display: inline;\r\n font-size: 0.75rem;\r\n flex: 1;\r\n min-width: 0;\r\n max-width: 100%;\r\n animation: kartGiris 0.4s ease-out both;\r\n .ui.cards {\r\n flex: 1;\r\n min-width: 0;\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n// ─── Kart Giriş Animasyonu ───\r\n@keyframes kartGiris {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n// ─── Sabitlenmiş Kart Stili ───\r\n:host(.sabitlendi) {\r\n .ui.cards > .card {\r\n border-top: 3px solid #faad14;\r\n position: relative;\r\n }\r\n}\r\n\r\n.ui.cards>.card {\r\n width: 100%;\r\n max-width: 100%;\r\n min-width: 0;\r\n line-height: normal;\r\n flex: 1;\r\n background: var(--py-arkaplan);\r\n color: var(--py-metin);\r\n\r\n .ui.floated.image,\r\n .ui.floated.images {\r\n float: left;\r\n margin-right: 0;\r\n max-height: 35px;\r\n max-width: 35px;\r\n object-fit: cover;\r\n border-radius: 50vh;\r\n }\r\n\r\n .content {\r\n min-width: 0;\r\n max-width: 100%;\r\n .header { color: var(--py-metin); }\r\n .meta { color: var(--py-metin-ikincil); }\r\n .description { color: var(--py-metin); min-width: 0; }\r\n }\r\n\r\n .extra.content {\r\n border-top-color: var(--py-bolucu) !important;\r\n }\r\n}\r\n\r\n.ui.divider {\r\n margin: 0.25rem 0;\r\n border-color: var(--py-bolucu) !important;\r\n}\r\n\r\n// ─── İfade Özet Satırı ───\r\n.ifade-ozet {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.ifade-ozet-item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 2px;\r\n background: var(--py-arkaplan-hover);\r\n border-radius: 12px;\r\n padding: 2px 8px;\r\n font-size: 14px;\r\n cursor: default;\r\n transition: background 0.15s;\r\n\r\n &:hover {\r\n background: var(--py-arkaplan-aktif);\r\n }\r\n\r\n small {\r\n font-size: 11px;\r\n color: var(--py-metin-ikincil);\r\n margin-left: 1px;\r\n }\r\n}\r\n\r\n.ifade-ozet-toplam {\r\n margin-left: auto;\r\n font-size: 11px;\r\n color: var(--py-metin-ucuncul);\r\n}\r\n\r\n.etkilesim-sayac {\r\n cursor: pointer;\r\n transition: background 0.15s, transform 0.15s;\r\n &:hover {\r\n background: rgba(24, 144, 255, 0.08);\r\n transform: scale(1.05);\r\n }\r\n}\r\n\r\n// ─── Aksiyon Sayaç Badge ───\r\n.aksiyon-sayac {\r\n font-size: 11px;\r\n color: var(--py-metin-ucuncul);\r\n margin-left: 2px;\r\n}\r\n\r\n// ─── Aksiyon Butonları ───\r\n.kart-aksiyonlar {\r\n display: flex;\r\n align-items: stretch;\r\n}\r\n\r\n.aksiyon-btn {\r\n flex: 1;\r\n display: flex !important;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n font-size: 12px !important;\r\n color: var(--py-metin-ikincil) !important;\r\n transition: background 0.15s, color 0.15s;\r\n\r\n &:hover {\r\n color: #1890ff !important;\r\n background: rgba(24, 144, 255, 0.06) !important;\r\n }\r\n\r\n i.icon {\r\n margin: 0 !important;\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n.ifade-aktif-simge {\r\n font-size: 16px;\r\n line-height: 1;\r\n}\r\n\r\n// ─── İfade Popup Menüsü ───\r\n.ifade-popup {\r\n position: absolute;\r\n bottom: calc(100% + 6px);\r\n left: 4px;\r\n display: flex;\r\n gap: 2px;\r\n background: var(--py-arkaplan);\r\n border-radius: 24px;\r\n padding: 6px 8px;\r\n box-shadow: var(--py-golge-yukselti);\r\n z-index: 1000;\r\n animation: ifadePopupGir 0.2s ease-out;\r\n}\r\n\r\n@keyframes ifadePopupGir {\r\n from {\r\n opacity: 0;\r\n transform: translateY(6px) scale(0.9);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n}\r\n\r\n.ifade-item {\r\n border: none;\r\n background: transparent;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n transition: all 0.15s ease;\r\n padding: 0;\r\n position: relative;\r\n\r\n &:hover {\r\n background: var(--py-arkaplan-hover);\r\n transform: scale(1.35);\r\n }\r\n\r\n &:active {\r\n transform: scale(1.1);\r\n }\r\n\r\n &.aktif {\r\n background: rgba(24, 144, 255, 0.1);\r\n box-shadow: 0 0 8px rgba(24, 144, 255, 0.3);\r\n }\r\n\r\n .ifade-emoji {\r\n font-size: 22px;\r\n line-height: 1;\r\n transition: transform 0.15s ease;\r\n }\r\n\r\n &:hover .ifade-emoji {\r\n transform: scale(1.1);\r\n }\r\n\r\n // Hover'da ifade ismi tooltip\r\n &::after {\r\n content: attr(title);\r\n position: absolute;\r\n bottom: -18px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 9px;\r\n color: var(--py-metin-ucuncul);\r\n white-space: nowrap;\r\n opacity: 0;\r\n transition: opacity 0.15s;\r\n pointer-events: none;\r\n }\r\n\r\n &:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n // Burst animasyonu (gecici class)\r\n &.ifade-burst .ifade-emoji {\r\n animation: ifadeBurst 0.35s ease-out;\r\n }\r\n}\r\n\r\n// ─── İfade Burst Animasyonu ───\r\n@keyframes ifadeBurst {\r\n 0% {\r\n transform: scale(1);\r\n }\r\n 40% {\r\n transform: scale(2.5);\r\n opacity: 0.7;\r\n }\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// ─── Alt Kartlar Bölümü ───\r\n.alt-kartlar-bolumu {\r\n fikoyt-kart-kok {\r\n font-size: 0.7rem;\r\n\r\n .ui.cards > .card {\r\n box-shadow: none;\r\n border: 1px solid var(--py-kenarlik);\r\n border-radius: 6px;\r\n margin-top: 0;\r\n\r\n .content {\r\n padding: 8px;\r\n }\r\n\r\n .extra.content {\r\n padding: 4px 8px;\r\n }\r\n }\r\n\r\n // Alt kartlardaki alt kartları daha da küçült\r\n .alt-kartlar-bolumu {\r\n padding: 4px 8px;\r\n\r\n fikoyt-kart-kok {\r\n font-size: 0.65rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// ─── Kart İçi Sayfa Bilgi Badge ───\r\n.kart-sayfa-bilgi-ic {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 10px;\r\n margin: -8px -14px 8px -14px;\r\n font-size: 11px;\r\n color: var(--py-metin-ikincil);\r\n border-bottom: 1px solid var(--py-bolucu);\r\n\r\n .kart-sb-avatar {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n flex-shrink: 0;\r\n }\r\n\r\n .kart-sb-link {\r\n color: var(--py-link);\r\n cursor: pointer;\r\n font-weight: 500;\r\n &:hover { text-decoration: underline; }\r\n }\r\n\r\n &.kart-sb--paylasti {\r\n background: rgba(24, 144, 255, 0.06);\r\n }\r\n\r\n &.kart-sb--etiketlendi {\r\n background: rgba(250, 219, 20, 0.08);\r\n }\r\n}\r\n"], "mappings": "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", "names": [] }