@danske/sapphire-angular 1.23.0 → 1.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/menu/public_api.mjs +4 -1
- package/esm2020/lib/menu/src/menu-icon.component.mjs +23 -0
- package/esm2020/lib/menu/src/menu-item.component.mjs +3 -3
- package/esm2020/lib/menu/src/menu-primary-text.component.mjs +18 -0
- package/esm2020/lib/menu/src/menu-secondary-text.component.mjs +23 -0
- package/esm2020/lib/menu/src/menu.module.mjs +16 -1
- package/fesm2015/danske-sapphire-angular.mjs +69 -3
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +69 -3
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/menu/public_api.d.ts +3 -0
- package/lib/menu/src/menu-icon.component.d.ts +9 -0
- package/lib/menu/src/menu-item.component.d.ts +1 -1
- package/lib/menu/src/menu-primary-text.component.d.ts +9 -0
- package/lib/menu/src/menu-secondary-text.component.d.ts +9 -0
- package/lib/menu/src/menu.module.d.ts +9 -6
- package/package.json +2 -2
|
@@ -5,6 +5,9 @@
|
|
|
5
5
|
export * from './src/menu.component';
|
|
6
6
|
export * from './src/menu.module';
|
|
7
7
|
export * from './src/menu-item.component';
|
|
8
|
+
export * from './src/menu-primary-text.component';
|
|
9
|
+
export * from './src/menu-secondary-text.component';
|
|
10
|
+
export * from './src/menu-icon.component';
|
|
8
11
|
export * from './src/menu-section.component';
|
|
9
12
|
export * from './src/menu-trigger.directive';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRFQUE0RTtBQUM1RSw2RUFBNkU7QUFDN0Usc0RBQXNEO0FBQ3RELFdBQVc7QUFDWCxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBXZSBoYXZlIHNlcGFyYXRlIHB1YmxpY19hcGkudHMgZmlsZSBmb3IgZWFjaCBhbmd1bGFyIG1vZHVsZSwgdG8gaGF2ZSB0aGVtXG4vLyBleHBvc2VkIGFzIHNlcGFyYXRlIGVudHJ5IHBvaW50cy4gVGhlIGJ1aWxkIGlzIHN0aWxsIG5vdCBlbWl0dGluZyBzZXBhcmF0ZVxuLy8gZW50cnkgcG9pbnRzLCB3aGljaCB3aWxsIGJlIGFkZHJlc3NlZCBpbiB0aGlzIHRhc2s6XG4vLyBXQ0NKLTgzOFxuZXhwb3J0ICogZnJvbSAnLi9zcmMvbWVudS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbWVudS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbWVudS1pdGVtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9tZW51LXByaW1hcnktdGV4dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbWVudS1zZWNvbmRhcnktdGV4dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbWVudS1pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9tZW51LXNlY3Rpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL21lbnUtdHJpZ2dlci5kaXJlY3RpdmUnO1xuIl19
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../common/sapphire-view-encapsulation";
|
|
5
|
+
/**
|
|
6
|
+
* Icon container of a listbox option.
|
|
7
|
+
*/
|
|
8
|
+
export class MenuIconComponent {
|
|
9
|
+
}
|
|
10
|
+
MenuIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
MenuIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuIconComponent, selector: "sp-menu-item-icon", host: { classAttribute: "sapphire-listbox__icon" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuIconComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{
|
|
15
|
+
selector: 'sp-menu-item-icon',
|
|
16
|
+
template: '<ng-content></ng-content>',
|
|
17
|
+
host: {
|
|
18
|
+
class: 'sapphire-listbox__icon',
|
|
19
|
+
},
|
|
20
|
+
hostDirectives: [UseComponentStyles],
|
|
21
|
+
}]
|
|
22
|
+
}] });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS9zcmMvbWVudS1pY29uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFFOUU7O0dBRUc7QUFTSCxNQUFNLE9BQU8saUJBQWlCOzs4R0FBakIsaUJBQWlCO2tHQUFqQixpQkFBaUIscUtBTmxCLDJCQUEyQjsyRkFNMUIsaUJBQWlCO2tCQVI3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsd0JBQXdCO3FCQUNoQztvQkFDRCxjQUFjLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG4vKipcbiAqIEljb24gY29udGFpbmVyIG9mIGEgbGlzdGJveCBvcHRpb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLW1lbnUtaXRlbS1pY29uJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbGlzdGJveF9faWNvbicsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzXSxcbn0pXG5leHBvcnQgY2xhc3MgTWVudUljb25Db21wb25lbnQge31cbiJdfQ==
|
|
@@ -9,7 +9,7 @@ import * as i2 from "../../common/sapphire-view-encapsulation";
|
|
|
9
9
|
export class MenuItemComponent {
|
|
10
10
|
}
|
|
11
11
|
MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuItemComponent, selector: "sp-menu-item", inputs: { disabled: "disabled", danger: "danger" }, host: { properties: { "class.sapphire-listbox__item": "true", "class.is-disabled": "this.disabled", "class.sapphire-listbox__item--danger": "this.danger" } }, hostDirectives: [{ directive: i1.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: i2.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
12
|
+
MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuItemComponent, selector: "sp-menu-item", inputs: { disabled: "disabled", danger: "danger" }, host: { properties: { "class.sapphire-listbox__item": "true", "class.is-disabled": "this.disabled", "class.sapphire-listbox__item--danger": "this.danger" } }, hostDirectives: [{ directive: i1.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: i2.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <ng-content select=\"sp-menu-icon\"></ng-content>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-content select=\"sp-menu-primary-text\"></ng-content>\n <!-- If nothing matches other ng-content selectors then render it as primary text -->\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sp-menu-secondary-text\"></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
13
13
|
__decorate([
|
|
14
14
|
CoerceBoolean
|
|
15
15
|
], MenuItemComponent.prototype, "disabled", void 0);
|
|
@@ -30,7 +30,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
30
30
|
UseComponentStyles,
|
|
31
31
|
], host: {
|
|
32
32
|
'[class.sapphire-listbox__item]': 'true',
|
|
33
|
-
}, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
33
|
+
}, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <ng-content select=\"sp-menu-icon\"></ng-content>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-content select=\"sp-menu-primary-text\"></ng-content>\n <!-- If nothing matches other ng-content selectors then render it as primary text -->\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sp-menu-secondary-text\"></ng-content>\n </div>\n</div>\n" }]
|
|
34
34
|
}], propDecorators: { disabled: [{
|
|
35
35
|
type: HostBinding,
|
|
36
36
|
args: ['class.is-disabled']
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
42
42
|
}, {
|
|
43
43
|
type: Input
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS9zcmMvbWVudS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS9zcmMvbWVudS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRWhELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7OztBQW9COUUsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjtrR0FBakIsaUJBQWlCLDBlQ3pCOUIsMGlCQVdBO0FEbUJFO0lBREMsYUFBYTttREFDUztBQU12QjtJQURDLGFBQWE7aURBQ087MkZBWFYsaUJBQWlCO2tCQWxCN0IsU0FBUzsrQkFDRSxjQUFjLGtCQUVSO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxXQUFXOzRCQUN0QixNQUFNLEVBQUU7Z0NBQ04sK0JBQStCO2dDQUMvQiwyQ0FBMkM7NkJBQzVDOzRCQUNELE9BQU8sRUFBRSxDQUFDLGlDQUFpQyxDQUFDO3lCQUM3Qzt3QkFDRCxrQkFBa0I7cUJBQ25CLFFBQ0s7d0JBQ0osZ0NBQWdDLEVBQUUsTUFBTTtxQkFDekM7OEJBT0QsUUFBUTtzQkFIUCxXQUFXO3VCQUFDLG1CQUFtQjs7c0JBQy9CLEtBQUs7Z0JBUU4sTUFBTTtzQkFITCxXQUFXO3VCQUFDLHNDQUFzQzs7c0JBQ2xELEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IENka01lbnVJdGVtIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL21lbnUnO1xuXG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtbWVudS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBDZGtNZW51SXRlbSxcbiAgICAgIGlucHV0czogW1xuICAgICAgICAnY2RrTWVudUl0ZW1EaXNhYmxlZDogZGlzYWJsZWQnLFxuICAgICAgICAnY2RrTWVudWl0ZW1UeXBlYWhlYWRMYWJlbDogdHlwZWFoZWFkTGFiZWwnLFxuICAgICAgXSxcbiAgICAgIG91dHB1dHM6IFsnY2RrTWVudUl0ZW1UcmlnZ2VyZWQ6IHRyaWdnZXJlZCddLFxuICAgIH0sXG4gICAgVXNlQ29tcG9uZW50U3R5bGVzLFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1saXN0Ym94X19pdGVtXSc6ICd0cnVlJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgTWVudUl0ZW1Db21wb25lbnQge1xuICAvKiogV2hldGhlciB0aGUgaXRlbSBzaG91bGQgYmUgZGlzYWJsZWQgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pcy1kaXNhYmxlZCcpXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGl0ZW0gc2hvdWxkIGJlIHN0eWxlZCBhcyBkYW5nZXIgaXRlbSAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNhcHBoaXJlLWxpc3Rib3hfX2l0ZW0tLWRhbmdlcicpXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRhbmdlcjogQm9vbGVhbklucHV0O1xufVxuIiwiPGRpdiBjbGFzcz1cInNhcHBoaXJlLWxpc3Rib3hfX2NvbnRlbnRcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNwLW1lbnUtaWNvblwiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInNhcHBoaXJlLWxpc3Rib3hfX3RleHQtY29udGFpbmVyXCIgX3NwVXNlQ29tcG9uZW50U3R5bGVzPlxuICAgIDxkaXYgY2xhc3M9XCJzYXBwaGlyZS1saXN0Ym94X19wcmltYXJ5LXRleHRcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJzcC1tZW51LXByaW1hcnktdGV4dFwiPjwvbmctY29udGVudD5cbiAgICAgIDwhLS0gSWYgbm90aGluZyBtYXRjaGVzIG90aGVyIG5nLWNvbnRlbnQgc2VsZWN0b3JzIHRoZW4gcmVuZGVyIGl0IGFzIHByaW1hcnkgdGV4dCAtLT5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJzcC1tZW51LXNlY29uZGFyeS10ZXh0XCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Primary text of a listbox option. Useful when the option contains other parts
|
|
5
|
+
* like secondary text or icon.
|
|
6
|
+
*/
|
|
7
|
+
export class MenuPrimaryTextComponent {
|
|
8
|
+
}
|
|
9
|
+
MenuPrimaryTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuPrimaryTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
MenuPrimaryTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuPrimaryTextComponent, selector: "sp-menu-primary-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuPrimaryTextComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{
|
|
14
|
+
selector: 'sp-menu-primary-text',
|
|
15
|
+
template: '<ng-content></ng-content>',
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1wcmltYXJ5LXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3NyYy9tZW51LXByaW1hcnktdGV4dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUM7OztHQUdHO0FBS0gsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDREQUZ6QiwyQkFBMkI7MkZBRTFCLHdCQUF3QjtrQkFKcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUUsMkJBQTJCO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFByaW1hcnkgdGV4dCBvZiBhIGxpc3Rib3ggb3B0aW9uLiBVc2VmdWwgd2hlbiB0aGUgb3B0aW9uIGNvbnRhaW5zIG90aGVyIHBhcnRzXG4gKiBsaWtlIHNlY29uZGFyeSB0ZXh0IG9yIGljb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLW1lbnUtcHJpbWFyeS10ZXh0JyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+Jyxcbn0pXG5leHBvcnQgY2xhc3MgTWVudVByaW1hcnlUZXh0Q29tcG9uZW50IHt9XG4iXX0=
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../common/sapphire-view-encapsulation";
|
|
5
|
+
/**
|
|
6
|
+
* Secondary text of a listbox option.
|
|
7
|
+
*/
|
|
8
|
+
export class MenuSecondaryTextComponent {
|
|
9
|
+
}
|
|
10
|
+
MenuSecondaryTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuSecondaryTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
MenuSecondaryTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuSecondaryTextComponent, selector: "sp-menu-secondary-text", host: { classAttribute: "sapphire-listbox__secondary-text" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuSecondaryTextComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{
|
|
15
|
+
selector: 'sp-menu-secondary-text',
|
|
16
|
+
template: '<ng-content></ng-content>',
|
|
17
|
+
host: {
|
|
18
|
+
class: 'sapphire-listbox__secondary-text',
|
|
19
|
+
},
|
|
20
|
+
hostDirectives: [UseComponentStyles],
|
|
21
|
+
}]
|
|
22
|
+
}] });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1zZWNvbmRhcnktdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvc3JjL21lbnUtc2Vjb25kYXJ5LXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7OztBQUU5RTs7R0FFRztBQVNILE1BQU0sT0FBTywwQkFBMEI7O3VIQUExQiwwQkFBMEI7MkdBQTFCLDBCQUEwQixvTEFOM0IsMkJBQTJCOzJGQU0xQiwwQkFBMEI7a0JBUnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxrQ0FBa0M7cUJBQzFDO29CQUNELGNBQWMsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogU2Vjb25kYXJ5IHRleHQgb2YgYSBsaXN0Ym94IG9wdGlvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtbWVudS1zZWNvbmRhcnktdGV4dCcsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWxpc3Rib3hfX3NlY29uZGFyeS10ZXh0JyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxufSlcbmV4cG9ydCBjbGFzcyBNZW51U2Vjb25kYXJ5VGV4dENvbXBvbmVudCB7fVxuIl19
|
|
@@ -6,15 +6,24 @@ import { MenuItemComponent } from './menu-item.component';
|
|
|
6
6
|
import { MenuTriggerDirective } from './menu-trigger.directive';
|
|
7
7
|
import { MenuSectionComponent } from './menu-section.component';
|
|
8
8
|
import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
|
|
9
|
+
import { MenuIconComponent } from './menu-icon.component';
|
|
10
|
+
import { MenuPrimaryTextComponent } from './menu-primary-text.component';
|
|
11
|
+
import { MenuSecondaryTextComponent } from './menu-secondary-text.component';
|
|
9
12
|
import * as i0 from "@angular/core";
|
|
10
13
|
export class SapphireMenuModule {
|
|
11
14
|
}
|
|
12
15
|
SapphireMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
13
16
|
SapphireMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, declarations: [MenuComponent,
|
|
14
17
|
MenuItemComponent,
|
|
18
|
+
MenuIconComponent,
|
|
19
|
+
MenuPrimaryTextComponent,
|
|
20
|
+
MenuSecondaryTextComponent,
|
|
15
21
|
MenuSectionComponent,
|
|
16
22
|
MenuTriggerDirective], imports: [CommonModule, CdkMenuModule, UseComponentStyles], exports: [MenuComponent,
|
|
17
23
|
MenuItemComponent,
|
|
24
|
+
MenuIconComponent,
|
|
25
|
+
MenuPrimaryTextComponent,
|
|
26
|
+
MenuSecondaryTextComponent,
|
|
18
27
|
MenuSectionComponent,
|
|
19
28
|
MenuTriggerDirective] });
|
|
20
29
|
SapphireMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, imports: [CommonModule, CdkMenuModule] });
|
|
@@ -24,6 +33,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
24
33
|
declarations: [
|
|
25
34
|
MenuComponent,
|
|
26
35
|
MenuItemComponent,
|
|
36
|
+
MenuIconComponent,
|
|
37
|
+
MenuPrimaryTextComponent,
|
|
38
|
+
MenuSecondaryTextComponent,
|
|
27
39
|
MenuSectionComponent,
|
|
28
40
|
MenuTriggerDirective,
|
|
29
41
|
],
|
|
@@ -31,9 +43,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
31
43
|
exports: [
|
|
32
44
|
MenuComponent,
|
|
33
45
|
MenuItemComponent,
|
|
46
|
+
MenuIconComponent,
|
|
47
|
+
MenuPrimaryTextComponent,
|
|
48
|
+
MenuSecondaryTextComponent,
|
|
34
49
|
MenuSectionComponent,
|
|
35
50
|
MenuTriggerDirective,
|
|
36
51
|
],
|
|
37
52
|
}]
|
|
38
53
|
}] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvc3JjL21lbnUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDekUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBdUI3RSxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBbkIzQixhQUFhO1FBQ2IsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQix3QkFBd0I7UUFDeEIsMEJBQTBCO1FBQzFCLG9CQUFvQjtRQUNwQixvQkFBb0IsYUFFWixZQUFZLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixhQUV2RCxhQUFhO1FBQ2IsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQix3QkFBd0I7UUFDeEIsMEJBQTBCO1FBQzFCLG9CQUFvQjtRQUNwQixvQkFBb0I7Z0hBR1gsa0JBQWtCLFlBWG5CLFlBQVksRUFBRSxhQUFhOzJGQVcxQixrQkFBa0I7a0JBckI5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQix3QkFBd0I7d0JBQ3hCLDBCQUEwQjt3QkFDMUIsb0JBQW9CO3dCQUNwQixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsa0JBQWtCLENBQUM7b0JBQzFELE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQix3QkFBd0I7d0JBQ3hCLDBCQUEwQjt3QkFDMUIsb0JBQW9CO3dCQUNwQixvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDZGtNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL21lbnUnO1xuaW1wb3J0IHsgTWVudUNvbXBvbmVudCB9IGZyb20gJy4vbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL21lbnUtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWVudVRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL21lbnUtdHJpZ2dlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTWVudVNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL21lbnUtc2VjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBNZW51SWNvbkNvbXBvbmVudCB9IGZyb20gJy4vbWVudS1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNZW51UHJpbWFyeVRleHRDb21wb25lbnQgfSBmcm9tICcuL21lbnUtcHJpbWFyeS10ZXh0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNZW51U2Vjb25kYXJ5VGV4dENvbXBvbmVudCB9IGZyb20gJy4vbWVudS1zZWNvbmRhcnktdGV4dC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBNZW51Q29tcG9uZW50LFxuICAgIE1lbnVJdGVtQ29tcG9uZW50LFxuICAgIE1lbnVJY29uQ29tcG9uZW50LFxuICAgIE1lbnVQcmltYXJ5VGV4dENvbXBvbmVudCxcbiAgICBNZW51U2Vjb25kYXJ5VGV4dENvbXBvbmVudCxcbiAgICBNZW51U2VjdGlvbkNvbXBvbmVudCxcbiAgICBNZW51VHJpZ2dlckRpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQ2RrTWVudU1vZHVsZSwgVXNlQ29tcG9uZW50U3R5bGVzXSxcbiAgZXhwb3J0czogW1xuICAgIE1lbnVDb21wb25lbnQsXG4gICAgTWVudUl0ZW1Db21wb25lbnQsXG4gICAgTWVudUljb25Db21wb25lbnQsXG4gICAgTWVudVByaW1hcnlUZXh0Q29tcG9uZW50LFxuICAgIE1lbnVTZWNvbmRhcnlUZXh0Q29tcG9uZW50LFxuICAgIE1lbnVTZWN0aW9uQ29tcG9uZW50LFxuICAgIE1lbnVUcmlnZ2VyRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTYXBwaGlyZU1lbnVNb2R1bGUge31cbiJdfQ==
|
|
@@ -1303,7 +1303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1303
1303
|
class MenuItemComponent {
|
|
1304
1304
|
}
|
|
1305
1305
|
MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1306
|
-
MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuItemComponent, selector: "sp-menu-item", inputs: { disabled: "disabled", danger: "danger" }, host: { properties: { "class.sapphire-listbox__item": "true", "class.is-disabled": "this.disabled", "class.sapphire-listbox__item--danger": "this.danger" } }, hostDirectives: [{ directive: i1$2.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
1306
|
+
MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuItemComponent, selector: "sp-menu-item", inputs: { disabled: "disabled", danger: "danger" }, host: { properties: { "class.sapphire-listbox__item": "true", "class.is-disabled": "this.disabled", "class.sapphire-listbox__item--danger": "this.danger" } }, hostDirectives: [{ directive: i1$2.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled", "cdkMenuitemTypeaheadLabel", "typeaheadLabel"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <ng-content select=\"sp-menu-icon\"></ng-content>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-content select=\"sp-menu-primary-text\"></ng-content>\n <!-- If nothing matches other ng-content selectors then render it as primary text -->\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sp-menu-secondary-text\"></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
1307
1307
|
__decorate([
|
|
1308
1308
|
CoerceBoolean
|
|
1309
1309
|
], MenuItemComponent.prototype, "disabled", void 0);
|
|
@@ -1324,7 +1324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1324
1324
|
UseComponentStyles,
|
|
1325
1325
|
], host: {
|
|
1326
1326
|
'[class.sapphire-listbox__item]': 'true',
|
|
1327
|
-
}, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
1327
|
+
}, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <ng-content select=\"sp-menu-icon\"></ng-content>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-content select=\"sp-menu-primary-text\"></ng-content>\n <!-- If nothing matches other ng-content selectors then render it as primary text -->\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sp-menu-secondary-text\"></ng-content>\n </div>\n</div>\n" }]
|
|
1328
1328
|
}], propDecorators: { disabled: [{
|
|
1329
1329
|
type: HostBinding,
|
|
1330
1330
|
args: ['class.is-disabled']
|
|
@@ -1558,14 +1558,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1558
1558
|
args: [CdkMenuItem]
|
|
1559
1559
|
}] } });
|
|
1560
1560
|
|
|
1561
|
+
/**
|
|
1562
|
+
* Icon container of a listbox option.
|
|
1563
|
+
*/
|
|
1564
|
+
class MenuIconComponent {
|
|
1565
|
+
}
|
|
1566
|
+
MenuIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1567
|
+
MenuIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuIconComponent, selector: "sp-menu-item-icon", host: { classAttribute: "sapphire-listbox__icon" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
1568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuIconComponent, decorators: [{
|
|
1569
|
+
type: Component,
|
|
1570
|
+
args: [{
|
|
1571
|
+
selector: 'sp-menu-item-icon',
|
|
1572
|
+
template: '<ng-content></ng-content>',
|
|
1573
|
+
host: {
|
|
1574
|
+
class: 'sapphire-listbox__icon',
|
|
1575
|
+
},
|
|
1576
|
+
hostDirectives: [UseComponentStyles],
|
|
1577
|
+
}]
|
|
1578
|
+
}] });
|
|
1579
|
+
|
|
1580
|
+
/**
|
|
1581
|
+
* Primary text of a listbox option. Useful when the option contains other parts
|
|
1582
|
+
* like secondary text or icon.
|
|
1583
|
+
*/
|
|
1584
|
+
class MenuPrimaryTextComponent {
|
|
1585
|
+
}
|
|
1586
|
+
MenuPrimaryTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuPrimaryTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1587
|
+
MenuPrimaryTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuPrimaryTextComponent, selector: "sp-menu-primary-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
1588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuPrimaryTextComponent, decorators: [{
|
|
1589
|
+
type: Component,
|
|
1590
|
+
args: [{
|
|
1591
|
+
selector: 'sp-menu-primary-text',
|
|
1592
|
+
template: '<ng-content></ng-content>',
|
|
1593
|
+
}]
|
|
1594
|
+
}] });
|
|
1595
|
+
|
|
1596
|
+
/**
|
|
1597
|
+
* Secondary text of a listbox option.
|
|
1598
|
+
*/
|
|
1599
|
+
class MenuSecondaryTextComponent {
|
|
1600
|
+
}
|
|
1601
|
+
MenuSecondaryTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuSecondaryTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1602
|
+
MenuSecondaryTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: MenuSecondaryTextComponent, selector: "sp-menu-secondary-text", host: { classAttribute: "sapphire-listbox__secondary-text" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
1603
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuSecondaryTextComponent, decorators: [{
|
|
1604
|
+
type: Component,
|
|
1605
|
+
args: [{
|
|
1606
|
+
selector: 'sp-menu-secondary-text',
|
|
1607
|
+
template: '<ng-content></ng-content>',
|
|
1608
|
+
host: {
|
|
1609
|
+
class: 'sapphire-listbox__secondary-text',
|
|
1610
|
+
},
|
|
1611
|
+
hostDirectives: [UseComponentStyles],
|
|
1612
|
+
}]
|
|
1613
|
+
}] });
|
|
1614
|
+
|
|
1561
1615
|
class SapphireMenuModule {
|
|
1562
1616
|
}
|
|
1563
1617
|
SapphireMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1564
1618
|
SapphireMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, declarations: [MenuComponent,
|
|
1565
1619
|
MenuItemComponent,
|
|
1620
|
+
MenuIconComponent,
|
|
1621
|
+
MenuPrimaryTextComponent,
|
|
1622
|
+
MenuSecondaryTextComponent,
|
|
1566
1623
|
MenuSectionComponent,
|
|
1567
1624
|
MenuTriggerDirective], imports: [CommonModule, CdkMenuModule, UseComponentStyles], exports: [MenuComponent,
|
|
1568
1625
|
MenuItemComponent,
|
|
1626
|
+
MenuIconComponent,
|
|
1627
|
+
MenuPrimaryTextComponent,
|
|
1628
|
+
MenuSecondaryTextComponent,
|
|
1569
1629
|
MenuSectionComponent,
|
|
1570
1630
|
MenuTriggerDirective] });
|
|
1571
1631
|
SapphireMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireMenuModule, imports: [CommonModule, CdkMenuModule] });
|
|
@@ -1575,6 +1635,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1575
1635
|
declarations: [
|
|
1576
1636
|
MenuComponent,
|
|
1577
1637
|
MenuItemComponent,
|
|
1638
|
+
MenuIconComponent,
|
|
1639
|
+
MenuPrimaryTextComponent,
|
|
1640
|
+
MenuSecondaryTextComponent,
|
|
1578
1641
|
MenuSectionComponent,
|
|
1579
1642
|
MenuTriggerDirective,
|
|
1580
1643
|
],
|
|
@@ -1582,6 +1645,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1582
1645
|
exports: [
|
|
1583
1646
|
MenuComponent,
|
|
1584
1647
|
MenuItemComponent,
|
|
1648
|
+
MenuIconComponent,
|
|
1649
|
+
MenuPrimaryTextComponent,
|
|
1650
|
+
MenuSecondaryTextComponent,
|
|
1585
1651
|
MenuSectionComponent,
|
|
1586
1652
|
MenuTriggerDirective,
|
|
1587
1653
|
],
|
|
@@ -8265,5 +8331,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
8265
8331
|
* Generated bundle index. Do not edit.
|
|
8266
8332
|
*/
|
|
8267
8333
|
|
|
8268
|
-
export { BadgeComponent, BasicSelectComponent, BasicSingleSelectDirective, ButtonComponent, ButtonGroupComponent, ButtonIconDirective, CheckboxChange, CheckboxComponent, ConfirmationDialogComponent, ContextualHelpComponent, ContextualHelpContentDirective, ContextualHelpFooterDirective, ContextualHelpHeaderDirective, DEFAULT_BREAKPOINTS, DangerDialogComponent, DialogCloseButtonDirective, DialogComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogTriggerDirective, FieldComponent, FieldControl, FieldErrorDirective, FieldLabelDirective, FieldNoteDirective, FieldNoteSuffixDirective, FocusedDirective, HeadingComponent, ICON_SIZE_PROVIDER, IconButtonComponent, IconComponent, InlinePanelComponent, LabelComponent, LinkComponent, ListboxChild, ListboxComponent, ListboxInputDirective, MenuComponent, MenuItemComponent, MenuSectionComponent, MenuTriggerDirective, ModalCloseButtonDirective, ModalService, MultiSelectDirective, NotificationBadgeComponent, OptionComponent, OptionIconDirective, OptionPrimaryTextDirective, OptionSecondaryTextDirective, POPOVER_TRIGGER, PaginationComponent, PanelBackButtonDirective, PanelCloseButtonDirective, PanelComponent, PanelContentComponent, PanelFooterComponent, PanelFooterDirective, PanelHeaderComponent, PanelHeaderDirective, PanelTriggerDirective, ParagraphComponent, PopoverCloseButtonDirective, PopoverComponent, PopoverTitleDirective, PopoverTriggerDirective, PressedDirective, RadioComponent, RadioGroupComponent, SapphireBadgeModule, SapphireButtonModule, SapphireCheckboxModule, SapphireCheckboxRequiredValidator, SapphireContextualHelpModule, SapphireCoreModule, SapphireFieldModule, SapphireIconModule, SapphireLinkModule, SapphireListboxModule, SapphireMenuModule, SapphireModalModule, SapphireNotificationBadgeModule, SapphireOverlayContainer, SapphirePaginationChange, SapphirePaginationModule, SapphirePopoverModule, SapphireRadioChange, SapphireRadioModule, SapphireSegmentedTabsModule, SapphireSelectModule, SapphireSkeletonModule, SapphireSurfaceModule, SapphireSwitchChange, SapphireSwitchModule, SapphireSwitchRequiredValidator, SapphireTableModule, SapphireTextFieldModule, SapphireThemeModule, SapphireToggleButtonRequiredValidator, SapphireTooltipModule, SapphireTypographyModule, ScrollMonitorDirective, SearchableSelectDirective, SectionDirective, SegmentedTabComponent, SegmentedTabContentDirective, SegmentedTabLabelDirective, SegmentedTabsComponent, SelectComponent, SelectionTextDirective, SingleSelectDirective, SkeletonBlockDirective, SkeletonCircleDirective, SkeletonComponent, SkeletonTextDirective, SurfaceComponent, SwitchComponent, TableBodyDirective, TableCellDirective, TableComponent, TableDirective, TableHeadCellComponent, TableHeadDirective, TableRowDirective, TableSortDirective, TableSortHeaderDirective, TextFieldComponent, TextFieldInputDirective, TextFieldPostfixDirective, TextFieldPrefixDirective, TextFieldTextareaAutosizeDirective, ThemeBaseDirective, ThemeCheckDirective, ThemeDefault, ThemeDefaultDark, ThemeRootDirective, ToggleButtonComponent, TooltipComponent, TooltipDirective, TruncatedWithTooltipDirective, UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider };
|
|
8334
|
+
export { BadgeComponent, BasicSelectComponent, BasicSingleSelectDirective, ButtonComponent, ButtonGroupComponent, ButtonIconDirective, CheckboxChange, CheckboxComponent, ConfirmationDialogComponent, ContextualHelpComponent, ContextualHelpContentDirective, ContextualHelpFooterDirective, ContextualHelpHeaderDirective, DEFAULT_BREAKPOINTS, DangerDialogComponent, DialogCloseButtonDirective, DialogComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogTriggerDirective, FieldComponent, FieldControl, FieldErrorDirective, FieldLabelDirective, FieldNoteDirective, FieldNoteSuffixDirective, FocusedDirective, HeadingComponent, ICON_SIZE_PROVIDER, IconButtonComponent, IconComponent, InlinePanelComponent, LabelComponent, LinkComponent, ListboxChild, ListboxComponent, ListboxInputDirective, MenuComponent, MenuIconComponent, MenuItemComponent, MenuPrimaryTextComponent, MenuSecondaryTextComponent, MenuSectionComponent, MenuTriggerDirective, ModalCloseButtonDirective, ModalService, MultiSelectDirective, NotificationBadgeComponent, OptionComponent, OptionIconDirective, OptionPrimaryTextDirective, OptionSecondaryTextDirective, POPOVER_TRIGGER, PaginationComponent, PanelBackButtonDirective, PanelCloseButtonDirective, PanelComponent, PanelContentComponent, PanelFooterComponent, PanelFooterDirective, PanelHeaderComponent, PanelHeaderDirective, PanelTriggerDirective, ParagraphComponent, PopoverCloseButtonDirective, PopoverComponent, PopoverTitleDirective, PopoverTriggerDirective, PressedDirective, RadioComponent, RadioGroupComponent, SapphireBadgeModule, SapphireButtonModule, SapphireCheckboxModule, SapphireCheckboxRequiredValidator, SapphireContextualHelpModule, SapphireCoreModule, SapphireFieldModule, SapphireIconModule, SapphireLinkModule, SapphireListboxModule, SapphireMenuModule, SapphireModalModule, SapphireNotificationBadgeModule, SapphireOverlayContainer, SapphirePaginationChange, SapphirePaginationModule, SapphirePopoverModule, SapphireRadioChange, SapphireRadioModule, SapphireSegmentedTabsModule, SapphireSelectModule, SapphireSkeletonModule, SapphireSurfaceModule, SapphireSwitchChange, SapphireSwitchModule, SapphireSwitchRequiredValidator, SapphireTableModule, SapphireTextFieldModule, SapphireThemeModule, SapphireToggleButtonRequiredValidator, SapphireTooltipModule, SapphireTypographyModule, ScrollMonitorDirective, SearchableSelectDirective, SectionDirective, SegmentedTabComponent, SegmentedTabContentDirective, SegmentedTabLabelDirective, SegmentedTabsComponent, SelectComponent, SelectionTextDirective, SingleSelectDirective, SkeletonBlockDirective, SkeletonCircleDirective, SkeletonComponent, SkeletonTextDirective, SurfaceComponent, SwitchComponent, TableBodyDirective, TableCellDirective, TableComponent, TableDirective, TableHeadCellComponent, TableHeadDirective, TableRowDirective, TableSortDirective, TableSortHeaderDirective, TextFieldComponent, TextFieldInputDirective, TextFieldPostfixDirective, TextFieldPrefixDirective, TextFieldTextareaAutosizeDirective, ThemeBaseDirective, ThemeCheckDirective, ThemeDefault, ThemeDefaultDark, ThemeRootDirective, ToggleButtonComponent, TooltipComponent, TooltipDirective, TruncatedWithTooltipDirective, UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider };
|
|
8269
8335
|
//# sourceMappingURL=danske-sapphire-angular.mjs.map
|