-
Notifications
You must be signed in to change notification settings - Fork 481
/
Copy path2030.52a5a81a9216a156.js
1 lines (1 loc) · 17.4 KB
/
2030.52a5a81a9216a156.js
1
(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[2030],{2030:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var o=n(73308),i=n(16727),r=n(75407),s=n(39260),a=n(26306),l=n(6412),c=n(91780),m=n(19908),d=n(56366);const g=["block"];function p(e,t){1&e&&r.nrm(0,"iframe",26),2&e&&r.Y8G("@tuiFadeIn",void 0)}function C(e,t){1&e&&(r.qSk(),r.joV(),r.j41(0,"div",27)(1,"h2",28),r.EFF(2,"It’s open source"),r.k0s(),r.j41(3,"p",29),r.EFF(4," We use these components in our work ourselves, so we often release updates. Contributions are welcome — "),r.j41(5,"a",30),r.EFF(6," GitHub repo "),r.k0s()(),r.qSk(),r.j41(7,"svg",31),r.nrm(8,"path",32)(9,"path",33)(10,"path",34),r.k0s()()),2&e&&r.Y8G("@tuiFadeIn",void 0)}function f(e,t){if(1&e){const e=r.RV6();r.j41(0,"div",35,36),r.bIt("waIntersectionObservee",(function(t){const n=r.eBV(e).$implicit,o=r.XpG();return r.Njj(t[0]&&o.onIntersection(t[0],n))})),r.k0s()}}const h=(()=>{var e;class t{constructor(){this.blocks=m.xQZ,this.router=(0,r.WQX)(s.Ix),this.activatedRoute=(0,r.WQX)(s.nX),this.storage=(0,r.WQX)(l.fc),this.routes=a.$,this.current=0,this.intersected=!1}ngOnInit(){var e=this;return(0,o.A)((function*(){yield e.clearQueryParams()}))()}get background(){return this.current?"#5f6ed0":"#3dc67c"}get hidden(){return!!this.storage.getItem("env")}onIntersection({isIntersecting:e,target:t},n){e&&(this.current=n,t.scrollIntoView({behavior:"smooth"}))}onClick(){this.blocks.forEach((({nativeElement:e},t)=>{t===this.current+1&&e.scrollIntoView({behavior:"smooth"})}))}clearQueryParams(){var e=this;return(0,o.A)((function*(){yield e.router.navigate([],{relativeTo:e.activatedRoute,queryParamsHandling:"",queryParams:{}})}))()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.VBU({type:e,selectors:[["ng-component"]],viewQuery:function(e,t){if(1&e&&r.GBs(g,5,r.aKT),2&e){let e;r.mGM(e=r.lsd())&&(t.blocks=e)}},hostAttrs:["tuiTheme","light"],hostVars:4,hostBindings:function(e,t){2&e&&(r.xc7("background",t.background),r.AVh("_hide",t.hidden))},standalone:!0,features:[r.Jv_([(0,m.QUK)(c.qY,r.aKT)]),r.aNF],decls:40,vars:15,consts:[["alt","taiga","loading","lazy","src","assets/images/taiga.svg",1,"taiga"],["waIntersectionObserver","","waIntersectionThreshold","0.5",1,"components"],[1,"topography"],["alt","topography","loading","lazy","src","assets/images/topography.svg"],[1,"container",3,"waIntersectionObservee"],["height","100%","src","https://taiga-family.github.io/preview-landing-components/","title","Preview of components","width","100%",4,"ngIf"],[1,"make"],["fill","none","height","20","viewBox","0 0 285 20","width","285","xmlns","http://www.w3.org/2000/svg",1,"width"],["d","M1.01042 9.79289C0.619898 10.1834 0.619898 10.8166 1.01042 11.2071L7.37438 17.5711C7.76491 17.9616 8.39807 17.9616 8.7886 17.5711C9.17912 17.1805 9.17912 16.5474 8.7886 16.1569L3.13174 10.5L8.7886 4.84315C9.17912 4.45262 9.17912 3.81946 8.7886 3.42893C8.39807 3.03841 7.76491 3.03841 7.37438 3.42893L1.01042 9.79289ZM283.814 11.2071C284.205 10.8166 284.205 10.1834 283.814 9.79289L277.45 3.42893C277.06 3.03841 276.427 3.03841 276.036 3.42893C275.646 3.81946 275.646 4.45262 276.036 4.84315L281.693 10.5L276.036 16.1569C275.646 16.5474 275.646 17.1805 276.036 17.5711C276.427 17.9616 277.06 17.9616 277.45 17.5711L283.814 11.2071ZM1.71753 11.5H283.107V9.5H1.71753V11.5Z","fill","white"],["fill","white","height","20","rx","10","width","35","x","116.904"],["d","M125.292 14V12.5425H121.651V11.613L124.264 6.08H125.375L122.762 11.613H125.292V9.3855H126.282V11.613H127.107V12.5425H126.282V14H125.292ZM131.299 14.165C130.793 14.165 130.346 14.0642 129.957 13.8625C129.568 13.6572 129.264 13.373 129.044 13.01C128.824 12.647 128.714 12.2235 128.714 11.7395C128.714 11.2665 128.826 10.8393 129.05 10.458C129.277 10.0767 129.618 9.78333 130.073 9.578L130.056 9.9355C129.686 9.75583 129.402 9.50283 129.204 9.1765C129.006 8.8465 128.907 8.48167 128.907 8.082C128.907 7.63467 129.009 7.24967 129.215 6.927C129.42 6.60433 129.702 6.355 130.062 6.179C130.421 6.003 130.833 5.915 131.299 5.915C131.765 5.915 132.177 6.003 132.537 6.179C132.896 6.355 133.178 6.60433 133.384 6.927C133.589 7.24967 133.692 7.63467 133.692 8.082C133.692 8.48167 133.598 8.84467 133.411 9.171C133.224 9.49367 132.936 9.7485 132.548 9.9355L132.526 9.5835C132.98 9.7815 133.321 10.073 133.549 10.458C133.78 10.8393 133.895 11.2665 133.895 11.7395C133.895 12.2235 133.783 12.647 133.56 13.01C133.34 13.373 133.033 13.6572 132.641 13.8625C132.252 14.0642 131.805 14.165 131.299 14.165ZM131.299 13.23C131.761 13.23 132.135 13.1035 132.421 12.8505C132.711 12.5938 132.856 12.2235 132.856 11.7395C132.856 11.2518 132.713 10.8815 132.427 10.6285C132.144 10.3718 131.768 10.2435 131.299 10.2435C130.833 10.2435 130.458 10.3718 130.172 10.6285C129.889 10.8815 129.748 11.2518 129.748 11.7395C129.748 12.2235 129.891 12.5938 130.177 12.8505C130.463 13.1035 130.837 13.23 131.299 13.23ZM131.299 9.303C131.702 9.303 132.029 9.20217 132.278 9.0005C132.527 8.79517 132.652 8.489 132.652 8.082C132.652 7.675 132.527 7.37067 132.278 7.169C132.029 6.96367 131.702 6.861 131.299 6.861C130.899 6.861 130.573 6.96367 130.32 7.169C130.071 7.37067 129.946 7.675 129.946 8.082C129.946 8.489 130.071 8.79517 130.32 9.0005C130.573 9.20217 130.899 9.303 131.299 9.303ZM138.451 14.165C137.894 14.165 137.425 14.0275 137.043 13.7525C136.662 13.4738 136.372 13.098 136.174 12.625C135.98 12.1483 135.883 11.6148 135.883 11.0245C135.883 10.4268 135.98 9.8915 136.174 9.4185C136.372 8.9455 136.662 8.57333 137.043 8.302C137.428 8.03067 137.899 7.895 138.457 7.895C139.007 7.895 139.48 8.0325 139.876 8.3075C140.275 8.57883 140.582 8.951 140.794 9.424C141.007 9.897 141.113 10.4305 141.113 11.0245C141.113 11.6185 141.007 12.152 140.794 12.625C140.582 13.098 140.275 13.4738 139.876 13.7525C139.48 14.0275 139.005 14.165 138.451 14.165ZM135.718 16.64V8.06H136.592V12.4325H136.702V16.64H135.718ZM138.33 13.2685C138.723 13.2685 139.047 13.1695 139.304 12.9715C139.56 12.7735 139.753 12.5058 139.881 12.1685C140.01 11.8275 140.074 11.4462 140.074 11.0245C140.074 10.6065 140.01 10.2288 139.881 9.8915C139.757 9.55417 139.562 9.2865 139.298 9.0885C139.038 8.8905 138.706 8.7915 138.303 8.7915C137.918 8.7915 137.599 8.88683 137.346 9.0775C137.093 9.2645 136.904 9.52667 136.779 9.864C136.655 10.1977 136.592 10.5845 136.592 11.0245C136.592 11.4572 136.653 11.844 136.774 12.185C136.898 12.5223 137.089 12.7882 137.346 12.9825C137.602 13.1732 137.931 13.2685 138.33 13.2685ZM141.919 14L144.191 10.997L141.969 8.06H143.135L144.763 10.238L146.374 8.06H147.54L145.318 10.997L147.595 14H146.424L144.763 11.756L143.091 14H141.919Z","fill","#1B1F3B"],[1,"customize"],["fill","none","height","110","viewBox","0 0 100 110","width","100","xmlns","http://www.w3.org/2000/svg",1,"arrow"],["d","M94 0L87.9795 9.85325L99.5229 10.1406L94 0ZM1.093 109.996C18.1038 108.407 40.5258 102.765 59.2087 87.6932C77.927 72.5926 92.7921 48.1045 94.775 9.04005L92.7775 8.93866C90.821 47.4838 76.1912 71.4232 57.9529 86.1366C39.6791 100.879 17.6828 106.437 0.907002 108.004L1.093 109.996Z","fill","white"],["class","container container_dark",4,"ngIf"],[1,"initial"],[1,"map"],[1,"wrapper"],[1,"dash"],["alt","logo","loading","lazy","src","assets/images/taiga.svg",1,"logo"],["alt","angular","loading","lazy","src","https://angular.dev/assets/images/press-kit/angular_wordmark_gradient.png",1,"angular-logo"],["waIntersectionObserver","","waIntersectionThreshold","0.5","class","screen",3,"waIntersectionObservee",4,"tuiRepeatTimes","tuiRepeatTimesOf"],[1,"footer"],["appearance","accent","tuiButton","",1,"browse","browse_mobile",3,"routerLink"],["appearance","accent","tuiAutoFocus","","tuiButton","",1,"browse","browse_desktop",3,"routerLink"],["aria-label","scroller","type","button",1,"scroll",3,"click"],["height","100%","src","https://taiga-family.github.io/preview-landing-components/","title","Preview of components","width","100%"],[1,"container","container_dark"],[1,"opensource"],[1,"contributions"],["href","https://github.com/taiga-family/taiga-ui","rel","noreferrer","target","_blank",1,"link"],["fill","none","height","412","viewBox","0 0 286 412","width","286","xmlns","http://www.w3.org/2000/svg",1,"os"],["d","M385.2 291.026C410.869 268.605 429.016 238.827 437.174 205.736C445.332 172.645 443.107 137.844 430.801 106.061C418.495 74.2782 396.704 47.0536 368.388 28.085C340.072 9.11653 306.603 -0.676436 272.529 0.0363019C238.454 0.749039 205.424 11.9329 177.926 32.0689C150.428 52.2049 129.795 80.3169 118.828 112.587C107.862 144.856 107.094 179.719 116.629 212.441C126.163 245.162 145.539 274.155 172.124 295.483L218.426 237.767C203.691 225.946 192.952 209.876 187.667 191.74C182.382 173.604 182.808 154.281 188.886 136.395C194.964 118.509 206.401 102.928 221.642 91.7675C236.883 80.607 255.19 74.4082 274.076 74.0132C292.962 73.6181 311.512 79.046 327.207 89.5594C342.901 100.073 354.979 115.162 361.8 132.778C368.621 150.394 369.854 169.683 365.332 188.024C360.81 206.365 350.752 222.87 336.525 235.297L385.2 291.026Z","stroke","white","stroke-width","2"],["d","M275.2 338.026C300.98 315.508 319.17 285.572 327.277 252.316C335.384 219.06 333.012 184.111 320.487 152.256C307.961 120.4 285.894 93.1956 257.308 74.3677C228.721 55.5398 195.013 46.0093 160.8 47.0815C126.588 48.1536 93.5425 59.776 66.1911 80.3569C38.8397 100.938 18.5193 129.471 8.01293 162.048C-2.49348 194.626 -2.67218 229.654 7.50133 262.337C17.6748 295.02 37.7031 323.759 64.8431 344.618L109.933 285.95C94.8903 274.389 83.7895 258.46 78.1507 240.346C72.512 222.231 72.611 202.816 78.4343 184.76C84.2576 166.703 95.5203 150.889 110.68 139.481C125.84 128.074 144.155 121.632 163.118 121.038C182.081 120.444 200.764 125.726 216.608 136.162C232.452 146.597 244.683 161.676 251.626 179.332C258.568 196.988 259.883 216.359 255.389 234.791C250.896 253.224 240.814 269.816 226.525 282.297L275.2 338.026Z","fill","#3DC67C"],["clip-rule","evenodd","d","M240 412L172.5 295L105 412H153.717L169.478 387H150L171.5 355L193 387H174.522L190.283 412H240Z","fill","white","fill-rule","evenodd"],["waIntersectionObserver","","waIntersectionThreshold","0.5",1,"screen",3,"waIntersectionObservee"],["block",""]],template:function(e,t){1&e&&(r.nrm(0,"img",0),r.j41(1,"section",1)(2,"div",2),r.nrm(3,"img",3),r.k0s(),r.j41(4,"div",4),r.bIt("waIntersectionObservee",(function(e){return t.intersected=(null==e[0]?null:e[0].isIntersecting)||t.intersected})),r.DNE(5,p,1,1,"iframe",5),r.k0s(),r.j41(6,"div",6),r.qSk(),r.j41(7,"svg",7),r.nrm(8,"path",8)(9,"rect",9)(10,"path",10),r.k0s(),r.EFF(11," Make it "),r.k0s(),r.joV(),r.j41(12,"div",11),r.EFF(13," Customize design the way you like it "),r.qSk(),r.j41(14,"svg",12),r.nrm(15,"path",13),r.k0s()(),r.DNE(16,C,11,1,"div",14),r.k0s(),r.joV(),r.j41(17,"section",15)(18,"div",16),r.nrm(19,"img",3),r.k0s(),r.j41(20,"h1",17),r.EFF(21," Taiga UI "),r.j41(22,"span",18),r.EFF(23,"——"),r.k0s(),r.nrm(24,"img",19)(25,"br"),r.EFF(26," powerful set of "),r.nrm(27,"br"),r.EFF(28," open source "),r.nrm(29,"br"),r.EFF(30," components for "),r.nrm(31,"br")(32,"img",20),r.k0s()(),r.DNE(33,f,2,0,"div",21),r.j41(34,"footer",22)(35,"a",23),r.EFF(36," Browse "),r.k0s(),r.j41(37,"a",24),r.EFF(38," Browse components "),r.k0s(),r.j41(39,"button",25),r.bIt("click",(function(){return t.onClick()})),r.k0s()()),2&e&&(r.R7$(1),r.AVh("components_first",1===t.current)("components_second",2===t.current),r.R7$(4),r.Y8G("ngIf",t.intersected||1===t.current),r.R7$(11),r.Y8G("ngIf",2===t.current),r.R7$(1),r.AVh("initial_hidden",t.current),r.R7$(3),r.AVh("wrapper_hidden",t.current),r.R7$(13),r.Y8G("tuiRepeatTimesOf",3),r.R7$(2),r.Y8G("routerLink",t.routes.GettingStarted),r.R7$(2),r.Y8G("routerLink",t.routes.GettingStarted),r.R7$(2),r.AVh("scroll_hidden",2===t.current))},dependencies:[i.bT,s.Wk,m.s8y,d.paf,m.C0w,c.js,c.N7],styles:['@keyframes _ngcontent-%COMP%_scroll{0%{color:transparent}50%{color:#0003}to{color:transparent}}@keyframes _ngcontent-%COMP%_bounce{to{transform:translate3d(0,.625rem,0)}}[_nghost-%COMP%]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:2;block-size:100vh;background:#3dc67c;transition:background .6s;overflow-y:auto;overflow-x:hidden;scroll-snap-stop:always;scroll-snap-type:y mandatory}._hide[_nghost-%COMP%]{display:none}.footer[_ngcontent-%COMP%]{position:fixed;left:0;right:0;bottom:0;display:flex;padding:2.75rem;pointer-events:none}@media all and (max-width: 43.75rem){.footer[_ngcontent-%COMP%]{padding:2rem}}.by[_ngcontent-%COMP%]{margin-left:auto;filter:invert(1)}.taiga[_ngcontent-%COMP%]{position:fixed;left:2.5rem;top:2.5rem;inline-size:2.1875rem;filter:brightness(0) invert(1)}.browse[_ngcontent-%COMP%]{pointer-events:auto}.browse_desktop[_ngcontent-%COMP%]{display:none}@media all and (min-width: 37.5rem){.browse_mobile[_ngcontent-%COMP%]{display:none}.browse_desktop[_ngcontent-%COMP%]{display:flex}}.initial[_ngcontent-%COMP%]{position:fixed;top:0;left:0;bottom:0;color:var(--tui-text-primary);background:#fff;inline-size:60vw;line-height:initial;padding:2.5rem;box-sizing:border-box;pointer-events:none;transform-origin:left;transition:transform .6s}@media all and (max-width: 43.75rem){.initial[_ngcontent-%COMP%]{inline-size:100vw}}.initial_hidden[_ngcontent-%COMP%]{transform:translate3d(-100%,0,0);transition:transform .6s .4s}.map[_ngcontent-%COMP%]{position:absolute;top:50%;left:0;right:0;bottom:0;background:#3dc67c;border:2.75rem solid transparent;border-bottom-width:7.5rem;overflow:hidden}@media all and (min-width: 43.75rem){.map[_ngcontent-%COMP%]{display:none}}.wrapper[_ngcontent-%COMP%]{position:relative;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;transition:opacity .6s .4s;white-space:nowrap;margin:0;font-size:min(7vw,11vh)}@media all and (max-width: 43.75rem){.wrapper[_ngcontent-%COMP%]{font-size:min(10vw,10vh)}}@media all and (max-height: 26.25rem){.wrapper[_ngcontent-%COMP%]{font-size:min(6vw,8vh)}}.wrapper_hidden[_ngcontent-%COMP%]{opacity:0;transition:opacity .6s}.logo[_ngcontent-%COMP%]{inline-size:1em}.angular-logo[_ngcontent-%COMP%]{block-size:1.2em;margin-top:.5rem}.screen[_ngcontent-%COMP%]{inline-size:100vw;min-block-size:100vh;scroll-snap-align:start;scroll-snap-stop:always}.dash[_ngcontent-%COMP%]{letter-spacing:-.2em;margin-right:.3em}.topography[_ngcontent-%COMP%]{position:absolute;top:-3.125rem;left:-30vw;overflow:hidden}.components[_ngcontent-%COMP%]{position:sticky;left:0;top:8.125rem;transition:transform .6s;transform:translate3d(100vw,0,0);transform-origin:top left}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components[_ngcontent-%COMP%]{transform:scale(.7) translate3d(100vw,0,0)}}.components_first[_ngcontent-%COMP%]{transform:translate3d(8.125rem,0,0);transition:transform .6s .6s}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components_first[_ngcontent-%COMP%]{transform:scale(.7) translate3d(3.125rem,0,0)}}.components_second[_ngcontent-%COMP%]{transform:translate3d(calc(100vw - 150rem),0,0)}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components_second[_ngcontent-%COMP%]{transform:scale(.7) translate3d(calc(100vw - 118.75rem),0,0)}}.container[_ngcontent-%COMP%]{position:absolute;inline-size:49.5625rem;block-size:31.25rem;background:#fff;border-radius:3.75rem;box-sizing:border-box;overflow:hidden}.container_dark[_ngcontent-%COMP%]{top:0;left:100.375rem;inline-size:53.625rem;padding:3.75rem 4rem;background:var(--tui-text-primary);color:#fff}.make[_ngcontent-%COMP%]{position:absolute;left:46.5rem;top:3.3125rem;inline-size:47rem;block-size:8.25rem;border-radius:8.25rem;font-size:3.0625rem;line-height:8.25rem;font-weight:700;text-align:center;color:#fff;background:var(--tui-background-accent-2);box-sizing:border-box}.make[_ngcontent-%COMP%]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";box-shadow:inset 0 0 0 2px var(--tui-text-primary);pointer-events:none}.make[_ngcontent-%COMP%]:after{content:"";position:absolute;top:-.375rem;left:-.375rem;inline-size:.75rem;block-size:.75rem;border-radius:.1875rem;background:var(--tui-text-primary);color:var(--tui-text-primary);box-shadow:0 8.25rem,23.25rem 0,23.25rem 8.25rem,46.5rem 0,46.5rem 8.25rem}.width[_ngcontent-%COMP%]{position:absolute;left:.25rem;top:50%;margin-top:-.625rem}.customize[_ngcontent-%COMP%]{position:absolute;left:59.8125rem;top:17.6875rem;inline-size:25rem;font-size:3.5rem;font-weight:700;line-height:4.9375rem;color:#fff}.arrow[_ngcontent-%COMP%]{position:absolute;left:20.5625rem;bottom:11.9375rem}.opensource[_ngcontent-%COMP%]{inline-size:18.75rem;font-size:4.8125rem;line-height:4.6875rem;font-weight:700;margin:0}.contributions[_ngcontent-%COMP%]{inline-size:21.875rem;margin-top:3.125rem;font-size:1.0625rem;line-height:2.125rem}.os[_ngcontent-%COMP%]{position:absolute;top:2.625rem;left:30.625rem;overflow:visible}.link[_ngcontent-%COMP%]{color:#fff}.scroll[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:50%;left:50%;margin:-2.1875rem -.75rem;inline-size:1.875rem;block-size:4.0625rem;border-radius:1.25rem;border:3px solid rgba(0,0,0,.2);cursor:pointer;background:none;outline:none;animation:_ngcontent-%COMP%_bounce 1s infinite alternate;pointer-events:auto}.scroll[_ngcontent-%COMP%]:before, .scroll[_ngcontent-%COMP%]:after{content:"";position:absolute;top:.9375rem;left:.40625rem;inline-size:.5rem;block-size:.5rem;transform:rotate(-45deg);border-bottom:3px solid;border-left:3px solid;color:transparent;animation:_ngcontent-%COMP%_scroll 1s infinite;animation-fill-mode:both}.scroll[_ngcontent-%COMP%]:after{top:1.875rem;animation:_ngcontent-%COMP%_scroll 1s var(--tui-duration) infinite}.scroll_hidden[_ngcontent-%COMP%]{opacity:0}'],data:{animation:[d.uy$]},changeDetection:0}),t})()}}]);