////////////////////////////////////////////////////////////////////////////////
//
//  Licensed to the Apache Software Foundation (ASF) under one or more
//  contributor license agreements.  See the NOTICE file distributed with
//  this work for additional information regarding copyright ownership.
//  The ASF licenses this file to You under the Apache License, Version 2.0
//  (the "License"); you may not use this file except in compliance with
//  the License.  You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
//
////////////////////////////////////////////////////////////////////////////////

// Jewel DateChooser

// DateChooser variables
$datechooser-button-size: 22px
$datechooser-tableitem-size: 38px

.jewel.datechooser

    .jewel.table
        min-width: 324px
        min-height: 364px

        .jewel.tableheadercell
            padding: 12px 0px
            
        .jewel.tableheadercell.buttonsRow
            
            & > .layout.horizontal //makes the HGroup that holds prev and next btns align to right
                float: right
            
            .viewSelector::after, 
                content: ' '
            .previousButton::after, .nextButton::after
                content: ' '
                position: absolute
            .viewSelector::after
                width: $datechooser-button-size
                height: $datechooser-button-size - 6px
            .previousButton::after, .nextButton::after
                width: $datechooser-button-size
                height: $datechooser-button-size

                top: calc(50% - #{$datechooser-button-size/2})
            .previousButton::after
                left: calc(50% - #{$datechooser-button-size/2 + 2px})
            .nextButton::after
                left: calc(50% - #{$datechooser-button-size/2 - 2px})
        
        .jewel.tableheadercell.buttonsRow
            padding: 4px

        // td
        .jewel.tableitem
            // width: $datechooser-tableitem-size
            height: $datechooser-tableitem-size

.calendar
    &.item
        padding: 10px
        
j|DateChooser
    IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.DateChooserModel")			
    IBeadView: ClassReference("org.apache.royale.jewel.beads.views.DateChooserView")
    IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout")
    IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.DateChooserMouseController")

j|DateChooserTable
    // IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.DateChooserTableCellSelectionMouseController")
    // IItemRenderer: ClassReference("org.apache.royale.jewel.itemRenderers.ListItemRenderer")
    // IDataProviderItemRendererMapper: ClassReference("org.apache.royale.jewel.beads.itemRenderers.DataItemRendererFactoryForCollectionView")
    // IBeadController: ClassReference("org.apache.royale.jewel.beads.controllers.ListSingleSelectionMouseController")

