goog.ui.PopupColorPicker
Provided By | |
---|---|
Extends | |
All Implemented Interfaces |
Popup color picker widget.
new PopupColorPicker( opt_domHelper, opt_colorPicker )
Parameters |
|
---|
Instance Methods
this.addChild( child, opt_render ) → void
void
Adds the specified component as the last child of this component. See
goog.ui.Component#addChildAt
for detailed semantics.
Defined by | |||||||||
---|---|---|---|---|---|---|---|---|---|
Parameters |
| ||||||||
See Also |
this.addChildAt( child, index, opt_render ) → ?
?
Adds the specified component as a child of this component at the given 0-based index.
Both addChild
and addChildAt
assume the following contract
between parent and child components:
- the child component's element must be a descendant of the parent component's element, and
- the DOM state of the child component must be consistent with the DOM state of the parent component (see `isInDocument`) in the steady state -- the exception is to addChildAt(child, i, false) and then immediately decorate/render the child.
In particular, parent.addChild(child)
will throw an error if the
child component is already in the document, but the parent isn't.
Clients of this API may call addChild
and addChildAt
with
opt_render
set to true. If opt_render
is true, calling these
methods will automatically render the child component's element into the
parent component's element. If the parent does not yet have an element, then
createDom
will automatically be invoked on the parent before
rendering the child.
Invoking parent.addChild(child, true)
will throw an error if the
child component is already in the document, regardless of the parent's DOM
state.
If opt_render
is true and the parent component is not already
in the document, enterDocument
will not be called on this component
at this point.
Finally, this method also throws an error if the new child already has a different parent, or the given index is out of bounds.
Defined by | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Parameters |
| ||||||||||||
Returns |
| ||||||||||||
See Also |
this.addColors( colors ) → void
void
this.addEventListener( type, handler, opt_capture, opt_handlerScope ) → void
void
Adds an event listener to the event target. The same handler can only be added once per the type. Even if you add the same handler multiple times using the same type then it will only be called once when the event is dispatched.
warning Deprecated | Use |
---|
Defined by | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Parameters |
|
this.addOnDisposeCallback<T>( callback, opt_scope ) → void
void
Invokes a callback function when this object is disposed. Callbacks are invoked in the order in which they were added. If a callback is added to an already disposed Disposable, it will be called immediately.
Defined by | |||||||||
---|---|---|---|---|---|---|---|---|---|
Parameters |
|
this.attach( element ) → void
void
Attaches the popup color picker to an element.
Parameters |
|
---|
this.canDecorate( element ) → boolean
boolean
ColorPickers cannot be used to decorate pre-existing html, since the structure they build is fairly complicated.
Overrides | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.clearColors() → void
void
Clear the colors displayed by the color picker.
this.createDom() → void
void
Creates the initial DOM representation for the component. The default implementation is to set this.element_ = div.
Overrides | |
---|---|
Parameters | None. |
this.decorate( element ) → void
void
Decorates the element for the UI component. If the element is in the document, the enterDocument method will be called.
If goog.ui.Component.ALLOW_DETACHED_DECORATION is false, the caller must pass an element that is in the document.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.decorateInternal( element ) → void
void
Actually decorates the element. Should be overridden by inheriting objects. This method can assume there are checks to ensure the component has not already been rendered have occurred and that enter document will be called afterwards. This method is considered protected.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.detach( element ) → void
void
Detatches the popup color picker from an element.
Parameters |
|
---|
this.dispatchEvent( e ) → boolean
boolean
Dispatches an event (or event like object) and calls all listeners listening for events of this type. The type of the event is decided by the type property on the event object.
If any of the listeners returns false OR calls preventDefault then this function will return false. If one of the capture listeners calls stopPropagation, then the bubble listeners won't fire.
Overrides | |||||
---|---|---|---|---|---|
Specified by | |||||
Parameters |
| ||||
Returns |
|
this.dispose() → ?
?
Disposes of the object and its resources.
Overrides | ||
---|---|---|
Specified by | ||
Parameters | None. | |
Returns |
|
this.disposeInternal() → void
void
Disposes of the component. Calls exitDocument
, which is expected to
remove event handlers and clean up the component. Propagates the call to
the component's children, if any. Removes the component's DOM from the
document unless it was decorated.
Overrides | |
---|---|
Parameters | None. |
this.enterDocument() → void
void
Called when the component's element is known to be in the document. Anything using document.getElementById etc. should be done at this stage.
If the component contains child components, this call is propagated to its children.
this.exitDocument() → void
void
Called by dispose to clean up the elements and listeners created by a component, or by a parent component/application who has removed the component from the document but wants to reuse it later.
If the component contains child components, this call is propagated to its children.
It should be possible for the component to be rendered again once this method has been called.
this.fireListeners<EVENTOBJ>( type, capture, eventObject ) → boolean
boolean
Fires all registered listeners in this listenable for the given type and capture mode, passing them the given eventObject. This does not perform actual capture/bubble. Only implementors of the interface should be using this.
Overrides | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Specified by | |||||||||||||
Parameters |
| ||||||||||||
Returns |
|
this.forEachChild<T>( f, opt_obj ) → void
void
Calls the given function on each of this component's children in order. If
opt_obj
is provided, it will be used as the 'this' object in the
function when called. The function should take two arguments: the child
component and its 0-based index. The return value is ignored.
Defined by | |||||||||
---|---|---|---|---|---|---|---|---|---|
Parameters |
|
this.getAllowAutoFocus() → boolean
boolean
Parameters | None. | ||
---|---|---|---|
Returns |
|
this.getAutoHide() → boolean
boolean
Returns whether the Popup dismisses itself when the user clicks outside of it.
Parameters | None. | ||
---|---|---|---|
Returns |
|
this.getAutoHideRegion() → (Element|null)
(Element|null)
Returns the region inside which the Popup dismisses itself when the user clicks, or null if it was not set. Null indicates the entire document is the autohide region.
Parameters | None. | ||
---|---|---|---|
Returns |
|
this.getChild( id ) → (goog.ui.Component|null)
(goog.ui.Component|null)
Returns the child with the given ID, or null if no such child exists.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.getChildAt( index ) → (goog.ui.Component|null)
(goog.ui.Component|null)
Returns the child at the given index, or null if the index is out of bounds.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.getChildCount() → number
number
Returns the number of children of this component.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getColorPicker() → (goog.ui.ColorPicker|null)
(goog.ui.ColorPicker|null)
Parameters | None. | ||
---|---|---|---|
Returns |
|
this.getContentElement() → (Element|null)
(Element|null)
Returns the DOM element into which child components are to be rendered, or null if the component itself hasn't been rendered yet. This default implementation returns the component's root element. Subclasses with complex DOM structures must override this method.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getDisposed() → boolean
boolean
warning Deprecated | Use |
---|
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getDomHelper() → goog.dom.DomHelper
goog.dom.DomHelper
Returns the dom helper that is being used on this component.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getElement() → (Element|null)
(Element|null)
Gets the component's element.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getElementByClass( className ) → (Element|null)
(Element|null)
Returns the first element in this component's DOM with the provided className.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.getElementByFragment( idFragment ) → (Element|null)
(Element|null)
Helper function for returning an element in the document with a unique id generated using makeId().
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.getElementStrict() → Element
Element
Gets the component's element. This differs from getElement in that it assumes that the element exists (i.e. the component has been rendered/decorated) and will cause an assertion error otherwise (if assertion is enabled).
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getElementsByClass( className ) → IArrayLike<Element>
IArrayLike<Element>
Returns an array of all the elements in this component's DOM with the provided className.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.getFragmentFromId( id ) → string
string
this.getHandler<T>() → goog.events.EventHandler<(T|null)>
goog.events.EventHandler<(T|null)>
Returns the event handler for this component, lazily created the first time this method is called.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getId() → string
string
Gets the unique ID for the instance of this component. If the instance doesn't already have an ID, generates one on the fly.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getLastTarget() → (Element|null)
(Element|null)
Parameters | None. | ||
---|---|---|---|
Returns |
|
this.getListener<SCOPE, EVENTOBJ>( type, listener, capture, opt_listenerScope ) → (goog.events.ListenableKey|null)
(goog.events.ListenableKey|null)
Gets the goog.events.ListenableKey for the event or null if no such listener is in use.
Overrides | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Specified by | |||||||||||||||||
Parameters |
| ||||||||||||||||
Returns |
|
this.getListeners<EVENTOBJ>( type, capture ) → Array<goog.events.ListenableKey>
Array<goog.events.ListenableKey>
Gets all listeners in this listenable for the given type and capture mode.
Overrides | |||||||||
---|---|---|---|---|---|---|---|---|---|
Specified by | |||||||||
Parameters |
| ||||||||
Returns |
|
this.getModel() → *
*
Returns the model associated with the UI component.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getParent() → (goog.ui.Component|null)
(goog.ui.Component|null)
Returns the component's parent, if any.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.getParentEventTarget() → (goog.events.Listenable|null)
(goog.events.Listenable|null)
Returns the parent of this event target to use for capture/bubble mechanism.
NOTE(chrishenry): The name reflects the original implementation of
custom event target (goog.events.EventTarget
). We decided
that changing the name is not worth it.
Overrides | |||
---|---|---|---|
Specified by | |||
Parameters | None. | ||
Returns |
|
this.getPopup() → (goog.ui.PopupBase|null)
(goog.ui.PopupBase|null)
Returns the goog.ui.PopupBase
from this picker. Returns null if the
popup has not yet been created.
NOTE: This should ONLY be called from tests. If called before createDom(), this should return null.
Parameters | None. | ||
---|---|---|---|
Returns |
|
this.getRememberSelection() → boolean
boolean
Parameters | None. | ||
---|---|---|---|
Returns |
|
this.getRequiredElementByClass( className ) → Element
Element
Similar to getElementByClass
except that it expects the
element to be present in the dom thus returning a required value. Otherwise,
will assert.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.getSelectedColor() → (string|null)
(string|null)
Gets the color that is currently selected in this color picker.
Parameters | None. | ||
---|---|---|---|
Returns |
|
this.getToggleMode() → boolean
boolean
this.hasChildren() → boolean
boolean
Returns true if the component has children.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.hasListener<EVENTOBJ>( opt_type, opt_capture ) → boolean
boolean
Whether there is any active listeners matching the specified signature. If either the type or capture parameters are unspecified, the function will match on the remaining criteria.
Overrides | |||||||||
---|---|---|---|---|---|---|---|---|---|
Specified by | |||||||||
Parameters |
| ||||||||
Returns |
|
this.indexOfChild( child ) → number
number
Returns the 0-based index of the given child component, or -1 if no such child is found.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.isDisposed() → boolean
boolean
Overrides | |||
---|---|---|---|
Specified by | |||
Parameters | None. | ||
Returns |
|
this.isInDocument() → boolean
boolean
Determines whether the component has been added to the document.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.isRightToLeft() → boolean
boolean
Returns true if the component is rendered right-to-left, false otherwise. The first time this function is invoked, the right-to-left rendering property is set if it has not been already.
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
this.listen<SCOPE, EVENTOBJ>( type, listener, opt_useCapture, opt_listenerScope ) → goog.events.ListenableKey
goog.events.ListenableKey
Adds an event listener. A listener can only be added once to an object and if it is added again the key for the listener is returned. Note that if the existing listener is a one-off listener (registered via listenOnce), it will no longer be a one-off listener after a call to listen().
Overrides | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Specified by | |||||||||||||||||
Parameters |
| ||||||||||||||||
Returns |
|
this.listenOnce<SCOPE, EVENTOBJ>( type, listener, opt_useCapture, opt_listenerScope ) → goog.events.ListenableKey
goog.events.ListenableKey
Adds an event listener that is removed automatically after the listener fired once.
If an existing listener already exists, listenOnce will do nothing. In particular, if the listener was previously registered via listen(), listenOnce() will not turn the listener into a one-off listener. Similarly, if there is already an existing one-off listener, listenOnce does not modify the listeners (it is still a once listener).
Overrides | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Specified by | |||||||||||||||||
Parameters |
| ||||||||||||||||
Returns |
|
this.makeId( idFragment ) → string
string
Makes a collection of ids. This is a convenience method for makeId. The object's values are the id fragments and the new values are the generated ids. The key will remain the same.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
|
this.pointerEventsEnabled() → boolean
boolean
Returns whether this component should listen for PointerEvent types rather than MouseEvent types. This allows supporting drag gestures for touch/stylus input.
Defined by | ||
---|---|---|
Parameters | None. | |
Returns |
|
this.registerDisposable( disposable ) → void
void
Associates a disposable object with this object so that they will be disposed together.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.removeAllListeners( opt_type ) → number
number
Removes all listeners from this listenable. If type is specified, it will only remove listeners of the particular type. otherwise all registered listeners will be removed.
Overrides | |||||
---|---|---|---|---|---|
Specified by | |||||
Parameters |
| ||||
Returns |
|
this.removeChild( child, opt_unrender ) → (goog.ui.Component|null)
(goog.ui.Component|null)
Removes the given child from this component, and returns it. Throws an error if the argument is invalid or if the specified child isn't found in the parent component. The argument can either be a string (interpreted as the ID of the child component to remove) or the child component itself.
If opt_unrender
is true, calls goog.ui.component#exitDocument
on the removed child, and subsequently detaches the child's DOM from the
document. Otherwise it is the caller's responsibility to clean up the child
component's DOM.
Defined by | |||||||||
---|---|---|---|---|---|---|---|---|---|
Parameters |
| ||||||||
Returns |
| ||||||||
See Also |
this.removeChildAt( index, opt_unrender ) → (goog.ui.Component|null)
(goog.ui.Component|null)
Removes the child at the given index from this component, and returns it.
Throws an error if the argument is out of bounds, or if the specified child
isn't found in the parent. See goog.ui.Component#removeChild
for
detailed semantics.
Defined by | |||||||||
---|---|---|---|---|---|---|---|---|---|
Parameters |
| ||||||||
Returns |
| ||||||||
See Also |
this.removeChildren( opt_unrender ) → Array<(goog.ui.Component|null)>
Array<(goog.ui.Component|null)>
Removes every child component attached to this one and returns them.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
Returns |
| ||||
See Also |
this.removeEventListener( type, handler, opt_capture, opt_handlerScope ) → void
void
Removes an event listener from the event target. The handler must be the same object as the one added. If the handler has not been added then nothing is done.
warning Deprecated | Use |
---|
Defined by | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Parameters |
|
this.render( opt_parentElement ) → void
void
Renders the component. If a parent element is supplied, the component's element will be appended to it. If there is no optional parent element and the element doesn't have a parentNode then it will be appended to the document body.
If this component has a parent component, and the parent component is
not in the document already, then this will not call enterDocument
on this component.
Throws an Error if the component is already rendered.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.renderBefore( sibling ) → void
void
Renders the component before another element. The other element should be in the document already.
Throws an Error if the component is already rendered.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.setAllowAutoFocus( allow ) → void
void
Sets whether the color picker can automatically move focus to its key event target when it is set to visible.
Parameters |
|
---|
this.setAutoHide( autoHide ) → void
void
Sets whether the Popup dismisses itself when the user clicks outside of it - must be called after the Popup has been created (in createDom()), otherwise it does nothing.
Parameters |
|
---|
this.setAutoHideRegion( element ) → void
void
Sets the region inside which the Popup dismisses itself when the user clicks - must be called after the Popup has been created (in createDom()), otherwise it does nothing.
Parameters |
|
---|
this.setElementInternal( element ) → void
void
Sets the component's root element to the given element. Considered protected and final.
This should generally only be called during createDom. Setting the element does not actually change which element is rendered, only the element that is associated with this UI component.
This should only be used by subclasses and its associated renderers.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.setFocusable( focusable ) → void
void
Sets whether the color picker can accept focus.
Parameters |
|
---|
this.setId( id ) → void
void
Assigns an ID to this component instance. It is the caller's responsibility to guarantee that the ID is unique. If the component is a child of a parent component, then the parent component's child index is updated to reflect the new ID; this may throw an error if the parent already has a child with an ID that conflicts with the new ID.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.setModel( obj ) → void
void
Sets the model associated with the UI component.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.setParent( parent ) → void
void
Sets the parent of this component to use for event bubbling. Throws an error
if the component already has a parent or if an attempt is made to add a
component to itself as a child. Callers must use removeChild
or removeChildAt
to remove components from their containers before
calling this method.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
| ||||
See Also |
this.setParentEventTarget( parent ) → void
void
Overrides goog.events.EventTarget#setParentEventTarget
to throw an
error if the parent component is set, and the argument is not the parent.
Defined by | |||||
---|---|---|---|---|---|
Overrides | |||||
Parameters |
|
this.setPinnedCorner( corner ) → void
void
Set the pinned corner of the popup.
Parameters |
|
---|
this.setPointerEventsEnabled( enable ) → void
void
Indicates whether this component should listen for PointerEvent types rather than MouseEvent types. This allows supporting drag gestures for touch/stylus input. Must be called before enterDocument to listen for the correct event types.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.setPopupCorner( corner ) → void
void
Sets which corner of the attaching element this popup shows up.
Parameters |
|
---|
this.setRememberSelection( remember ) → void
void
Sets whether the picker remembers the last selected color between popups.
Parameters |
|
---|
this.setRightToLeft( rightToLeft ) → void
void
Set is right-to-left. This function should be used if the component needs
to know the rendering direction during dom creation (i.e. before
#enterDocument
is called and is right-to-left is set).
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.setShowOnHover( showOnHover ) → void
void
Sets whether the popup shows up on hover. By default, appears on click.
Parameters |
|
---|
this.setTargetForTesting( target ) → void
void
Sets the target to be used for event.target
when firing
event. Mainly used for testing. For example, see
goog.testing.events.mixinListenable
.
Defined by | |||||
---|---|---|---|---|---|
Parameters |
|
this.setToggleMode( toggle ) → void
void
Sets whether the color picker should toggle off if it is already open.
Parameters |
|
---|
this.unlisten<SCOPE, EVENTOBJ>( type, listener, opt_useCapture, opt_listenerScope ) → boolean
boolean
Removes an event listener which was added with listen() or listenOnce().
Overrides | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Specified by | |||||||||||||||||
Parameters |
| ||||||||||||||||
Returns |
|
this.unlistenByKey( key ) → boolean
boolean
Removes an event listener which was added with listen() by the key returned by listen().
Overrides | |||||
---|---|---|---|---|---|
Specified by | |||||
Parameters |
| ||||
Returns |
|
this.wasDecorated() → boolean
boolean
Defined by | |||
---|---|---|---|
Parameters | None. | ||
Returns |
|
Instance Properties
this.creationStack → (string|undefined)
(string|undefined)
If monitoring the goog.Disposable instances is enabled, stores the creation stack trace of the Disposable instance.
this.dom_ → goog.dom.DomHelper
goog.dom.DomHelper
DomHelper used to interact with the document, allowing components to be created in a different window.