blob: 3397ed93328f9ab141f2f23e604fdc6de986dee2 [file] [log] [blame]
/*
* Copyright (C) 2015 Apple Inc. All rights reserved.
* Copyright (C) 2016 Devin Rousso <webkit@devinrousso.com>. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
* THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
* BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
* CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
* SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
* INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
* CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
* THE POSSIBILITY OF SUCH DAMAGE.
*/
WI.TabBarItem = class TabBarItem
{
constructor(representedObject, image, displayName, title)
{
this._representedObject = representedObject || null;
this._parentTabBar = null;
this._element = document.createElement("div");
this._element.classList.add(WI.TabBarItem.StyleClassName);
this._element.setAttribute("role", "tab");
this._element.tabIndex = 0;
this._element[WI.TabBarItem.ElementReferenceSymbol] = this;
this._element.createChild("div", "flex-space");
this._iconElement = document.createElement("img");
this._iconElement.classList.add("icon");
this._element.appendChild(this._iconElement);
this._element.createChild("div", "flex-space");
this.displayName = displayName;
this.title = title || displayName;
this.image = image;
}
// Static
static get horizontalMargin()
{
return (WI.dockConfiguration === WI.DockConfiguration.Undocked) ? 0 : 4; // Keep in sync with `body.docked .tab-bar > .tabs > .item`
}
// Public
get element() { return this._element; }
get representedObject() { return this._representedObject; }
get parentTabBar() { return this._parentTabBar; }
set parentTabBar(tabBar){ this._parentTabBar = tabBar || null; }
get selected()
{
return this._element.classList.contains("selected");
}
set selected(selected)
{
this._element.classList.toggle("selected", selected);
if (selected)
this._element.setAttribute("aria-selected", "true");
else
this._element.removeAttribute("aria-selected");
}
get disabled()
{
return this._element.classList.contains("disabled");
}
set disabled(disabled)
{
this._element.classList.toggle("disabled", !!disabled);
}
get hidden()
{
return this._element.classList.contains("hidden");
}
set hidden(hidden)
{
this._element.classList.toggle("hidden", !!hidden);
}
get image() { return this._iconElement.src; }
set image(url) { this._iconElement.src = url || ""; }
get displayName()
{
return this._displayName;
}
set displayName(displayName)
{
displayName = displayName || "";
if (this._displayName === displayName)
return;
this._displayName = displayName;
}
get title()
{
return this._title;
}
set title(title)
{
title = title || "";
if (this._title === title)
return;
this._title = title;
this._element.title = this._title;
}
};
WI.TabBarItem.StyleClassName = "item";
WI.TabBarItem.ElementReferenceSymbol = Symbol("tab-bar-item");