lct-components
Version:
LCT basic components
32 lines • 12.9 kB
JavaScript
import { Component } from "@angular/core";
import { BehaviorSubject } from "rxjs";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ModalTooltipComponent {
constructor() {
/* directive variable */
this.nameStore = '-';
this.version = '-';
this.dateVersion = '-';
this.conditional2 = new BehaviorSubject(false);
this.openModalStore = new BehaviorSubject(false);
this.showChangeStore = false;
}
cerrarModal() {
this.conditional2.next(true);
}
openChangeStore() {
this.openModalStore.next(true);
}
}
ModalTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: ModalTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ModalTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: ModalTooltipComponent, selector: "lct-modal-tooltip", ngImport: i0, template: "<div class=\"tooltipTienda\">\n <span class=\"tooltiptext\">\n <div class=\"row\">\n <div class=\"estoy\">\n <span> Estoy en: </span>\n <svg (click)=\"cerrarModal()\" style=\"float: right; margin-right: 39px; cursor: pointer\" width=\"15\"\n height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M13.7704 0.937266C13.3804 0.547266 12.7504 0.547266 12.3604 0.937266L7.47043 5.81727L2.58043 0.927266C2.19043 0.537266 1.56043 0.537266 1.17043 0.927266C0.78043 1.31727 0.78043 1.94727 1.17043 2.33727L6.06043 7.22727L1.17043 12.1173C0.78043 12.5073 0.78043 13.1373 1.17043 13.5273C1.56043 13.9173 2.19043 13.9173 2.58043 13.5273L7.47043 8.63727L12.3604 13.5273C12.7504 13.9173 13.3804 13.9173 13.7704 13.5273C14.1604 13.1373 14.1604 12.5073 13.7704 12.1173L8.88043 7.22727L13.7704 2.33727C14.1504 1.95727 14.1504 1.31727 13.7704 0.937266Z\"\n fill=\"#3C4149\" />\n </svg>\n </div>\n\n <div class=\"col col-12\">\n <div class=\"col col-2\">\n <svg class=\"icon-tooltip\" width=\"31\" height=\"31\" viewBox=\"0 0 31 31\" fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M7.78618 2.72754C7.3764 2.72754 7.04213 2.99376 7.04213 3.32278C7.04213 3.6518 7.3764 3.91802 7.78618 3.91802H24.1552C24.5679 3.91802 24.8993 3.6518 24.8993 3.32278C24.8993 2.99376 24.5679 2.72754 24.1552 2.72754H7.78618ZM25.3457 5.10849H6.5957L3.4707 11.0609H28.4707L25.3457 5.10849ZM3.4707 13.0252C3.4707 14.4655 4.46865 15.6655 5.81445 16.0116V26.1799H4.25195C3.82163 26.1799 3.4707 26.526 3.4707 26.9537C3.4707 27.3815 3.82168 27.7275 4.25195 27.7275H27.6895C28.1228 27.7275 28.4707 27.3815 28.4707 26.9537C28.4707 26.526 28.1228 26.1799 27.6895 26.1799H26.127V16.0116C27.4728 15.6655 28.4707 14.4655 28.4707 13.0252V12.2513H3.4707V13.0252ZM19.0957 16.1204C20.823 16.1204 22.2207 14.7345 22.2207 13.0251C22.2207 14.4655 23.2187 15.6655 24.5645 16.0116V26.1799H12.8457V16.1204C14.573 16.1204 15.9707 14.7345 15.9707 13.0251C15.9707 14.7345 17.3715 16.1204 19.0957 16.1204ZM12.0645 26.1799V16.0116C10.7187 15.6655 9.7207 14.4655 9.7207 13.0251C9.7207 14.4655 8.7228 15.6655 7.37695 16.0116V26.1799H12.0645Z\"\n fill=\"#2649B6\" />\n </svg>\n </div>\n <div class=\"font-tienda\">\n <span>\n {{nameStore | titlecase}}\n </span>\n </div>\n </div>\n <div *ngIf=\"showChangeStore\" class=\"col col-12 font-change-store\" (click)=\"openChangeStore()\">\n Cambiar tienda\n </div>\n <div class=\"compilation-text\">\n Version {{version}} / Compilaci\u00F3n: {{dateVersion}}\n </div>\n </div>\n </span>\n</div>", styles: [".tooltipTienda{position:relative;display:inline-block;border-bottom:1px dotted black}.tooltipTienda .tooltiptext{position:absolute;width:368px;height:157px;left:-376px;top:17px;background:#ffffff;box-shadow:0 2px 8px #00000026;border-radius:8px;z-index:99}@media screen and (min-width: 320px) and (max-width: 561px){.tooltipTienda .tooltiptext{width:310px;left:-304px}}.tooltipTienda .tooltiptext .text{position:absolute;width:53px;height:24px;left:17.75px;top:9.2px;font-family:\"Barlow\",serif;font-style:normal;font-weight:400;font-size:13px;line-height:24px}.tooltipTienda .tooltiptext .icon-tooltip{position:absolute!important;left:8.33%!important;right:8.33%;top:30.33%!important;bottom:8.33%}.tooltipTienda .tooltiptext .font-tienda{margin-top:14px;margin-left:70px;font-family:\"Barlow\",serif;font-style:normal;font-weight:700;font-size:14px;line-height:24px;color:#3c4149;text-align:left!important}.tooltipTienda .tooltiptext .font-change-store{font-family:\"Barlow\";font-style:normal;font-weight:700;font-size:14px;line-height:24px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#2649b6;margin-top:17px!important;text-align:center;cursor:pointer}.tooltipTienda .tooltiptext .compilation-text{font-size:13px;margin-left:12px;margin-top:130px;font-family:\"Barlow\",serif;text-align:center!important;position:absolute}.tooltipTienda .tooltiptext .estoy{margin-left:27px;margin-top:9px;text-align:left!important;font-family:\"Barlow\",serif;font-style:normal;font-weight:400;font-size:13px;line-height:24px;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "titlecase": i1.TitleCasePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: ModalTooltipComponent, decorators: [{
type: Component,
args: [{
selector: 'lct-modal-tooltip',
templateUrl: './modal-tooltip.component.html',
styleUrls: ['./modal-tooltip.component.scss']
}]
}], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtdG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL21vZGFsLXRvb2x0aXAvbW9kYWwtdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL21vZGFsLXRvb2x0aXAvbW9kYWwtdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUE0RSxNQUFNLGVBQWUsQ0FBQztBQUNwSCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFRdkMsTUFBTSxPQUFPLHFCQUFxQjtJQVVoQztRQVJBLHdCQUF3QjtRQUN4QixjQUFTLEdBQVcsR0FBRyxDQUFDO1FBQ3hCLFlBQU8sR0FBVyxHQUFHLENBQUM7UUFDdEIsZ0JBQVcsR0FBVyxHQUFHLENBQUM7UUFDMUIsaUJBQVksR0FBNkIsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDN0UsbUJBQWMsR0FBNkIsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDL0Usb0JBQWUsR0FBRSxLQUFLLENBQUM7SUFFUCxDQUFDO0lBRWpCLFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2tIQWxCVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix5RENUbEMsOGtHQW9DTTsyRkQzQk8scUJBQXFCO2tCQUxqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFdBQVcsRUFBRSxnQ0FBZ0M7b0JBQzdDLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO2lCQUM5QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gXCJyeGpzXCI7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGN0LW1vZGFsLXRvb2x0aXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsLXRvb2x0aXAuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbFRvb2x0aXBDb21wb25lbnQge1xuXG4gIC8qIGRpcmVjdGl2ZSB2YXJpYWJsZSAqL1xuICBuYW1lU3RvcmU6IHN0cmluZyA9ICctJztcbiAgdmVyc2lvbjogc3RyaW5nID0gJy0nO1xuICBkYXRlVmVyc2lvbjogc3RyaW5nID0gJy0nO1xuICBjb25kaXRpb25hbDI6IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuICBvcGVuTW9kYWxTdG9yZTogQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG4gIHNob3dDaGFuZ2VTdG9yZT0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBjZXJyYXJNb2RhbCgpIHtcbiAgICB0aGlzLmNvbmRpdGlvbmFsMi5uZXh0KHRydWUpO1xuICB9XG5cbiAgb3BlbkNoYW5nZVN0b3JlKCkge1xuICAgIHRoaXMub3Blbk1vZGFsU3RvcmUubmV4dCh0cnVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwidG9vbHRpcFRpZW5kYVwiPlxuICAgIDxzcGFuIGNsYXNzPVwidG9vbHRpcHRleHRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImVzdG95XCI+XG4gICAgICAgICAgICAgICAgPHNwYW4+IEVzdG95IGVuOiA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPHN2ZyAoY2xpY2spPVwiY2VycmFyTW9kYWwoKVwiIHN0eWxlPVwiZmxvYXQ6IHJpZ2h0OyBtYXJnaW4tcmlnaHQ6IDM5cHg7IGN1cnNvcjogcG9pbnRlclwiIHdpZHRoPVwiMTVcIlxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCIxNFwiIHZpZXdCb3g9XCIwIDAgMTUgMTRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk0xMy43NzA0IDAuOTM3MjY2QzEzLjM4MDQgMC41NDcyNjYgMTIuNzUwNCAwLjU0NzI2NiAxMi4zNjA0IDAuOTM3MjY2TDcuNDcwNDMgNS44MTcyN0wyLjU4MDQzIDAuOTI3MjY2QzIuMTkwNDMgMC41MzcyNjYgMS41NjA0MyAwLjUzNzI2NiAxLjE3MDQzIDAuOTI3MjY2QzAuNzgwNDMgMS4zMTcyNyAwLjc4MDQzIDEuOTQ3MjcgMS4xNzA0MyAyLjMzNzI3TDYuMDYwNDMgNy4yMjcyN0wxLjE3MDQzIDEyLjExNzNDMC43ODA0MyAxMi41MDczIDAuNzgwNDMgMTMuMTM3MyAxLjE3MDQzIDEzLjUyNzNDMS41NjA0MyAxMy45MTczIDIuMTkwNDMgMTMuOTE3MyAyLjU4MDQzIDEzLjUyNzNMNy40NzA0MyA4LjYzNzI3TDEyLjM2MDQgMTMuNTI3M0MxMi43NTA0IDEzLjkxNzMgMTMuMzgwNCAxMy45MTczIDEzLjc3MDQgMTMuNTI3M0MxNC4xNjA0IDEzLjEzNzMgMTQuMTYwNCAxMi41MDczIDEzLjc3MDQgMTIuMTE3M0w4Ljg4MDQzIDcuMjI3MjdMMTMuNzcwNCAyLjMzNzI3QzE0LjE1MDQgMS45NTcyNyAxNC4xNTA0IDEuMzE3MjcgMTMuNzcwNCAwLjkzNzI2NlpcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD1cIiMzQzQxNDlcIiAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wgY29sLTEyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbCBjb2wtMlwiPlxuICAgICAgICAgICAgICAgICAgICA8c3ZnIGNsYXNzPVwiaWNvbi10b29sdGlwXCIgd2lkdGg9XCIzMVwiIGhlaWdodD1cIjMxXCIgdmlld0JveD1cIjAgMCAzMSAzMVwiIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTcuNzg2MTggMi43Mjc1NEM3LjM3NjQgMi43Mjc1NCA3LjA0MjEzIDIuOTkzNzYgNy4wNDIxMyAzLjMyMjc4QzcuMDQyMTMgMy42NTE4IDcuMzc2NCAzLjkxODAyIDcuNzg2MTggMy45MTgwMkgyNC4xNTUyQzI0LjU2NzkgMy45MTgwMiAyNC44OTkzIDMuNjUxOCAyNC44OTkzIDMuMzIyNzhDMjQuODk5MyAyLjk5Mzc2IDI0LjU2NzkgMi43Mjc1NCAyNC4xNTUyIDIuNzI3NTRINy43ODYxOFpNMjUuMzQ1NyA1LjEwODQ5SDYuNTk1N0wzLjQ3MDcgMTEuMDYwOUgyOC40NzA3TDI1LjM0NTcgNS4xMDg0OVpNMy40NzA3IDEzLjAyNTJDMy40NzA3IDE0LjQ2NTUgNC40Njg2NSAxNS42NjU1IDUuODE0NDUgMTYuMDExNlYyNi4xNzk5SDQuMjUxOTVDMy44MjE2MyAyNi4xNzk5IDMuNDcwNyAyNi41MjYgMy40NzA3IDI2Ljk1MzdDMy40NzA3IDI3LjM4MTUgMy44MjE2OCAyNy43Mjc1IDQuMjUxOTUgMjcuNzI3NUgyNy42ODk1QzI4LjEyMjggMjcuNzI3NSAyOC40NzA3IDI3LjM4MTUgMjguNDcwNyAyNi45NTM3QzI4LjQ3MDcgMjYuNTI2IDI4LjEyMjggMjYuMTc5OSAyNy42ODk1IDI2LjE3OTlIMjYuMTI3VjE2LjAxMTZDMjcuNDcyOCAxNS42NjU1IDI4LjQ3MDcgMTQuNDY1NSAyOC40NzA3IDEzLjAyNTJWMTIuMjUxM0gzLjQ3MDdWMTMuMDI1MlpNMTkuMDk1NyAxNi4xMjA0QzIwLjgyMyAxNi4xMjA0IDIyLjIyMDcgMTQuNzM0NSAyMi4yMjA3IDEzLjAyNTFDMjIuMjIwNyAxNC40NjU1IDIzLjIxODcgMTUuNjY1NSAyNC41NjQ1IDE2LjAxMTZWMjYuMTc5OUgxMi44NDU3VjE2LjEyMDRDMTQuNTczIDE2LjEyMDQgMTUuOTcwNyAxNC43MzQ1IDE1Ljk3MDcgMTMuMDI1MUMxNS45NzA3IDE0LjczNDUgMTcuMzcxNSAxNi4xMjA0IDE5LjA5NTcgMTYuMTIwNFpNMTIuMDY0NSAyNi4xNzk5VjE2LjAxMTZDMTAuNzE4NyAxNS42NjU1IDkuNzIwNyAxNC40NjU1IDkuNzIwNyAxMy4wMjUxQzkuNzIwNyAxNC40NjU1IDguNzIyOCAxNS42NjU1IDcuMzc2OTUgMTYuMDExNlYyNi4xNzk5SDEyLjA2NDVaXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWxsPVwiIzI2NDlCNlwiIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb250LXRpZW5kYVwiPlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7bmFtZVN0b3JlIHwgdGl0bGVjYXNlfX1cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwic2hvd0NoYW5nZVN0b3JlXCIgY2xhc3M9XCJjb2wgY29sLTEyIGZvbnQtY2hhbmdlLXN0b3JlXCIgKGNsaWNrKT1cIm9wZW5DaGFuZ2VTdG9yZSgpXCI+XG4gICAgICAgICAgICAgICAgQ2FtYmlhciB0aWVuZGFcbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbXBpbGF0aW9uLXRleHRcIj5cbiAgICAgICAgICAgICAgICBWZXJzaW9uIHt7dmVyc2lvbn19IC8gQ29tcGlsYWNpw7NuOiB7e2RhdGVWZXJzaW9ufX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L3NwYW4+XG48L2Rpdj4iXX0=