{"version":3,"sourceRoot":"","sources":["../../../src/plugins/table-editor/scss/_table-editor.scss"],"names":[],"mappings":"AAWA,cACE,gDACA,yDACA,wDACA,wEACA,sDACA,wEACA,0EACA,0EAEA,gBACA,oCAGE,iKAKE,UACA,SACA,gBACA,mYAEE,gBACA,yBAKN,qBACE,yBAGF,oBACE,oCACA,oCACA,gBACA,kDAEA,8CAEE,mBACA,gBACA,uBACA,gBACA,oBAIJ,oBACE,yBAEA,uBACE,yBACA,6DAEF,uBACE,kBACA,mBACA,gBAGE,sDACE,UAKN,gCACE,gBACA,MACA,UACA,wDACA,yBAIJ,oBACE,gBACA,yBAEA,gCACE,gBACA,UACA,yBAGF,uBACE,yBACA,2BAEA,kCACE,4BACA,YAGF,6BACE,aAGF,8BACE,sDAKF,6BACE,aAKN,sBACE,WACA,WACA,kBACA,gBAGF,4BACE,cACA,YAGF,wBACE,2CACA,yBACA,mCACA,UACA,kBACA,WACA,kBACA,cACA,YAGF,6BACE,GACE,UAEF,KACE,WAIJ,0BACE,WACA,aACA,yBACA,mBACA,gBACA,0DAGF,8BACE,UACA,gBAGF,kCACE,iBAGF,iCACE,kBACA,mBACA,oCAEA,sHAGE,sDACA,oCAIJ,yBACE,UACA,0CACA,eACA,sCACA,wBACA,kCACA,kBACA,WACA,sBAEA,gCACE,UACA,oCAIJ,8BACE,aACA,mBACA,gBACA,gBACA,eAEA,4CACE,eAIJ,2BACE,cAIA,wCAEE,qBAIA,qCACE,4BACA,YAIJ,2CACE,gBAIJ,yBACE,wCACE,8BAEA,4CACE,eAGF,+CACE,eAGF,gDACE,gBAMJ,oDAEE,iBAGF,iDACE,sDAMA,gDACE,mDACA,4CAEA,mDACE,yBACA,cAQJ,6BACE,mDAEA,mCACE,6DAEA,sCACE,yBAQR,6BACE,yCADF,+BACE,yCADF,6BACE,yCADF,0BACE,yCADF,6BACE,yCADF,4BACE,yCADF,2BACE,yCADF,0BACE,yCADF,2BACE,sCADF,2BACE,sCAIJ,yBACE,6CAGF,sBACE,0CAEA,yBACE,0CAGF,+CACE,aAIA,gGAEE,0CAGF,mKAEE,4DAEF,8KAGE,iDAKN,2BACE,6CACA,oBAEA,uCACE,cACA,mBAEA,0CACE,qBAGF,uEACE,oBAGF,6CACE,gBACA,gBAIJ,8EAEE","file":"table-editor.min.css","sourcesContent":["@import './variables';\n\n$table-editor-color: var(--mdb-body-color) !default;\n$table-editor-border-color: var(--mdb-border-color) !default;\n$table-editor-striped-color: var(--mdb-body-color) !default;\n$table-editor-accent-bg: rgba(var(--mdb-emphasis-color-rgb), 0.02) !default;\n$table-editor-hover-color: var(--mdb-body-color) !default;\n$table-editor-hover-bg: rgba(var(--mdb-emphasis-color-rgb), 0.025) !default;\n$table-editor-muted-color: rgba(var(--mdb-emphasis-color-rgb), 0.55) !default;\n$table-editor-active-color: rgba(var(--mdb-emphasis-color-rgb), 0.1) !default;\n\n.table-editor {\n  --mdb-table-editor-color: #{$table-editor-color};\n  --mdb-table-editor-border-color: #{$table-editor-border-color};\n  --mdb-table-editor-striped-color: #{$table-editor-striped-color};\n  --mdb-table-editor-accent-bg: #{$table-editor-accent-bg};\n  --mdb-table-editor-hover-color: #{$table-editor-hover-color};\n  --mdb-table-editor-hover-bg: #{$table-editor-hover-bg};\n  --mdb-table-editor-muted-color: #{$table-editor-muted-color};\n  --mdb-table-editor-active-color: #{$table-editor-active-color};\n\n  font-size: 0.9rem;\n  color: var(--mdb-table-editor-color);\n\n  tr {\n    .edit-button,\n    .delete-button,\n    .discard-button,\n    .save-button,\n    .popconfirm-toggle {\n      padding: 0;\n      margin: 0;\n      box-shadow: none;\n      &:focus,\n      &:active {\n        box-shadow: none;\n        color: $primary !important;\n      }\n    }\n  }\n\n  &__inner {\n    background-color: inherit;\n  }\n\n  table {\n    color: var(--mdb-table-editor-color);\n    background-color: inherit !important;\n    margin-bottom: 0;\n    border-color: var(--mdb-table-editor-border-color);\n\n    th,\n    td {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 250px;\n      padding: 1rem 1.4rem;\n    }\n  }\n\n  thead {\n    background-color: inherit;\n\n    tr {\n      background-color: inherit;\n      border-bottom: 1px solid var(--mdb-table-editor-border-color);\n    }\n    th {\n      position: relative;\n      border-bottom: none;\n      font-weight: 500;\n\n      &:hover {\n        .table-editor__sort-icon {\n          opacity: 1;\n        }\n      }\n    }\n\n    .fixed-cell {\n      position: sticky;\n      top: 0;\n      z-index: 3;\n      box-shadow: var(--mdb-table-editor-border-color) 0px 1px;\n      background-color: inherit;\n    }\n  }\n\n  tbody {\n    font-weight: 300;\n    background-color: inherit;\n\n    .fixed-cell {\n      position: sticky;\n      z-index: 1;\n      background-color: inherit;\n    }\n\n    tr {\n      background-color: inherit;\n      transition: all 0.3s ease-in;\n\n      &:last-child {\n        border-bottom: transparent;\n        height: 71px;\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &.active {\n        background-color: var(--mdb-table-editor-active-color);\n      }\n    }\n\n    td {\n      &:focus {\n        outline: none;\n      }\n    }\n  }\n\n  &__loader {\n    width: 100%;\n    height: 2px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  &__loader-inner {\n    display: block;\n    height: 100%;\n  }\n\n  &__progress {\n    animation: datatableProgress 3s ease-in-out;\n    animation-fill-mode: both;\n    animation-iteration-count: infinite;\n    width: 45%;\n    position: relative;\n    opacity: 0.5;\n    border-radius: 1px;\n    display: block;\n    height: 100%;\n  }\n\n  @keyframes datatableProgress {\n    0% {\n      left: -45%;\n    }\n    100% {\n      left: 100%;\n    }\n  }\n\n  &__pagination {\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding: 0.5rem 0;\n    border-top: 1px solid var(--mdb-table-editor-border-color);\n  }\n\n  &__pagination-nav {\n    padding: 0;\n    font-size: 0.9rem;\n  }\n\n  &__pagination-buttons {\n    margin-left: 2rem;\n  }\n\n  &__pagination-button {\n    padding-left: 1rem;\n    padding-right: 1rem;\n    color: var(--mdb-table-editor-color);\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-color: var(--mdb-table-editor-active-color);\n      color: var(--mdb-table-editor-color);\n    }\n  }\n\n  &__sort-icon {\n    opacity: 0;\n    color: var(--mdb-table-editor-muted-color);\n    cursor: pointer;\n    transition-property: opacity, transform;\n    transition-duration: 0.3s;\n    transition-timing-function: linear;\n    position: absolute;\n    left: 0.4rem;\n    top: calc(50% - 0.5rem);\n\n    &.active {\n      opacity: 1;\n      color: var(--mdb-table-editor-color);\n    }\n  }\n\n  &__select-wrapper {\n    display: flex;\n    align-items: center;\n    font-size: 0.9rem;\n    font-weight: 300;\n    padding: 0 1rem;\n\n    .select-input {\n      max-width: 70px;\n    }\n  }\n\n  &__select-text {\n    margin: 0 1rem;\n  }\n\n  &.sm {\n    th,\n    td {\n      padding: 0.5rem 1.4rem;\n    }\n\n    tbody {\n      tr:last-child {\n        border-bottom: transparent;\n        height: 55px;\n      }\n    }\n\n    .table-editor__pagination {\n      padding: 0.2rem 0;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .table-editor__pagination {\n      flex-direction: column-reverse;\n\n      &-nav {\n        margin: 0.8rem 0;\n      }\n\n      &-button {\n        font-size: 1rem;\n      }\n\n      &-buttons {\n        margin: 0.8rem 0;\n      }\n    }\n  }\n\n  &.bordered {\n    th,\n    td {\n      border-width: 1px;\n    }\n\n    .table-editor__pagination {\n      border: 1px solid var(--mdb-table-editor-border-color);\n    }\n  }\n\n  &.striped {\n    tbody {\n      tr:nth-of-type(odd) {\n        background-color: var(--mdb-table-editor-accent-bg);\n        color: var(--mdb-table-editor-striped-color);\n\n        td {\n          background-color: inherit;\n          color: inherit;\n        }\n      }\n    }\n  }\n\n  &.hover {\n    tbody {\n      tr {\n        transition: background-color 0.2s ease-in !important;\n\n        &:hover {\n          background-color: var(--mdb-table-editor-hover-bg) !important;\n\n          td {\n            background-color: inherit;\n          }\n        }\n      }\n    }\n  }\n\n  @each $color, $value in $theme-colors {\n    &.border-#{$color} {\n      --mdb-table-editor-border-color: #{$value};\n    }\n  }\n\n  &.borderless {\n    --mdb-table-editor-border-color: #{transparent};\n  }\n\n  &.loading {\n    color: var(--mdb-table-editor-muted-color);\n\n    th {\n      color: var(--mdb-table-editor-muted-color);\n    }\n\n    .table-editor__sort-icon {\n      display: none;\n    }\n\n    .select-wrapper {\n      .select-arrow,\n      input {\n        color: var(--mdb-table-editor-muted-color);\n      }\n\n      .form-outline .form-control:focus ~ .form-notch .form-notch-leading,\n      .form-notch-trailing {\n        border-color: var(--mdb-table-editor-muted-color) !important;\n      }\n      .form-notch-leading,\n      .form-notch-middle,\n      .form-notch-trailing {\n        border-color: var(--mdb-table-editor-muted-color);\n      }\n    }\n  }\n\n  &.edited-table {\n    --mdb-table-editor-color: #{rgb(161, 161, 161)};\n    pointer-events: none;\n\n    .edited-row {\n      color: rgb(38, 38, 38);\n      pointer-events: all;\n\n      td {\n        padding: 0.8rem 1.4rem;\n      }\n\n      [data-mdb-field='action_buttons'] {\n        padding: 1rem 1.4rem;\n      }\n\n      input {\n        font-size: 0.9rem;\n        line-height: 1.5;\n      }\n    }\n\n    .ps__rail-x,\n    .ps__rail-y {\n      pointer-events: all;\n    }\n  }\n}\n"]}