-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchunk-BTGXNXA4.js
1 lines (1 loc) · 11.4 KB
/
chunk-BTGXNXA4.js
1
import{d as u,e as S}from"./chunk-YBTLN4QR.js";import{y as C}from"./chunk-GQM57KWZ.js";import{Eb as e,Fb as t,Gb as i,Zb as n,_b as r,db as a,eb as x,fc as v,jc as p,kc as o,oa as f}from"./chunk-HBDLDI7D.js";var P=(()=>{let c=class c{constructor(s){this.browserService=s}ngAfterViewChecked(){this.carDescriptionsToggle()}carDescriptionsToggle(){if(this.browserService.isBrowser()){let s=document.querySelectorAll(".carspecifications .car-description");s.forEach(l=>{let d=l.closest(".position-relative").offsetHeight,h=window.getComputedStyle(l).bottom.split(".")[0],g=100-Math.round((d-h)/d*100);g<=40?l.querySelector(".description").style.top=-(l.querySelector(".description").offsetHeight-l.offsetHeight)+"px":g>40&&g<=60&&(l.querySelector(".description").style.top=-((l.querySelector(".description").offsetHeight-l.offsetHeight)/2)+"px")}),s.forEach(l=>{l.querySelector(".description").style.display="none"})}}};c.\u0275fac=function(l){return new(l||c)(x(C))},c.\u0275cmp=f({type:c,selectors:[["app-carspecifications"]],standalone:!0,features:[v],decls:220,vars:108,consts:[[1,"carspecifications","pa-y-5","pa-y-md-5"],[1,"text-center","title-plus","f-s-2","f-s-md-3","text-mygray","ma-b-2","ma-b-md-2"],[1,"position-relative"],[1,"title-column"],["src","https://sina0043.github.io/sawda_ssr/assets/img/home/img/cars/Group 1000001749.png","alt","",1,"lazy","car"],["src","https://sina0043.github.io/sawda_ssr/assets/img/home/img/carspecifications_dots.png","alt","",1,"lazy","dots","w-100","position-absolute"],[1,"car-description","one"],["src","https://sina0043.github.io/sawda_ssr/assets/img/home/img/i.png","alt","",1,"lazy","w-c-033"],[1,"description"],[1,"description-items","d-flex","align-items-center","flex-column"],["src","https://sina0043.github.io/sawda_ssr/assets/img/home/img/motor.png","alt","",1,"lazy","w-50"],[1,"text-white","font-weight-bold","f-s-1","f-s-md-125","mb-0"],[1,"description-item","d-flex","align-items-center"],[1,"mb-0"],[1,"f-s-075","f-s-md-1","mb-0","ma-x-1","ma-x-md-1"],[1,"car-description","two"],[1,"car-description","three"],[1,"car-description","four"],[1,"car-description","five"],[1,"car-description","six"],[1,"lets-go"],[1,"btn"],[1,""],[1,"d-flex","flex-fill"],[1,"bg-gold","w-p-30","w-p-md-30"],[1,"d-flex","align-items-center","justify-content-center","justify-content-xl-start","h-100"],[1,"d-none","d-xl-block","under-line","w-c-4","ma-t-15","bg-white"],[1,"title-plus","mb-0","f-s-15","f-s-md-175","f-s-sm-125","text-mygray"],[1,"d-flex","justify-content-around","align-items-center","w-p-65","w-p-md-65","bg-mygray","pa-t-1","pa-b-1"],[1,"d-flex","flex-column","justify-content-center","align-items-center"],[1,"text-gold","font-weight-bold","f-s-1","f-s-md-125","mb-0"],[1,"text-white","f-s-05","f-s-md-1","mb-0"],[1,"bg-gold","w-p-5","w-p-md-5"]],template:function(l,d){l&1&&(e(0,"section",0)(1,"p",1),n(2),p(3,"translate"),t(),e(4,"div",2),i(5,"span",3)(6,"img",4)(7,"img",5),e(8,"span",6)(9,"span")(10,"span"),i(11,"img",7),t()(),e(12,"div",8)(13,"div",9),i(14,"img",10),e(15,"p",11),n(16),p(17,"translate"),t(),e(18,"div",12),i(19,"p",13),e(20,"p",14),n(21),p(22,"translate"),t()(),e(23,"div",12),i(24,"p",13),e(25,"p",14),n(26),p(27,"translate"),t()(),e(28,"div",12),i(29,"p",13),e(30,"p",14),n(31),p(32,"translate"),t()(),e(33,"div",12),i(34,"p",13),e(35,"p",14),n(36),p(37,"translate"),t()()()()(),e(38,"span",15)(39,"span")(40,"span"),i(41,"img",7),t()(),e(42,"div",8)(43,"div",9),i(44,"img",10),e(45,"p",11),n(46),p(47,"translate"),t(),e(48,"div",12),i(49,"p",13),e(50,"p",14),n(51),p(52,"translate"),t()(),e(53,"div",12),i(54,"p",13),e(55,"p",14),n(56),p(57,"translate"),t()(),e(58,"div",12),i(59,"p",13),e(60,"p",14),n(61),p(62,"translate"),t()(),e(63,"div",12),i(64,"p",13),e(65,"p",14),n(66),p(67,"translate"),t()()()()(),e(68,"span",16)(69,"span")(70,"span"),i(71,"img",7),t()(),e(72,"div",8)(73,"div",9),i(74,"img",10),e(75,"p",11),n(76),p(77,"translate"),t(),e(78,"div",12),i(79,"p",13),e(80,"p",14),n(81),p(82,"translate"),t()(),e(83,"div",12),i(84,"p",13),e(85,"p",14),n(86),p(87,"translate"),t()(),e(88,"div",12),i(89,"p",13),e(90,"p",14),n(91),p(92,"translate"),t()(),e(93,"div",12),i(94,"p",13),e(95,"p",14),n(96),p(97,"translate"),t()()()()(),e(98,"span",17)(99,"span")(100,"span"),i(101,"img",7),t()(),e(102,"div",8)(103,"div",9),i(104,"img",10),e(105,"p",11),n(106),p(107,"translate"),t(),e(108,"div",12),i(109,"p",13),e(110,"p",14),n(111),p(112,"translate"),t()(),e(113,"div",12),i(114,"p",13),e(115,"p",14),n(116),p(117,"translate"),t()(),e(118,"div",12),i(119,"p",13),e(120,"p",14),n(121),p(122,"translate"),t()(),e(123,"div",12),i(124,"p",13),e(125,"p",14),n(126),p(127,"translate"),t()()()()(),e(128,"span",18)(129,"span")(130,"span"),i(131,"img",7),t()(),e(132,"div",8)(133,"div",9),i(134,"img",10),e(135,"p",11),n(136),p(137,"translate"),t(),e(138,"div",12),i(139,"p",13),e(140,"p",14),n(141),p(142,"translate"),t()(),e(143,"div",12),i(144,"p",13),e(145,"p",14),n(146),p(147,"translate"),t()(),e(148,"div",12),i(149,"p",13),e(150,"p",14),n(151),p(152,"translate"),t()(),e(153,"div",12),i(154,"p",13),e(155,"p",14),n(156),p(157,"translate"),t()()()()(),e(158,"span",19)(159,"span")(160,"span"),i(161,"img",7),t()(),e(162,"div",8)(163,"div",9),i(164,"img",10),e(165,"p",11),n(166),p(167,"translate"),t(),e(168,"div",12),i(169,"p",13),e(170,"p",14),n(171),p(172,"translate"),t()(),e(173,"div",12),i(174,"p",13),e(175,"p",14),n(176),p(177,"translate"),t()(),e(178,"div",12),i(179,"p",13),e(180,"p",14),n(181),p(182,"translate"),t()(),e(183,"div",12),i(184,"p",13),e(185,"p",14),n(186),p(187,"translate"),t()()()()(),e(188,"div",20)(189,"button",21),n(190),p(191,"translate"),t()()(),e(192,"div",22)(193,"div",23)(194,"div",24)(195,"div",25),i(196,"span",26),e(197,"p",27),n(198),p(199,"translate"),t()()(),e(200,"div",28)(201,"div",29)(202,"p",30),n(203,"3200"),t(),e(204,"p",31),n(205),p(206,"translate"),t()(),e(207,"div",29)(208,"p",30),n(209,"760"),t(),e(210,"p",31),n(211),p(212,"translate"),t()(),e(213,"div",29)(214,"p",30),n(215,"60"),t(),e(216,"p",31),n(217),p(218,"translate"),t()()(),i(219,"div",32),t()()()),l&2&&(a(2),r(o(3,36,"technicalInformation")),a(14),r(o(17,38,"engineInformation")),a(5),r(o(22,40,"numberOfCylinders")),a(5),r(o(27,42,"engineVolume")),a(5),r(o(32,44,"fuelConsumption")),a(5),r(o(37,46,"fuelType")),a(10),r(o(47,48,"engineInformation")),a(5),r(o(52,50,"numberOfCylinders")),a(5),r(o(57,52,"engineVolume")),a(5),r(o(62,54,"fuelConsumption")),a(5),r(o(67,56,"fuelType")),a(10),r(o(77,58,"engineInformation")),a(5),r(o(82,60,"numberOfCylinders")),a(5),r(o(87,62,"engineVolume")),a(5),r(o(92,64,"fuelConsumption")),a(5),r(o(97,66,"fuelType")),a(10),r(o(107,68,"engineInformation")),a(5),r(o(112,70,"numberOfCylinders")),a(5),r(o(117,72,"engineVolume")),a(5),r(o(122,74,"fuelConsumption")),a(5),r(o(127,76,"fuelType")),a(10),r(o(137,78,"engineInformation")),a(5),r(o(142,80,"numberOfCylinders")),a(5),r(o(147,82,"engineVolume")),a(5),r(o(152,84,"fuelConsumption")),a(5),r(o(157,86,"fuelType")),a(10),r(o(167,88,"engineInformation")),a(5),r(o(172,90,"numberOfCylinders")),a(5),r(o(177,92,"engineVolume")),a(5),r(o(182,94,"fuelConsumption")),a(5),r(o(187,96,"fuelType")),a(4),r(o(191,98,"letsGo")),a(8),r(o(199,100,"ourStatistics")),a(7),r(o(206,102,"trim")),a(6),r(o(212,104,"model")),a(6),r(o(218,106,"brand")))},dependencies:[S,u],styles:['.carspecifications[_ngcontent-%COMP%]{overflow-x:hidden}.carspecifications[_ngcontent-%COMP%] .position-relative[_ngcontent-%COMP%]{width:90%;margin:auto}.carspecifications[_ngcontent-%COMP%] .title-plus[_ngcontent-%COMP%]:first-child{position:relative;z-index:10}.carspecifications[_ngcontent-%COMP%] .title-column[_ngcontent-%COMP%]{position:absolute;width:.3cqmax;background-color:#fed215;top:5%;left:50%;transform:translate(-50%,-50%);z-index:9;height:20vh}.carspecifications[_ngcontent-%COMP%] .dots[_ngcontent-%COMP%]{top:3%;left:3%;max-height:85vh}.carspecifications[_ngcontent-%COMP%] .car[_ngcontent-%COMP%]{position:relative;margin-top:6%;width:100%;max-height:100vh;z-index:11}.carspecifications[_ngcontent-%COMP%] .car-description[_ngcontent-%COMP%]{position:absolute;width:3.3cqmax;height:3.3cqmax;border-radius:50%;cursor:pointer;z-index:12}.carspecifications[_ngcontent-%COMP%] .car-description[_ngcontent-%COMP%]:before{content:"";position:absolute;width:4cqmax;height:4cqmax;top:-10%;right:-10%;border-radius:100%;border:.23cqmax solid #fed215;-webkit-animation:_ngcontent-%COMP%_breathing 2s linear infinite;animation:_ngcontent-%COMP%_breathing 2s linear infinite}@keyframes _ngcontent-%COMP%_breathing{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:.05}35%{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:.2}70%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:.3}to{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}}.carspecifications[_ngcontent-%COMP%] span[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{position:absolute;width:2.5cqmax;height:2.5cqmax;background-color:#000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:0}.carspecifications[_ngcontent-%COMP%] span[_ngcontent-%COMP%] span[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{position:absolute;width:1.3cqmax;height:1.3cqmax;background-color:#fed215;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:0}.carspecifications[_ngcontent-%COMP%] span[_ngcontent-%COMP%] span[_ngcontent-%COMP%] span[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carspecifications[_ngcontent-%COMP%] span.one[_ngcontent-%COMP%]{bottom:49%;right:20%}.carspecifications[_ngcontent-%COMP%] span.two[_ngcontent-%COMP%]{bottom:61%;right:53%}.carspecifications[_ngcontent-%COMP%] span.three[_ngcontent-%COMP%]{bottom:43%;right:66%}.carspecifications[_ngcontent-%COMP%] span.four[_ngcontent-%COMP%]{bottom:41%;right:78%}.carspecifications[_ngcontent-%COMP%] span.five[_ngcontent-%COMP%]{bottom:20%;right:52%}.carspecifications[_ngcontent-%COMP%] span.six[_ngcontent-%COMP%]{bottom:26%;right:70%}.carspecifications[_ngcontent-%COMP%] .car-description[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{position:absolute;left:100%}.carspecifications[_ngcontent-%COMP%] .car-description[_ngcontent-%COMP%]:hover .description[_ngcontent-%COMP%]{display:flex!important}.carspecifications[_ngcontent-%COMP%] .car-description[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{background-color:red}.carspecifications[_ngcontent-%COMP%] .car-description[_ngcontent-%COMP%]:hover:before{border:.23cqmax solid red}.carspecifications[_ngcontent-%COMP%] .description[_ngcontent-%COMP%] .description-items[_ngcontent-%COMP%]{color:#fff;text-wrap:nowrap;background-color:#000000a6;border-radius:.5cqmax;padding:1.3cqmax;position:relative;z-index:999999}.carspecifications[_ngcontent-%COMP%] .description[_ngcontent-%COMP%] .description-item[_ngcontent-%COMP%]{width:100%;color:#fed215}.carspecifications[_ngcontent-%COMP%] .description[_ngcontent-%COMP%] .description-item[_ngcontent-%COMP%] p[_ngcontent-%COMP%]:first-child{width:.5cqmax;height:.5cqmax;background-color:#fff;border-radius:50%}@media screen and (max-width: 992px){.carspecifications[_ngcontent-%COMP%] .title-column[_ngcontent-%COMP%]{height:10vh}}@media screen and (max-width: 576px){.carspecifications[_ngcontent-%COMP%] .title-column[_ngcontent-%COMP%]{height:7vh}}']});let m=c;return m})();export{P as CarspecificationsComponent};