b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
105 lines
2.4 KiB
JavaScript
Executable file
105 lines
2.4 KiB
JavaScript
Executable file
/* global define */
|
|
;(function(define){'use strict';define(function(require,exports,module){
|
|
|
|
/**
|
|
* Dependencies
|
|
*/
|
|
|
|
var GaiaDialogProto = require('gaia-dialog').prototype;
|
|
var component = require('gaia-component');
|
|
|
|
/**
|
|
* Exports
|
|
*/
|
|
module.exports = component.register('gaia-dialog-menu', {
|
|
created: function() {
|
|
this.setupShadowRoot();
|
|
this.els = {
|
|
dialog: this.shadowRoot.querySelector('gaia-dialog'),
|
|
items: this.shadowRoot.querySelector('.items')
|
|
};
|
|
|
|
this.els.dialog.addEventListener('closed',
|
|
GaiaDialogProto.hide.bind(this));
|
|
|
|
setTimeout(() => this.makeAccessible());
|
|
},
|
|
|
|
makeAccessible() {
|
|
this.els.items.setAttribute('role', 'menu');
|
|
[].forEach.call(this.querySelectorAll('button'),
|
|
menuitem => menuitem.setAttribute('role', 'menuitem'));
|
|
},
|
|
|
|
open: function(e) {
|
|
return GaiaDialogProto.show.call(this)
|
|
.then(() => this.els.dialog.open(e));
|
|
},
|
|
|
|
close: function() {
|
|
return this.els.dialog.close()
|
|
.then(GaiaDialogProto.hide.bind(this));
|
|
},
|
|
|
|
template: `
|
|
<gaia-dialog>
|
|
<div class="items"><content select="button"></content></div>
|
|
</gaia-dialog>
|
|
|
|
<style>
|
|
|
|
:host {
|
|
display: none;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 999;
|
|
}
|
|
|
|
::content > button {
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
height: 50px;
|
|
line-height: 51px;
|
|
margin: 0;
|
|
border: 0;
|
|
padding: 0rem 16px;
|
|
font: inherit;
|
|
font-style: italic;
|
|
text-align: start;
|
|
background: var(--color-beta);
|
|
color: var(--highlight-color);
|
|
}
|
|
|
|
::content > button[data-icon]:before {
|
|
width: 50px;
|
|
font-size: 22px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/** Button Divider Line
|
|
---------------------------------------------------------*/
|
|
|
|
::content > button:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
height: 1px;
|
|
left: 6px;
|
|
right: 6px;
|
|
top: 49px;
|
|
background: #E7E7E7;
|
|
}
|
|
|
|
::content > button:last-of-type:after {
|
|
display: none;
|
|
}
|
|
|
|
</style>`
|
|
});
|
|
|
|
});})(typeof define=='function'&&define.amd?define
|
|
:(function(n,w){'use strict';return typeof module=='object'?function(c){
|
|
c(require,exports,module);}:function(c){var m={exports:{}};c(function(n){
|
|
return w[n];},m.exports,m);w[n]=m.exports;};})('gaia-dialog-menu',this));
|