{
  "version": 3,
  "sources": ["projects/shared/src/lib/service/fikoyt-ui/src/lib/fiko-three-js/IFikoThreeJS/fiko-floating-toolbar/fiko-floating-toolbar.component.scss"],
  "sourcesContent": ["/**\r\n * 🎨 FikoFloatingToolbar Styles\r\n * Cyber/Neon themed floating toolbar with draggable handle\r\n */\r\n\r\n// Theme Variables\r\n$neon-cyan: rgba(0, 255, 255, 0.8);\r\n$neon-cyan-glow: rgba(0, 255, 255, 0.3);\r\n$bg-toolbar: rgba(0, 127, 127, 0.85);\r\n$border-color: rgba(127, 255, 255, 0.35);\r\n$text-shadow: 0 0 10px rgb(0 255 255 / 95%);\r\n$box-shadow-glow: 0px 0px 12px rgb(0 255 255 / 50%);\r\n\r\n// Floating Toolbar Wrapper - Absolute positioned, independent\r\n.fiko-floating-toolbar-modal {\r\n    position: fixed !important;\r\n    top: 100px;\r\n    left: 100px;\r\n    background-color: transparent !important;\r\n    box-shadow: none !important;\r\n    max-width: none !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    pointer-events: all;\r\n\r\n    // Ensure it's above most content but below dialogs\r\n    z-index: 1000;\r\n}\r\n\r\n// Main Toolbar Container\r\n.fiko-toolbar-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background-color: $bg-toolbar;\r\n    border: 1px solid $border-color;\r\n    border-radius: 0.75em;\r\n    box-shadow: $box-shadow-glow;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n\r\n    // Smooth transitions\r\n    transition: all 0.2s ease;\r\n\r\n    // Minimized state\r\n    &.minimized {\r\n        .fiko-toolbar-content {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n// Header (Draggable area + Controls)\r\n.fiko-toolbar-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.25rem;\r\n    padding: 0.25rem 0.5rem;\r\n    background: linear-gradient(11deg, #000000b4, transparent),\r\n                linear-gradient(11deg, transparent, #b3b3b3);\r\n    border-bottom: 1px solid $border-color;\r\n    min-height: 28px;\r\n}\r\n\r\n// Draggable Handle (Grip Icon)\r\n.toolbar-handle {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: move;\r\n    padding: 0.2rem 0.4rem;\r\n    border-radius: 0.25em;\r\n    transition: all 0.2s ease;\r\n\r\n    &:hover {\r\n        background-color: rgba(255, 255, 255, 0.1);\r\n\r\n        .grip-line {\r\n            background-color: $neon-cyan;\r\n            box-shadow: 0 0 4px $neon-cyan-glow;\r\n        }\r\n    }\r\n\r\n    &:active {\r\n        background-color: rgba(255, 255, 255, 0.15);\r\n    }\r\n\r\n    .handle-grip {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2px;\r\n        width: 14px;\r\n        height: 14px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .grip-line {\r\n        width: 100%;\r\n        height: 2px;\r\n        background-color: rgba(255, 255, 255, 0.5);\r\n        border-radius: 1px;\r\n        transition: all 0.2s ease;\r\n    }\r\n}\r\n\r\n// Başlık Alanı\r\n.toolbar-baslik {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.4rem;\r\n    color: white;\r\n    text-shadow: $text-shadow;\r\n    font-size: 0.85em;\r\n    font-weight: 600;\r\n    user-select: none;\r\n    padding: 0 0.25rem;\r\n\r\n    .baslik-text {\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n}\r\n\r\n// Simge Stilleri\r\n.toolbar-simge {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 18px;\r\n    min-height: 18px;\r\n\r\n    .simge-resim {\r\n        width: 16px;\r\n        height: 16px;\r\n        object-fit: contain;\r\n    }\r\n\r\n    .simge-emoji {\r\n        font-size: 1.1em;\r\n        line-height: 1;\r\n    }\r\n\r\n    .icon {\r\n        font-size: 1em;\r\n        margin: 0;\r\n    }\r\n}\r\n\r\n// Kontrol Butonları (Minimize, Close)\r\n.toolbar-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.2rem;\r\n}\r\n\r\n.toolbar-control-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 20px;\r\n    height: 20px;\r\n    padding: 0;\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 0.25em;\r\n    color: white;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n\r\n    .icon {\r\n        font-size: 0.85em;\r\n        margin: 0;\r\n    }\r\n\r\n    &:hover {\r\n        background-color: rgba(255, 255, 255, 0.2);\r\n        border-color: rgba(255, 255, 255, 0.4);\r\n        box-shadow: 0 0 6px rgba(255, 255, 255, 0.3);\r\n    }\r\n\r\n    &:active {\r\n        transform: scale(0.95);\r\n    }\r\n\r\n    &.close-btn:hover {\r\n        background-color: rgba(255, 50, 50, 0.6);\r\n        border-color: rgba(255, 50, 50, 0.8);\r\n        box-shadow: 0 0 6px rgba(255, 50, 50, 0.5);\r\n    }\r\n\r\n    &.minimize-btn:hover {\r\n        background-color: rgba(255, 200, 50, 0.6);\r\n        border-color: rgba(255, 200, 50, 0.8);\r\n        box-shadow: 0 0 6px rgba(255, 200, 50, 0.5);\r\n    }\r\n}\r\n\r\n// Content Area (Slot)\r\n.fiko-toolbar-content {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 0.3rem;\r\n    padding: 0.4rem 0.6rem;\r\n    min-height: 32px;\r\n\r\n    // Button stilleri (içeride kullanılan Semantic UI butonlar için)\r\n    ::ng-deep .button {\r\n        margin: 0 !important;\r\n\r\n        &.tiny {\r\n            padding: 0.4em 0.5em !important;\r\n            font-size: 0.8em !important;\r\n        }\r\n\r\n        &.circular.icon {\r\n            padding: 0 !important;\r\n            width: 22px;\r\n            height: 22px;\r\n            min-width: unset !important;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .icon {\r\n                margin: 0 !important;\r\n                font-size: 1em !important;\r\n                width: auto;\r\n                height: auto;\r\n                line-height: 1;\r\n            }\r\n\r\n            img {\r\n                width: 16px !important;\r\n                height: 16px !important;\r\n                object-fit: contain;\r\n            }\r\n        }\r\n    }\r\n\r\n    // Divider/Separator desteği\r\n    ::ng-deep .toolbar-separator {\r\n        width: 1px;\r\n        height: 20px;\r\n        background-color: rgba(255, 255, 255, 0.2);\r\n        margin: 0 0.2rem;\r\n    }\r\n\r\n    // Toolbar grubu desteği\r\n    ::ng-deep .toolbar-group {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.2rem;\r\n        padding: 0 0.3rem;\r\n        border-left: 1px solid rgba(255, 255, 255, 0.15);\r\n\r\n        &:first-child {\r\n            border-left: none;\r\n            padding-left: 0;\r\n        }\r\n    }\r\n}\r\n\r\n// Hover efekti - Toolbar'a hover yapınca glow artışı\r\n.fiko-toolbar-container:hover {\r\n    box-shadow: 0px 0px 16px rgb(0 255 255 / 60%);\r\n    border-color: rgba(127, 255, 255, 0.5);\r\n}\r\n\r\n// Minimized state transitions\r\n.fiko-floating-toolbar-modal.minimized {\r\n    .fiko-toolbar-container {\r\n        border-radius: 0.75em;\r\n    }\r\n}\r\n\r\n// Responsive - Küçük ekranlarda\r\n@media (max-width: 768px) {\r\n    .toolbar-baslik {\r\n        font-size: 0.75em;\r\n    }\r\n\r\n    .toolbar-handle {\r\n        .handle-grip {\r\n            width: 12px;\r\n            height: 12px;\r\n        }\r\n    }\r\n\r\n    .toolbar-control-btn {\r\n        width: 18px;\r\n        height: 18px;\r\n\r\n        .icon {\r\n            font-size: 0.75em;\r\n        }\r\n    }\r\n\r\n    .fiko-toolbar-content {\r\n        gap: 0.2rem;\r\n        padding: 0.3rem 0.5rem;\r\n\r\n        ::ng-deep .button.circular.icon {\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n// Dark theme override (eğer dark mode aktifse)\r\n@media (prefers-color-scheme: dark) {\r\n    .fiko-toolbar-container {\r\n        background-color: rgba(0, 127, 127, 0.9);\r\n        border-color: rgba(127, 255, 255, 0.4);\r\n    }\r\n}\r\n\r\n// Animation - İlk açılış\r\n@keyframes toolbarFadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(0.95) translateY(-10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: scale(1) translateY(0);\r\n    }\r\n}\r\n\r\n.fiko-toolbar-container {\r\n    animation: toolbarFadeIn 0.3s ease-out;\r\n}\r\n\r\n// Pulse animation - Optional (aktif toolbar için)\r\n@keyframes toolbarPulse {\r\n    0%, 100% {\r\n        box-shadow: 0px 0px 12px rgb(0 255 255 / 50%);\r\n    }\r\n    50% {\r\n        box-shadow: 0px 0px 20px rgb(0 255 255 / 70%);\r\n    }\r\n}\r\n\r\n// Active state (örneğin bir tool seçili iken)\r\n.fiko-toolbar-container.active {\r\n    animation: toolbarPulse 2s ease-in-out infinite;\r\n}\r\n\r\n// ========================================\r\n// Başlıksız Mod - Özel Stiller\r\n// ========================================\r\n// baslikGorunur=false olduğunda kullanılan özel stiller\r\n// Alt araç çubuğu gibi kompakt görünüm\r\n\r\n.basliksiz-toolbar {\r\n    .fiko-toolbar-container {\r\n        border-radius: 100vh !important; // Tam yuvarlak kapsül şekli\r\n        padding: 2px 5px !important; // Dikey 2px, yatay 5px padding\r\n    }\r\n\r\n    .fiko-toolbar-content {\r\n        padding: 0 !important;\r\n        gap: 0 !important;\r\n        min-height: auto !important;\r\n        display: block !important;\r\n        flex-wrap: nowrap !important;\r\n    }\r\n}\r\n"],
  "mappings": "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",
  "names": []
}