{ "version": 3, "sources": ["projects/shared/src/lib/app/uygulamalar/hmi-pano/hmi-pano-shell.component.less"], "sourcesContent": [" :host {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n overflow: hidden;\n background: #f0f2f5;\n font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n }\n\n /* ===== HEADER ===== */\n .hmi-header {\n position: relative;\n height: 42px;\n flex-shrink: 0;\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n z-index: 10;\n }\n\n .hmi-header-bg {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, #00695c, #4db6ac);\n }\n\n .hmi-header-content {\n position: relative;\n display: flex;\n align-items: center;\n height: 100%;\n padding: 0 8px;\n gap: 8px;\n z-index: 1;\n }\n\n /* Sol */\n .hmi-header-sol {\n display: flex;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n }\n\n .hmi-logo-wrap {\n width: 28px;\n height: 28px;\n cursor: pointer;\n transition: transform 0.2s;\n }\n .hmi-logo-wrap:hover { transform: scale(1.1); }\n\n .hmi-logo {\n width: 100%;\n height: 100%;\n object-fit: contain;\n filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n }\n\n .hmi-marka-img {\n height: 28px;\n width: auto;\n }\n\n /* Başlık bandı */\n .hmi-baslik-bant {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 28px;\n margin: 0 6px;\n background: rgba(255,255,255,0.95);\n border-radius: 5px;\n gap: 8px;\n overflow: hidden;\n }\n\n .hmi-baslik-info {\n font-size: 16px;\n font-weight: 700;\n color: #333;\n flex-shrink: 0;\n padding: 0 4px;\n }\n\n .hmi-baslik-text {\n font-size: 15px;\n font-weight: 700;\n color: #222;\n text-shadow: 0 1px 1px rgba(0,0,0,0.1);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n animation: hmi-text-shimmer 4s ease-in-out infinite;\n }\n\n @keyframes hmi-text-shimmer {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.7; }\n }\n\n /* Sağ */\n .hmi-header-sag {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n }\n\n .hmi-durum-grubu {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n\n .hmi-sinyal-wrap {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.3;\n transition: opacity 0.3s;\n }\n .hmi-sinyal-wrap.aktif { opacity: 1; }\n\n .hmi-sinyal-ikon {\n font-size: 11px;\n position: relative;\n z-index: 2;\n }\n\n /* Ripple animasyonu */\n .hmi-ripple-dot {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n z-index: 1;\n }\n\n .hmi-ripple-dot.animating {\n animation: hmi-ripple 2s ease-out infinite;\n background: rgba(255, 235, 59, 0.3);\n }\n\n .hmi-ripple-dot.animating.pil {\n animation-delay: 0.5s;\n background: rgba(255, 255, 255, 0.25);\n }\n\n @keyframes hmi-ripple {\n 0% { transform: scale(0.5); opacity: 1; }\n 100% { transform: scale(2.5); opacity: 0; }\n }\n\n .hmi-saat-grubu {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n line-height: 1.15;\n }\n\n .hmi-tarih, .hmi-saat {\n font-size: 11px;\n font-weight: 700;\n color: #fff;\n text-shadow: 0 1px 2px rgba(0,0,0,0.5);\n }\n\n .hmi-pil-wrap {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hmi-pil-ikon {\n font-size: 11px;\n position: relative;\n z-index: 2;\n }\n\n .hmi-pil-yuzde {\n font-size: 9px;\n font-weight: 700;\n color: #fff;\n text-shadow: 0 1px 2px rgba(0,0,0,0.5);\n position: relative;\n z-index: 2;\n margin-left: 2px;\n }\n\n /* ===== EKRAN MESAJI OVERLAY ===== */\n .hmi-ekran-mesaj-overlay {\n position: fixed;\n top: 42px;\n left: 0;\n right: 0;\n z-index: 999;\n padding: 10px 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n animation: hmi-mesaj-slide 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n }\n .hmi-ekran-mesaj-icerik {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .hmi-ekran-mesaj-ikon { font-size: 22px; }\n .hmi-ekran-mesaj-text {\n color: #fff;\n font-size: 16px;\n font-weight: 700;\n text-shadow: 0 1px 3px rgba(0,0,0,0.3);\n }\n .hmi-ekran-mesaj-kapat {\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(255,255,255,0.2);\n border: none;\n color: #fff;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n cursor: pointer;\n font-size: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .hmi-ekran-mesaj-kapat:hover { background: rgba(255,255,255,0.4); }\n @keyframes hmi-mesaj-slide {\n from { transform: translateY(-100%); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n\n /* ===== ASKIDA OVERLAY ===== */\n .hmi-askida-overlay {\n position: fixed;\n inset: 0;\n z-index: 9999;\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n animation: hmi-askida-fade 0.6s ease-out;\n }\n .hmi-askida-icerik {\n text-align: center;\n max-width: 480px;\n padding: 48px 32px;\n }\n .hmi-askida-ikon {\n font-size: 72px;\n margin-bottom: 24px;\n animation: hmi-askida-pulse 2s ease-in-out infinite;\n }\n .hmi-askida-baslik {\n font-size: 28px;\n font-weight: 700;\n color: #e6edf3;\n margin: 0 0 16px;\n letter-spacing: -0.5px;\n }\n .hmi-askida-aciklama {\n font-size: 16px;\n color: #8b949e;\n margin: 0 0 32px;\n line-height: 1.6;\n }\n .hmi-askida-bilgi {\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 12px;\n padding: 16px 20px;\n }\n .hmi-askida-bilgi span {\n font-size: 13px;\n color: #58a6ff;\n }\n @keyframes hmi-askida-fade {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes hmi-askida-pulse {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.1); opacity: 0.7; }\n }\n\n /* ===== MAIN ===== */\n .hmi-main {\n flex: 1;\n min-height: 0;\n overflow: hidden;\n position: relative;\n z-index: 0;\n }\n\n /* Dark mode */\n :host-context(body.hmi-karanlik) {\n background: #0d1117;\n }\n\n :host-context(body.hmi-karanlik) .hmi-header-bg {\n background: linear-gradient(to top, #134e4a, #0d3d56);\n }\n\n :host-context(body.hmi-karanlik) .hmi-baslik-bant {\n background: rgba(22, 27, 34, 0.9);\n }\n\n :host-context(body.hmi-karanlik) .hmi-baslik-info {\n color: #8b949e;\n }\n\n :host-context(body.hmi-karanlik) .hmi-baslik-text {\n color: #e6edf3;\n }\n\n :host-context(body.hmi-karanlik) .hmi-main {\n background: #0d1117;\n }\n\n /* Aksiyon butonları */\n .hmi-header-aksiyonlar {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-left: 8px;\n }\n .hmi-aksiyon-btn {\n width: 30px; height: 30px;\n border: none;\n border-radius: 50%;\n background: rgba(255,255,255,0.15);\n color: #fff;\n font-size: 14px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.2s;\n }\n .hmi-aksiyon-btn:hover { background: rgba(255,255,255,0.3); }\n\n /* Responsive */\n @media (max-width: 600px) {\n .hmi-baslik-text { font-size: 12px; }\n .hmi-marka-img { display: none; }\n }\n"], "mappings": "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", "names": [] }