@catull/igniteui-angular
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
177 lines • 13.8 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Directive, HostBinding, NgModule, Input } from '@angular/core';
export var IgxDividerType;
(function (IgxDividerType) {
IgxDividerType["DEFAULT"] = "default";
IgxDividerType["DASHED"] = "dashed";
})(IgxDividerType || (IgxDividerType = {}));
var NEXT_ID = 0;
var IgxDividerDirective = /** @class */ (function () {
function IgxDividerDirective() {
/**
* Sets/gets the `id` of the divider.
* If not set, `id` will have value `"igx-divider-0"`;
* ```html
* <igx-divider id="my-divider"></igx-divider>
* ```
* ```typescript
* let dividerId = this.divider.id;
* ```
*/
this.id = "igx-divider-" + NEXT_ID++;
/**
* An @Input property that sets the value of the `inset` attribute.
* If not provided it will be set to `'0'`.
* ```html
* <igx-divider inset="16px"></igx-divider>
* ```
*/
this._inset = '0';
/**
* An @Input property that sets the value of `role` attribute.
* If not the default value of `separator` will be used.
*/
this.role = 'separator';
/**
* Sets the type of the divider. The default value
* is `default`. The divider can also be `dashed`;
* ```html
* <igx-divider type="dashed"></igx-divider>
* ```
*/
this.type = IgxDividerType.DEFAULT;
/**
* An @Input that sets the `middle` attribute of the divider.
* If set to `true` and an `inset` value has been provided,
* the divider will start shrinking from both ends.
* ```html
* <igx-divider [middle]="true"></igx-divider>
* ```
*/
this.middle = false;
/**
* An @Input that sets the vertical attribute of the divider.
* ```html
* <igx-divider [vertical]="true"></igx-divider>
* ```
*/
this.vertical = false;
}
Object.defineProperty(IgxDividerDirective.prototype, "isDashed", {
get: function () {
return this.type === IgxDividerType.DASHED;
},
enumerable: true,
configurable: true
});
Object.defineProperty(IgxDividerDirective.prototype, "isDefault", {
/**
* A getter that returns `true` if the type of the divider is `default`;
* ```typescript
* const isDefault = this.divider.isDefault;
* ```
*/
get: function () {
return this.type === IgxDividerType.DEFAULT;
},
enumerable: true,
configurable: true
});
Object.defineProperty(IgxDividerDirective.prototype, "inset", {
/**
* Gets the current divider inset in terms of
* margin representation as applied to the divider.
* ```typescript
* const inset = this.divider.inset;
* ```
*/
get: function () {
var baseMargin = '0';
if (this.middle) {
if (this.vertical) {
return this._inset + " " + baseMargin;
}
return baseMargin + " " + this._inset;
}
else {
if (this.vertical) {
return this._inset + " " + baseMargin + " 0 " + baseMargin;
}
return baseMargin + " 0 " + baseMargin + " " + this._inset;
}
},
/**
* Sets the inset of the divider from the side(s).
* If the divider attribute `middle` is set to `true`,
* it will inset the divider on both sides.
* ```typescript
* this.divider.inset = '32px';
* ```
*/
set: function (value) {
this._inset = value;
},
enumerable: true,
configurable: true
});
__decorate([
HostBinding('attr.id'),
Input(),
__metadata("design:type", Object)
], IgxDividerDirective.prototype, "id", void 0);
__decorate([
Input('inset'),
__metadata("design:type", Object)
], IgxDividerDirective.prototype, "_inset", void 0);
__decorate([
HostBinding('attr.role'),
Input(),
__metadata("design:type", Object)
], IgxDividerDirective.prototype, "role", void 0);
__decorate([
HostBinding('class.igx-divider'),
Input(),
__metadata("design:type", String)
], IgxDividerDirective.prototype, "type", void 0);
__decorate([
HostBinding('class.igx-divider--dashed'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], IgxDividerDirective.prototype, "isDashed", null);
__decorate([
HostBinding('class.igx-divider--inset'),
Input(),
__metadata("design:type", Object)
], IgxDividerDirective.prototype, "middle", void 0);
__decorate([
HostBinding('class.igx-divider--vertical'),
Input(),
__metadata("design:type", Object)
], IgxDividerDirective.prototype, "vertical", void 0);
__decorate([
HostBinding('style.margin'),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], IgxDividerDirective.prototype, "inset", null);
IgxDividerDirective = __decorate([
Directive({
// tslint:disable-next-line:directive-selector
selector: 'igx-divider'
})
], IgxDividerDirective);
return IgxDividerDirective;
}());
export { IgxDividerDirective };
var IgxDividerModule = /** @class */ (function () {
function IgxDividerModule() {
}
IgxDividerModule = __decorate([
NgModule({
declarations: [IgxDividerDirective],
exports: [IgxDividerDirective]
})
], IgxDividerModule);
return IgxDividerModule;
}());
export { IgxDividerModule };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9pZ25pdGV1aS1hbmd1bGFyLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvZGl2aWRlci9kaXZpZGVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV4RSxNQUFNLENBQU4sSUFBWSxjQUdYO0FBSEQsV0FBWSxjQUFjO0lBQ3RCLHFDQUFtQixDQUFBO0lBQ25CLG1DQUFpQixDQUFBO0FBQ3JCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QjtBQUVELElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztBQU1oQjtJQUFBO1FBQ0k7Ozs7Ozs7OztXQVNHO1FBR0ksT0FBRSxHQUFHLGlCQUFlLE9BQU8sRUFBSSxDQUFDO1FBR3ZDOzs7Ozs7V0FNRztRQUVLLFdBQU0sR0FBRyxHQUFHLENBQUM7UUFFckI7OztXQUdHO1FBR0ksU0FBSSxHQUFHLFdBQVcsQ0FBQztRQUUxQjs7Ozs7O1dBTUc7UUFHSSxTQUFJLEdBQTRCLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFPOUQ7Ozs7Ozs7V0FPRztRQUdJLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFZdEI7Ozs7O1dBS0c7UUFHSSxhQUFRLEdBQUcsS0FBSyxDQUFDO0lBcUM1QixDQUFDO0lBdkVHLHNCQUFJLHlDQUFRO2FBQVo7WUFDSSxPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssY0FBYyxDQUFDLE1BQU0sQ0FBQztRQUMvQyxDQUFDOzs7T0FBQTtJQW9CRCxzQkFBSSwwQ0FBUztRQU5iOzs7OztXQUtHO2FBQ0g7WUFDSSxPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssY0FBYyxDQUFDLE9BQU8sQ0FBQztRQUNoRCxDQUFDOzs7T0FBQTtJQXFCRCxzQkFBSSxzQ0FBSztRQUlUOzs7Ozs7V0FNRzthQUNIO1lBQ0ksSUFBTSxVQUFVLEdBQUcsR0FBRyxDQUFDO1lBRXZCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtnQkFDYixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2YsT0FBVSxJQUFJLENBQUMsTUFBTSxTQUFJLFVBQVksQ0FBQztpQkFDekM7Z0JBQ0QsT0FBVSxVQUFVLFNBQUksSUFBSSxDQUFDLE1BQVEsQ0FBQzthQUN6QztpQkFBTTtnQkFDSCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2YsT0FBVSxJQUFJLENBQUMsTUFBTSxTQUFJLFVBQVUsV0FBTSxVQUFZLENBQUM7aUJBQ3pEO2dCQUNELE9BQVUsVUFBVSxXQUFNLFVBQVUsU0FBSSxJQUFJLENBQUMsTUFBUSxDQUFDO2FBQ3pEO1FBQ0wsQ0FBQztRQWxDRDs7Ozs7OztXQU9HO2FBRUgsVUFBVSxLQUFhO1lBQ25CLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLENBQUM7OztPQUFBO0lBaEZEO1FBRkMsV0FBVyxDQUFDLFNBQVMsQ0FBQztRQUN0QixLQUFLLEVBQUU7O21EQUMrQjtJQVd2QztRQURDLEtBQUssQ0FBQyxPQUFPLENBQUM7O3VEQUNNO0lBUXJCO1FBRkMsV0FBVyxDQUFDLFdBQVcsQ0FBQztRQUN4QixLQUFLLEVBQUU7O3FEQUNrQjtJQVcxQjtRQUZDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQztRQUNoQyxLQUFLLEVBQUU7O3FEQUNzRDtJQUc5RDtRQURDLFdBQVcsQ0FBQywyQkFBMkIsQ0FBQzs7O3VEQUd4QztJQVlEO1FBRkMsV0FBVyxDQUFDLDBCQUEwQixDQUFDO1FBQ3ZDLEtBQUssRUFBRTs7dURBQ2M7SUFvQnRCO1FBRkMsV0FBVyxDQUFDLDZCQUE2QixDQUFDO1FBQzFDLEtBQUssRUFBRTs7eURBQ2dCO0lBV3hCO1FBREMsV0FBVyxDQUFDLGNBQWMsQ0FBQzs7O29EQUczQjtJQTdGUSxtQkFBbUI7UUFKL0IsU0FBUyxDQUFDO1lBQ1AsOENBQThDO1lBQzlDLFFBQVEsRUFBRSxhQUFhO1NBQzFCLENBQUM7T0FDVyxtQkFBbUIsQ0FxSC9CO0lBQUQsMEJBQUM7Q0FBQSxBQXJIRCxJQXFIQztTQXJIWSxtQkFBbUI7QUEySGhDO0lBQUE7SUFBZ0MsQ0FBQztJQUFwQixnQkFBZ0I7UUFKNUIsUUFBUSxDQUFDO1lBQ04sWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7WUFDbkMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7U0FDakMsQ0FBQztPQUNXLGdCQUFnQixDQUFJO0lBQUQsdUJBQUM7Q0FBQSxBQUFqQyxJQUFpQztTQUFwQixnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBOZ01vZHVsZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGVudW0gSWd4RGl2aWRlclR5cGUge1xuICAgIERFRkFVTFQgPSAnZGVmYXVsdCcsXG4gICAgREFTSEVEID0gJ2Rhc2hlZCdcbn1cblxubGV0IE5FWFRfSUQgPSAwO1xuXG5ARGlyZWN0aXZlKHtcbiAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6ZGlyZWN0aXZlLXNlbGVjdG9yXG4gICAgc2VsZWN0b3I6ICdpZ3gtZGl2aWRlcidcbn0pXG5leHBvcnQgY2xhc3MgSWd4RGl2aWRlckRpcmVjdGl2ZSB7XG4gICAgLyoqXG4gICAgICogU2V0cy9nZXRzIHRoZSBgaWRgIG9mIHRoZSBkaXZpZGVyLlxuICAgICAqIElmIG5vdCBzZXQsIGBpZGAgd2lsbCBoYXZlIHZhbHVlIGBcImlneC1kaXZpZGVyLTBcImA7XG4gICAgICogYGBgaHRtbFxuICAgICAqIDxpZ3gtZGl2aWRlciBpZD1cIm15LWRpdmlkZXJcIj48L2lneC1kaXZpZGVyPlxuICAgICAqIGBgYFxuICAgICAqIGBgYHR5cGVzY3JpcHRcbiAgICAgKiBsZXQgZGl2aWRlcklkID0gIHRoaXMuZGl2aWRlci5pZDtcbiAgICAgKiBgYGBcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuaWQnKVxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGlkID0gYGlneC1kaXZpZGVyLSR7TkVYVF9JRCsrfWA7XG5cblxuICAgIC8qKlxuICAgICAqIEFuIEBJbnB1dCBwcm9wZXJ0eSB0aGF0IHNldHMgdGhlIHZhbHVlIG9mIHRoZSBgaW5zZXRgIGF0dHJpYnV0ZS5cbiAgICAgKiBJZiBub3QgcHJvdmlkZWQgaXQgd2lsbCBiZSBzZXQgdG8gYCcwJ2AuXG4gICAgICogYGBgaHRtbFxuICAgICAqIDxpZ3gtZGl2aWRlciBpbnNldD1cIjE2cHhcIj48L2lneC1kaXZpZGVyPlxuICAgICAqIGBgYFxuICAgICAqL1xuICAgIEBJbnB1dCgnaW5zZXQnKVxuICAgIHByaXZhdGUgX2luc2V0ID0gJzAnO1xuXG4gICAgLyoqXG4gICAgICogQW4gQElucHV0IHByb3BlcnR5IHRoYXQgc2V0cyB0aGUgdmFsdWUgb2YgYHJvbGVgIGF0dHJpYnV0ZS5cbiAgICAgKiBJZiBub3QgdGhlIGRlZmF1bHQgdmFsdWUgb2YgYHNlcGFyYXRvcmAgd2lsbCBiZSB1c2VkLlxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJylcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyByb2xlID0gJ3NlcGFyYXRvcic7XG5cbiAgICAvKipcbiAgICAgKiBTZXRzIHRoZSB0eXBlIG9mIHRoZSBkaXZpZGVyLiBUaGUgZGVmYXVsdCB2YWx1ZVxuICAgICAqIGlzIGBkZWZhdWx0YC4gVGhlIGRpdmlkZXIgY2FuIGFsc28gYmUgYGRhc2hlZGA7XG4gICAgICogYGBgaHRtbFxuICAgICAqIDxpZ3gtZGl2aWRlciB0eXBlPVwiZGFzaGVkXCI+PC9pZ3gtZGl2aWRlcj5cbiAgICAgKiBgYGBcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlneC1kaXZpZGVyJylcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0eXBlOiBJZ3hEaXZpZGVyVHlwZSB8IHN0cmluZyA9IElneERpdmlkZXJUeXBlLkRFRkFVTFQ7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlneC1kaXZpZGVyLS1kYXNoZWQnKVxuICAgIGdldCBpc0Rhc2hlZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gSWd4RGl2aWRlclR5cGUuREFTSEVEO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEFuIEBJbnB1dCB0aGF0IHNldHMgdGhlIGBtaWRkbGVgIGF0dHJpYnV0ZSBvZiB0aGUgZGl2aWRlci5cbiAgICAgKiBJZiBzZXQgdG8gYHRydWVgIGFuZCBhbiBgaW5zZXRgIHZhbHVlIGhhcyBiZWVuIHByb3ZpZGVkLFxuICAgICAqIHRoZSBkaXZpZGVyIHdpbGwgc3RhcnQgc2hyaW5raW5nIGZyb20gYm90aCBlbmRzLlxuICAgICAqIGBgYGh0bWxcbiAgICAgKiA8aWd4LWRpdmlkZXIgW21pZGRsZV09XCJ0cnVlXCI+PC9pZ3gtZGl2aWRlcj5cbiAgICAgKiBgYGBcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlneC1kaXZpZGVyLS1pbnNldCcpXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbWlkZGxlID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBBIGdldHRlciB0aGF0IHJldHVybnMgYHRydWVgIGlmIHRoZSB0eXBlIG9mIHRoZSBkaXZpZGVyIGlzIGBkZWZhdWx0YDtcbiAgICAgKiBgYGB0eXBlc2NyaXB0XG4gICAgICogY29uc3QgaXNEZWZhdWx0ID0gdGhpcy5kaXZpZGVyLmlzRGVmYXVsdDtcbiAgICAgKiBgYGBcbiAgICAgKi9cbiAgICBnZXQgaXNEZWZhdWx0KCkge1xuICAgICAgICByZXR1cm4gdGhpcy50eXBlID09PSBJZ3hEaXZpZGVyVHlwZS5ERUZBVUxUO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEFuIEBJbnB1dCB0aGF0IHNldHMgdGhlIHZlcnRpY2FsIGF0dHJpYnV0ZSBvZiB0aGUgZGl2aWRlci5cbiAgICAgKiBgYGBodG1sXG4gICAgICogPGlneC1kaXZpZGVyIFt2ZXJ0aWNhbF09XCJ0cnVlXCI+PC9pZ3gtZGl2aWRlcj5cbiAgICAgKiBgYGBcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlneC1kaXZpZGVyLS12ZXJ0aWNhbCcpXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgdmVydGljYWwgPSBmYWxzZTtcblxuICAgIC8qKlxuICAgICAqIFNldHMgdGhlIGluc2V0IG9mIHRoZSBkaXZpZGVyIGZyb20gdGhlIHNpZGUocykuXG4gICAgICogSWYgdGhlIGRpdmlkZXIgYXR0cmlidXRlIGBtaWRkbGVgIGlzIHNldCB0byBgdHJ1ZWAsXG4gICAgICogaXQgd2lsbCBpbnNldCB0aGUgZGl2aWRlciBvbiBib3RoIHNpZGVzLlxuICAgICAqIGBgYHR5cGVzY3JpcHRcbiAgICAgKiB0aGlzLmRpdmlkZXIuaW5zZXQgPSAnMzJweCc7XG4gICAgICogYGBgXG4gICAgICovXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5tYXJnaW4nKVxuICAgIHNldCBpbnNldCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuX2luc2V0ID0gdmFsdWU7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogR2V0cyB0aGUgY3VycmVudCBkaXZpZGVyIGluc2V0IGluIHRlcm1zIG9mXG4gICAgICogbWFyZ2luIHJlcHJlc2VudGF0aW9uIGFzIGFwcGxpZWQgdG8gdGhlIGRpdmlkZXIuXG4gICAgICogYGBgdHlwZXNjcmlwdFxuICAgICAqIGNvbnN0IGluc2V0ID0gdGhpcy5kaXZpZGVyLmluc2V0O1xuICAgICAqIGBgYFxuICAgICAqL1xuICAgIGdldCBpbnNldCgpIHtcbiAgICAgICAgY29uc3QgYmFzZU1hcmdpbiA9ICcwJztcblxuICAgICAgICBpZiAodGhpcy5taWRkbGUpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLnZlcnRpY2FsKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3RoaXMuX2luc2V0fSAke2Jhc2VNYXJnaW59YDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiBgJHtiYXNlTWFyZ2lufSAke3RoaXMuX2luc2V0fWA7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBpZiAodGhpcy52ZXJ0aWNhbCkge1xuICAgICAgICAgICAgICAgIHJldHVybiBgJHt0aGlzLl9pbnNldH0gJHtiYXNlTWFyZ2lufSAwICR7YmFzZU1hcmdpbn1gO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIGAke2Jhc2VNYXJnaW59IDAgJHtiYXNlTWFyZ2lufSAke3RoaXMuX2luc2V0fWA7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbSWd4RGl2aWRlckRpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW0lneERpdmlkZXJEaXJlY3RpdmVdXG59KVxuZXhwb3J0IGNsYXNzIElneERpdmlkZXJNb2R1bGUgeyB9XG4iXX0=