@mozaic-ds/angular 0.23.0-beta → 0.23.0-beta.1

package/esm2020/components/tooltip/tooltip.component.mjs

@@ -15,10 +15,10 @@ export class TooltipComponent {
     }
 }
 TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TooltipComponent, selector: "moz-tooltip", inputs: { text: "text", position: "position", disabled: "disabled" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:LeroyMerlin,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#4d4d4d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"0.5rem\" width=\"0.5rem\" viewBox=\"0 0 8 8\"><path fill=\"#ffffff\" d=\"M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z\"/></svg>') no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after{background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"0.5rem\" width=\"0.5rem\" viewBox=\"0 0 8 8\"><path fill=\"#4d4d4d\" d=\"M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z\"/></svg>') no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--top .mc-tooltip__content{transform:translate(-50%,-100%);margin-top:-.75rem}}.mc-tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content{top:50%;right:0;transform:translate(calc(100% + .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--right .mc-tooltip__content{transform:translate(100%,-50%);margin-right:-.75rem}}.mc-tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content{left:0;top:50%;transform:translate(calc(-100% - .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--left .mc-tooltip__content{transform:translate(-100%,-50%);margin-left:-.75rem}}.mc-tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--bottom .mc-tooltip__content{transform:translate(-50%,100%);margin-bottom:-.75rem}}.mc-tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before{background:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TooltipComponent, selector: "moz-tooltip", inputs: { text: "text", position: "position", disabled: "disabled" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:LeroyMerlin,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#4d4d4d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff;word-break:break-all}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\") no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%234d4d4d' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\") no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--top .mc-tooltip__content{transform:translate(-50%,-100%);margin-top:-.75rem}}.mc-tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content{top:50%;right:0;transform:translate(calc(100% + .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--right .mc-tooltip__content{transform:translate(100%,-50%);margin-right:-.75rem}}.mc-tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content{left:0;top:50%;transform:translate(calc(-100% - .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--left .mc-tooltip__content{transform:translate(-100%,-50%);margin-left:-.75rem}}.mc-tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--bottom .mc-tooltip__content{transform:translate(-50%,100%);margin-bottom:-.75rem}}.mc-tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before{background:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:LeroyMerlin,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#4d4d4d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"0.5rem\" width=\"0.5rem\" viewBox=\"0 0 8 8\"><path fill=\"#ffffff\" d=\"M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z\"/></svg>') no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after{background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"0.5rem\" width=\"0.5rem\" viewBox=\"0 0 8 8\"><path fill=\"#4d4d4d\" d=\"M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z\"/></svg>') no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--top .mc-tooltip__content{transform:translate(-50%,-100%);margin-top:-.75rem}}.mc-tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content{top:50%;right:0;transform:translate(calc(100% + .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--right .mc-tooltip__content{transform:translate(100%,-50%);margin-right:-.75rem}}.mc-tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content{left:0;top:50%;transform:translate(calc(-100% - .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--left .mc-tooltip__content{transform:translate(-100%,-50%);margin-left:-.75rem}}.mc-tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--bottom .mc-tooltip__content{transform:translate(-50%,100%);margin-bottom:-.75rem}}.mc-tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before{background:none}\n"] }]
+            args: [{ selector: 'moz-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:LeroyMerlin,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#4d4d4d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff;word-break:break-all}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\") no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%234d4d4d' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\") no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--top .mc-tooltip__content{transform:translate(-50%,-100%);margin-top:-.75rem}}.mc-tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content{top:50%;right:0;transform:translate(calc(100% + .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--right .mc-tooltip__content{transform:translate(100%,-50%);margin-right:-.75rem}}.mc-tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content{left:0;top:50%;transform:translate(calc(-100% - .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--left .mc-tooltip__content{transform:translate(-100%,-50%);margin-left:-.75rem}}.mc-tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--bottom .mc-tooltip__content{transform:translate(-50%,100%);margin-bottom:-.75rem}}.mc-tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before{background:none}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], position: [{