{"version":3,"sources":["webpack:///./src/resizable/src/utilities/utilities.scss","webpack:///./src/resizable/src/resizable/resizable.scss","webpack:///./src/layout/src/utilities/utilities.scss","webpack:///./src/layout/src/layout/layout.scss"],"names":[],"mappings":";;;;;;;AA4CA;EACI,gBAAe;EACf,iIAAgI,EAanI;EAfD;;;IAOQ,uBAAsB,EACzB;;AClDL;EAEQ,0BDJW;ECKX,uBAAsB;EACtB,8BAA6B;EAC7B,cAAa;EACb,wBAAuB;EACvB,oBAAmB,EAqDtB;EA5DL;IAUY,0BDVmB,ECWtB;EAXT;IAcY,wBAA4D;IAC5D,cAAa;IACb,wBAAuB;IACvB,oBAAmB;IACnB,gBAAe,EAyClB;IA3DT;MAqBgB,yBAAuB,EAC1B;IAtBb;MAyBgB,YAAW,EAed;MAxCb;QA4BoB,YDVE;QCWF,cAAa;QACb,wBAAuB;QACvB,oBAAmB,EAQtB;QAvCjB;UAkCwB,cDpCL;UCqCK,WAA4B;UAC5B,YDlBF;UCmBE,eAAc,EACjB;IAtCrB;MA2CgB,aAAY,EAef;MA1Db;QA8CoB,WD5BE;QC6BF,cAAa;QACb,wBAAuB;QACvB,oBAAmB,EAQtB;QAzDjB;UAoDwB,cDtDL;UCuDK,WDnCF;UCoCE,YAA6B;UAC7B,eAAc,EACjB;;ACdrB;EACI,gBAAe;EACf,iIAAgI,EAanI;EAfD;;;IAOQ,uBAAsB,EACzB;;AClDL;EAEQ,cAAa;EACb,6CAA0C;EAC1C,qCAAoC;EACpC,kCAAiC;EACjC,mBAAkB,EA0CrB;EAhDL;IASY,iBAAgB;IAChB,uBAAsB,EAqCzB;IA/CT;MAcgB,YAAW;MACX,aAAY,EAEf;IAjBb;MAwBgB,aAAY;MACZ,oBDPM,ECQT;IA1Bb;MA6BgB,aAAY;MACZ,kBDZM,ECaT;IA/Bb;MAkCgB,aAAY;MACZ,iBDjBM,ECkBT;IApCb;MAuCgB,aAAY;MACZ,mBDtBM,ECuBT;IAzCb;MA4CgB,mBAAkB;MAClB,aAAY,EACf","file":"layout/azui.layout.0.0.10.css","sourcesContent":["$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import '../utilities/utilities.scss';\n\n.azui {\n    &.azResizable>.handle {\n        background-color: $main-color;\n        box-sizing: border-box;\n        position: absolute !important;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        &.active {\n            background-color: $active;\n        }\n\n        >div.collapseButton {\n            background-color: lighten($color: $main-color, $amount: 10%);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n\n            &.active svg {\n                fill: $allow !important;\n            }\n\n            &.collapseButtonH {\n                width: 30px;\n\n                >span.collapseIcon {\n                    height: $collapseIconSize;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n\n                    >svg {\n                        fill: $main-color;\n                        width: $collapseIconSize * 2;\n                        height: $collapseIconSize;\n                        display: block;\n                    }\n                }\n            }\n\n            &.collapseButtonV {\n                height: 30px;\n\n                >span.collapseIcon {\n                    width: $collapseIconSize;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n\n                    >svg {\n                        fill: $main-color;\n                        width: $collapseIconSize;\n                        height: $collapseIconSize * 2;\n                        display: block;\n                    }\n                }\n            }\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import '../utilities/utilities.scss';\n\n.azui {\n    &.azLayout {\n        display: grid;\n        grid-template-areas: \"n n n\"\"w c e\"\"s s s\";\n        grid-template-columns: auto 1fr auto;\n        grid-template-rows: auto 1fr auto;\n        position: relative;\n\n        &>.azLayoutArea {\n            overflow: hidden;\n            box-sizing: border-box;\n\n            &>div {\n                // overflow: auto;\n                width: 100%;\n                height: 100%;\n                // position: absolute;\n            }\n\n            // & .azDraggable.handle {\n            //     background: #36383f;\n            // }\n\n            &.azLayoutAreaNorth {\n                grid-area: n;\n                padding-bottom: $collapseIconSize;\n            }\n\n            &.azLayoutAreaEast {\n                grid-area: e;\n                padding-left: $collapseIconSize;\n            }\n\n            &.azLayoutAreaSouth {\n                grid-area: s;\n                padding-top: $collapseIconSize;\n            }\n\n            &.azLayoutAreaWest {\n                grid-area: w;\n                padding-right: $collapseIconSize;\n            }\n\n            &.azLayoutAreaCenter {\n                position: relative;\n                grid-area: c;\n            }\n        }\n    }\n}"],"sourceRoot":""}