/*
 *
 *  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.
 *
 */


@namespace "library://ns.apache.org/flexjs/mdl";

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.cardWithDropDownList
{
    overflow: visible !important;
    z-index: initial !important;
}

TextField
{
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.TextModel");
    /*IBeadView: ClassReference("org.apache.flex.html.beads.TextInputWithBorderView");
    IBeadController: ClassReference("org.apache.flex.html.beads.controllers.EditableTextKeyboardController");*/
}

TextArea
{
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.TextModel");
    /*IBeadView: ClassReference("org.apache.flex.html.beads.TextInputWithBorderView");
    IBeadController: ClassReference("org.apache.flex.html.beads.controllers.EditableTextKeyboardController");*/
}

CheckBox
{
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.ToggleButtonModel");			
}

IconToggle
{
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.ToggleButtonModel");			
}

Switch
{
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.ToggleButtonModel");			
}

Slider
{
	IBeadModel: ClassReference("org.apache.flex.mdl.beads.models.SliderRangeModel");
	iBeadView:  ClassReference("org.apache.flex.mdl.beads.views.SliderView");
    IBeadController: ClassReference("org.apache.flex.mdl.beads.controllers.SliderMouseController");
}

List
{
    IBeadView: ClassReference("org.apache.flex.mdl.beads.views.ListView");
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.ArraySelectionModel");
    IBeadLayout: ClassReference(null); /*"org.apache.flex.html.beads.layouts.VerticalLayout"*/
    IDataProviderItemRendererMapper: ClassReference("org.apache.flex.html.beads.DataItemRendererFactoryForArrayData");
    IItemRendererClassFactory: ClassReference("org.apache.flex.core.ItemRendererClassFactory");
    IItemRenderer: ClassReference("org.apache.flex.mdl.itemRenderers.ListItemRenderer");
}

Table
{
    IBeadView: ClassReference("org.apache.flex.mdl.beads.views.TableView");
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.ArraySelectionModel");
    IBeadLayout: ClassReference(null); /*"org.apache.flex.html.beads.layouts.VerticalLayout"*/
    IDataProviderItemRendererMapper: ClassReference("org.apache.flex.html.beads.DataItemRendererFactoryForArrayData");
    IItemRendererClassFactory: ClassReference("org.apache.flex.core.ItemRendererClassFactory");
    IItemRenderer: ClassReference("org.apache.flex.mdl.itemRenderers.TableRowItemRenderer");
}

Navigation
{
    IBeadView: ClassReference("org.apache.flex.mdl.beads.views.ListView");
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.ArraySelectionModel");
    IBeadLayout: ClassReference(null); /*"org.apache.flex.html.beads.layouts.VerticalLayout"*/
    IDataProviderItemRendererMapper: ClassReference("org.apache.flex.html.beads.DataItemRendererFactoryForArrayData");
    IItemRendererClassFactory: ClassReference("org.apache.flex.core.ItemRendererClassFactory");
    IItemRenderer: ClassReference("org.apache.flex.mdl.itemRenderers.NavigationLinkItemRenderer");
}

Menu
{
    IBeadView: ClassReference("org.apache.flex.mdl.beads.views.ListView");
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.ArraySelectionModel");
    IBeadLayout: ClassReference(null); /*"org.apache.flex.html.beads.layouts.VerticalLayout"*/
    IDataProviderItemRendererMapper: ClassReference("org.apache.flex.html.beads.DataItemRendererFactoryForArrayData");
    IItemRendererClassFactory: ClassReference("org.apache.flex.core.ItemRendererClassFactory");
    IItemRenderer: ClassReference("org.apache.flex.mdl.itemRenderers.MenuItemRenderer");
}

Tabs
{
    IBeadView: ClassReference("org.apache.flex.mdl.beads.views.TabsView");
    IBeadModel: ClassReference("org.apache.flex.mdl.beads.models.TabArrayModel");
    IBeadLayout: ClassReference(null);
    IDataProviderItemRendererMapper: ClassReference("org.apache.flex.mdl.beads.TabsItemRendererFactoryForArrayListData");
    IItemRendererClassFactory: ClassReference("org.apache.flex.core.ItemRendererClassFactory");
    IItemRenderer: ClassReference("org.apache.flex.mdl.itemRenderers.TabBarPanelItemRenderer");
}

TabBar
{
    IBeadView: ClassReference("org.apache.flex.mdl.beads.views.TabBarView");
    IBeadModel: ClassReference("org.apache.flex.mdl.beads.models.TabArrayModel");
    IBeadLayout: ClassReference(null);
    IDataProviderItemRendererMapper: ClassReference("org.apache.flex.mdl.beads.TabsItemRendererFactoryForArrayListData");
    IItemRendererClassFactory: ClassReference("org.apache.flex.core.ItemRendererClassFactory");
    IItemRenderer: ClassReference("org.apache.flex.mdl.itemRenderers.TabBarButtonTabsItemRenderer");
}

Toast
{
    IBeadModel: ClassReference("org.apache.flex.mdl.beads.models.ToastModel");
}

Snackbar
{
    IBeadModel: ClassReference("org.apache.flex.mdl.beads.models.SnackbarModel");
}

FooterLinkList
{
    IItemRenderer: ClassReference("org.apache.flex.mdl.itemRenderers.FooterLinkItemRenderer");
}

DropDownList
{
    IBeadView: ClassReference("org.apache.flex.mdl.beads.views.DropDownListView");
    IBeadModel: ClassReference("org.apache.flex.html.beads.models.ArraySelectionModel");
    IBeadLayout: ClassReference("org.apache.flex.html.beads.layouts.HorizontalFlexLayout");
    IBeadController: ClassReference("org.apache.flex.mdl.beads.controllers.DropDownListController");
    border: 1.2px solid #F8F8F8;
    cursor: pointer;
    align-items: center;
}

@media -flex-flash
{
    Slider
    {
        iThumbView: ClassReference("org.apache.flex.mdl.beads.views.SliderThumbView");
        iTrackView: ClassReference("org.apache.flex.mdl.beads.views.SliderTrackView");
    }

    RadioButton
	{
		IBeadModel: ClassReference("org.apache.flex.html.beads.models.ValueToggleButtonModel");
		IBeadView:  ClassReference("org.apache.flex.html.beads.RadioButtonView");			
	}
}