How to use the @aurelia-ux/core.StyleEngine function in @aurelia-ux/core
To help you get started, we’ve selected a few @aurelia-ux/core examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
aurelia / ux / packages / slider / dist / commonjs / index.js View on Github 
aureliaTemplating.bindable
], UxSlider.prototype, "max", void 0);
__decorate([
aureliaTemplating.bindable
], UxSlider.prototype, "disabled", void 0);
__decorate([
aureliaTemplating.bindable
], UxSlider.prototype, "step", void 0);
__decorate([
aureliaBinding.computedFrom('percentValue')
], UxSlider.prototype, "sliderBeforeWidth", null);
__decorate([
aureliaBinding.computedFrom('percentValue')
], UxSlider.prototype, "sliderAfterWidth", null);
UxSlider = __decorate([
aureliaDependencyInjection.inject(Element, core.StyleEngine),
aureliaTemplating.customElement('ux-slider'),
aureliaTemplating.inlineView(VIEW)
], UxSlider);
return UxSlider;
}());
var getVm = function (_) { return _.au.controller.viewModel; };aurelia_templating_1.bindable
], UxTextArea.prototype, "minlength", void 0);
__decorate([
aurelia_templating_1.bindable
], UxTextArea.prototype, "readonly", void 0);
__decorate([
aurelia_templating_1.bindable
], UxTextArea.prototype, "rows", void 0);
__decorate([
aurelia_templating_1.bindable
], UxTextArea.prototype, "theme", void 0);
__decorate([
aurelia_framework_1.observable({ initializer: function () { return ''; } })
], UxTextArea.prototype, "rawValue", void 0);
UxTextArea = __decorate([
aurelia_dependency_injection_1.inject(Element, core_1.StyleEngine),
aurelia_templating_1.customElement('ux-textarea')
], UxTextArea);
return UxTextArea;
}());
exports.UxTextArea = UxTextArea;aurelia_templating_1.bindable
], UxSwitch.prototype, "theme", void 0);
__decorate([
aurelia_binding_1.observable()
], UxSwitch.prototype, "checked", void 0);
__decorate([
aurelia_binding_1.observable({ initializer: function () { return false; } })
], UxSwitch.prototype, "value", void 0);
__decorate([
aurelia_binding_1.observable()
], UxSwitch.prototype, "focused", void 0);
__decorate([
aurelia_binding_1.computedFrom('disabled')
], UxSwitch.prototype, "isDisabled", null);
UxSwitch = __decorate([
aurelia_dependency_injection_1.inject(Element, core_1.StyleEngine),
aurelia_templating_1.customElement('ux-switch')
], UxSwitch);
return UxSwitch;
}());
exports.UxSwitch = UxSwitch;};
UxChip.prototype.closeChip = function () {
var closeEvent = aureliaPal.DOM.createCustomEvent('close', { bubbles: false });
this.element.dispatchEvent(closeEvent);
};
__decorate([
aureliaTemplating.bindable
], UxChip.prototype, "theme", void 0);
__decorate([
aureliaTemplating.bindable
], UxChip.prototype, "type", void 0);
__decorate([
aureliaTemplating.bindable({ defaultBindingMode: aureliaBinding.bindingMode.twoWay })
], UxChip.prototype, "value", void 0);
UxChip = __decorate([
aureliaDependencyInjection.inject(Element, core.StyleEngine),
aureliaTemplating.customElement('ux-chip'),
aureliaTemplating.inlineView(UX_CHIP_VIEW)
], UxChip);
return UxChip;
}());}
};
UxList.prototype.themeChanged = function (newValue) {
if (newValue != null && newValue.themeKey == null) {
newValue.themeKey = 'list';
}
this.styleEngine.applyTheme(newValue, this.element);
};
__decorate([
aureliaTemplating.bindable
], UxList.prototype, "theme", void 0);
__decorate([
aureliaTemplating.bindable
], UxList.prototype, "type", void 0);
UxList = __decorate([
aureliaDependencyInjection.inject(Element, core.StyleEngine),
aureliaTemplating.customElement('ux-list'),
aureliaTemplating.inlineView(VIEW)
], UxList);
return UxList;
}());aurelia_templating_1.bindable
], UxChipInput.prototype, "theme", void 0);
__decorate([
aurelia_templating_1.bindable
], UxChipInput.prototype, "label", void 0);
__decorate([
aurelia_templating_1.bindable
], UxChipInput.prototype, "separator", void 0);
__decorate([
aurelia_templating_1.bindable({ defaultBindingMode: aurelia_binding_1.bindingMode.twoWay })
], UxChipInput.prototype, "value", void 0);
__decorate([
aurelia_templating_1.bindable({ defaultBindingMode: aurelia_binding_1.bindingMode.twoWay })
], UxChipInput.prototype, "chips", void 0);
UxChipInput = __decorate([
aurelia_dependency_injection_1.inject(Element, core_1.StyleEngine),
aurelia_templating_1.customElement('ux-chip-input')
], UxChipInput);
return UxChipInput;
}());
exports.UxChipInput = UxChipInput;aureliaTemplating.bindable
], UxInput.prototype, "theme", void 0);
__decorate([
aureliaTemplating.bindable
], UxInput.prototype, "label", void 0);
__decorate([
aureliaTemplating.bindable
], UxInput.prototype, "type", void 0);
__decorate([
aureliaBinding.observable
], UxInput.prototype, "rawValue", void 0);
__decorate([
aureliaBinding.observable
], UxInput.prototype, "focused", void 0);
UxInput = __decorate([
aureliaDependencyInjection.inject(Element, core.StyleEngine),
aureliaTemplating.customElement('ux-input'),
aureliaTemplating.inlineView(VIEW)
], UxInput);
return UxInput;
}());
function stopEvent(e) {};
UxChip.prototype.closeChip = function () {
var closeEvent = aurelia_pal_1.DOM.createCustomEvent('close', { bubbles: false });
this.element.dispatchEvent(closeEvent);
};
__decorate([
aurelia_templating_1.bindable
], UxChip.prototype, "theme", void 0);
__decorate([
aurelia_templating_1.bindable
], UxChip.prototype, "type", void 0);
__decorate([
aurelia_templating_1.bindable({ defaultBindingMode: aurelia_binding_1.bindingMode.twoWay })
], UxChip.prototype, "value", void 0);
UxChip = __decorate([
aurelia_dependency_injection_1.inject(Element, core_1.StyleEngine),
aurelia_templating_1.customElement('ux-chip')
], UxChip);
return UxChip;
}());
exports.UxChip = UxChip;aureliaTemplating.bindable
], UxChipInput.prototype, "theme", void 0);
__decorate([
aureliaTemplating.bindable
], UxChipInput.prototype, "label", void 0);
__decorate([
aureliaTemplating.bindable
], UxChipInput.prototype, "separator", void 0);
__decorate([
aureliaTemplating.bindable({ defaultBindingMode: aureliaBinding.bindingMode.twoWay })
], UxChipInput.prototype, "value", void 0);
__decorate([
aureliaTemplating.bindable({ defaultBindingMode: aureliaBinding.bindingMode.twoWay })
], UxChipInput.prototype, "chips", void 0);
UxChipInput = __decorate([
aureliaDependencyInjection.inject(Element, core.StyleEngine),
aureliaTemplating.customElement('ux-chip-input'),
aureliaTemplating.inlineView(UX_CHIP_INPUT_VIEW)
], UxChipInput);
return UxChipInput;
}());aurelia_templating_1.bindable
], UxInput.prototype, "theme", void 0);
__decorate([
aurelia_templating_1.bindable
], UxInput.prototype, "label", void 0);
__decorate([
aurelia_templating_1.bindable
], UxInput.prototype, "type", void 0);
__decorate([
aurelia_binding_1.observable
], UxInput.prototype, "rawValue", void 0);
__decorate([
aurelia_binding_1.observable
], UxInput.prototype, "focused", void 0);
UxInput = __decorate([
aurelia_dependency_injection_1.inject(Element, core_1.StyleEngine),
aurelia_templating_1.customElement('ux-input')
], UxInput);
return UxInput;
}());
exports.UxInput = UxInput;@aurelia-ux/core
A user experience framework for Aurelia.
