@tedi-design-system/angular 6.5.0-rc.16 → 6.5.0-rc.17
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.
|
@@ -952,16 +952,17 @@ class DropdownContentComponent {
|
|
|
952
952
|
containerId = computed(() => this.dropdownApi.containerId(), ...(ngDevMode ? [{ debugName: "containerId" }] : []));
|
|
953
953
|
items = contentChildren(DropdownItemComponent, ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
954
954
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: DropdownContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
955
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.24", type: DropdownContentComponent, isStandalone: true, selector: "tedi-dropdown-content", inputs: { dropdownRole: { classPropertyName: "dropdownRole", publicName: "dropdownRole", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.aria-labelledby": "containerId() + '_trigger'" } }, providers: [
|
|
955
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.24", type: DropdownContentComponent, isStandalone: true, selector: "tedi-dropdown-content", inputs: { dropdownRole: { classPropertyName: "dropdownRole", publicName: "dropdownRole", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.aria-labelledby": "containerId() + '_trigger'" }, classAttribute: "tedi-dropdown-content" }, providers: [
|
|
956
956
|
{
|
|
957
957
|
provide: DROPDOWN_CONTENT_API,
|
|
958
958
|
useExisting: forwardRef(() => DropdownContentComponent),
|
|
959
959
|
},
|
|
960
|
-
], queries: [{ propertyName: "items", predicate: DropdownItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n<ul [attr.role]=\"dropdownRole()\">\n <ng-content select=\"li[tedi-dropdown-item]\" />\n</ul>\n", styles: ["tedi-dropdown-content{display:flex;flex-direction:column;width:max-content;min-width:var(--_tedi-dropdown-trigger-width);overflow:auto;border:1px solid var(--card-border-primary);border-radius:var(--form-select-area-radius);box-shadow:0 1px 5px #0003}tedi-dropdown-content ul{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
960
|
+
], queries: [{ propertyName: "items", predicate: DropdownItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n<ul [attr.role]=\"dropdownRole()\">\n <ng-content select=\"li[tedi-dropdown-item]\" />\n</ul>\n", styles: [".tedi-dropdown-content{display:flex;flex-direction:column;width:max-content;min-width:var(--_tedi-dropdown-trigger-width);overflow:auto;background:var(--dropdown-item-default-background);border:1px solid var(--card-border-primary);border-radius:var(--form-select-area-radius);box-shadow:0 1px 5px #0003}.tedi-dropdown-content ul{padding:0;margin:0;list-style:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
961
961
|
}
|
|
962
962
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: DropdownContentComponent, decorators: [{
|
|
963
963
|
type: Component,
|
|
964
964
|
args: [{ selector: "tedi-dropdown-content", standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
965
|
+
class: "tedi-dropdown-content",
|
|
965
966
|
role: "presentation",
|
|
966
967
|
"[attr.aria-labelledby]": "containerId() + '_trigger'",
|
|
967
968
|
}, providers: [
|
|
@@ -969,7 +970,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
|
|
|
969
970
|
provide: DROPDOWN_CONTENT_API,
|
|
970
971
|
useExisting: forwardRef(() => DropdownContentComponent),
|
|
971
972
|
},
|
|
972
|
-
], template: "<ng-content />\n<ul [attr.role]=\"dropdownRole()\">\n <ng-content select=\"li[tedi-dropdown-item]\" />\n</ul>\n", styles: ["tedi-dropdown-content{display:flex;flex-direction:column;width:max-content;min-width:var(--_tedi-dropdown-trigger-width);overflow:auto;border:1px solid var(--card-border-primary);border-radius:var(--form-select-area-radius);box-shadow:0 1px 5px #0003}tedi-dropdown-content ul{margin:0}\n"] }]
|
|
973
|
+
], template: "<ng-content />\n<ul [attr.role]=\"dropdownRole()\">\n <ng-content select=\"li[tedi-dropdown-item]\" />\n</ul>\n", styles: [".tedi-dropdown-content{display:flex;flex-direction:column;width:max-content;min-width:var(--_tedi-dropdown-trigger-width);overflow:auto;background:var(--dropdown-item-default-background);border:1px solid var(--card-border-primary);border-radius:var(--form-select-area-radius);box-shadow:0 1px 5px #0003}.tedi-dropdown-content ul{padding:0;margin:0;list-style:none}\n"] }]
|
|
973
974
|
}], propDecorators: { dropdownRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownRole", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DropdownItemComponent), { isSignal: true }] }] } });
|
|
974
975
|
|
|
975
976
|
function getFocusableElements(container) {
|