@porscheinformatik/clr-addons 19.14.0 → 19.14.1
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/fesm2022/clr-addons.mjs
CHANGED
|
@@ -15367,6 +15367,8 @@ class ClrSignpostAddonComponent {
|
|
|
15367
15367
|
this.open = false;
|
|
15368
15368
|
this.preventPropagationCall = (event) => this.preventPropagation(event);
|
|
15369
15369
|
this.position = 'right-bottom';
|
|
15370
|
+
this.iconShape = 'info-standard';
|
|
15371
|
+
this.openContent = new EventEmitter();
|
|
15370
15372
|
ClarityIcons.addIcons(infoStandardIcon);
|
|
15371
15373
|
}
|
|
15372
15374
|
ngOnInit() {
|
|
@@ -15385,6 +15387,7 @@ class ClrSignpostAddonComponent {
|
|
|
15385
15387
|
}
|
|
15386
15388
|
openChanged(isOpen) {
|
|
15387
15389
|
if (isOpen) {
|
|
15390
|
+
this.openContent.emit();
|
|
15388
15391
|
setTimeout(() => {
|
|
15389
15392
|
this.moveSignpostContentBelowTargetAnchor();
|
|
15390
15393
|
});
|
|
@@ -15402,11 +15405,11 @@ class ClrSignpostAddonComponent {
|
|
|
15402
15405
|
this.document.removeEventListener('click', this.preventPropagationCall, true);
|
|
15403
15406
|
}
|
|
15404
15407
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClrSignpostAddonComponent, deps: [{ token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15405
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ClrSignpostAddonComponent, isStandalone: false, selector: "clr-signpost-addon", inputs: { targetAnchor: "targetAnchor", position: "position" }, viewQueries: [{ propertyName: "signpostElement", first: true, predicate: ClrSignpostContent, descendants: true, read: ElementRef }], ngImport: i0, template: "<clr-signpost data-testid=\"clr-signpost-1599455073503533\">\n <button class=\"btn btn-icon btn-link btn-sm\" type=\"button\" clrSignpostTrigger>\n <cds-icon shape=\"
|
|
15408
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ClrSignpostAddonComponent, isStandalone: false, selector: "clr-signpost-addon", inputs: { targetAnchor: "targetAnchor", position: "position", iconShape: "iconShape", iconClass: "iconClass" }, outputs: { openContent: "openContent" }, viewQueries: [{ propertyName: "signpostElement", first: true, predicate: ClrSignpostContent, descendants: true, read: ElementRef }], ngImport: i0, template: "<clr-signpost data-testid=\"clr-signpost-1599455073503533\">\n <button class=\"btn btn-icon btn-link btn-sm\" type=\"button\" clrSignpostTrigger>\n <cds-icon [attr.shape]=\"iconShape\" size=\"24\" class=\"{{ iconClass }}\" style=\"vertical-align: initial\"></cds-icon>\n </button>\n <ng-template [(clrIfOpen)]=\"open\" (clrIfOpenChange)=\"openChanged($event)\">\n <clr-signpost-content [clrPosition]=\"position\">\n <ng-content></ng-content>\n </clr-signpost-content>\n </ng-template>\n</clr-signpost>\n", styles: ["button{padding:0!important;min-width:1.2rem!important;height:.75rem!important;border-width:0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.CdsIconCustomTag, selector: "cds-icon" }, { kind: "component", type: i1$1.ClrSignpost, selector: "clr-signpost", inputs: ["clrSignpostTriggerAriaLabel"] }, { kind: "component", type: i1$1.ClrSignpostContent, selector: "clr-signpost-content", inputs: ["clrSignpostCloseAriaLabel", "clrPosition"] }, { kind: "directive", type: i1$1.ClrSignpostTrigger, selector: "[clrSignpostTrigger]" }, { kind: "directive", type: i1$1.ClrIfOpen, selector: "[clrIfOpen]", inputs: ["clrIfOpen"], outputs: ["clrIfOpenChange"] }] }); }
|
|
15406
15409
|
}
|
|
15407
15410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClrSignpostAddonComponent, decorators: [{
|
|
15408
15411
|
type: Component,
|
|
15409
|
-
args: [{ selector: 'clr-signpost-addon', standalone: false, template: "<clr-signpost data-testid=\"clr-signpost-1599455073503533\">\n <button class=\"btn btn-icon btn-link btn-sm\" type=\"button\" clrSignpostTrigger>\n <cds-icon shape=\"
|
|
15412
|
+
args: [{ selector: 'clr-signpost-addon', standalone: false, template: "<clr-signpost data-testid=\"clr-signpost-1599455073503533\">\n <button class=\"btn btn-icon btn-link btn-sm\" type=\"button\" clrSignpostTrigger>\n <cds-icon [attr.shape]=\"iconShape\" size=\"24\" class=\"{{ iconClass }}\" style=\"vertical-align: initial\"></cds-icon>\n </button>\n <ng-template [(clrIfOpen)]=\"open\" (clrIfOpenChange)=\"openChanged($event)\">\n <clr-signpost-content [clrPosition]=\"position\">\n <ng-content></ng-content>\n </clr-signpost-content>\n </ng-template>\n</clr-signpost>\n", styles: ["button{padding:0!important;min-width:1.2rem!important;height:.75rem!important;border-width:0!important}\n"] }]
|
|
15410
15413
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Document, decorators: [{
|
|
15411
15414
|
type: Inject,
|
|
15412
15415
|
args: [DOCUMENT]
|
|
@@ -15414,6 +15417,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
15414
15417
|
type: Input
|
|
15415
15418
|
}], position: [{
|
|
15416
15419
|
type: Input
|
|
15420
|
+
}], iconShape: [{
|
|
15421
|
+
type: Input
|
|
15422
|
+
}], iconClass: [{
|
|
15423
|
+
type: Input
|
|
15424
|
+
}], openContent: [{
|
|
15425
|
+
type: Output
|
|
15417
15426
|
}], signpostElement: [{
|
|
15418
15427
|
type: ViewChild,
|
|
15419
15428
|
args: [ClrSignpostContent, { read: ElementRef }]
|