diff --git a/app/templates/route-components/assets.hbs b/app/templates/route-components/assets.hbs index 2a59ebfe2..759a05bd0 100644 --- a/app/templates/route-components/assets.hbs +++ b/app/templates/route-components/assets.hbs @@ -67,6 +67,7 @@ {{icon-box name='magnifying-glass'}} {{icon-box name='mail'}} {{icon-box name='map'}} + {{icon-box name='megaphone'}} {{icon-box name='menu'}} {{icon-box name='menu-control'}} {{icon-box name='more'}} diff --git a/dist/css/styles.css b/dist/css/styles.css index 07557a04f..15d4f4a5a 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -1 +1 @@ -.wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron,.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__image{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-avatar{height:28px;min-width:28px;width:28px;border:2px solid currentColor;border-radius:50%}.wds-button{background-color:#00b7e0;border:1px solid;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15px;line-height:1.3em;outline:0;padding:16px 18px 15px;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color;-webkit-appearance:none;-webkit-border-radius:0}.wds-button.wds-is-active,.wds-button:active,.wds-button:focus:not(:disabled),.wds-button:hover:not(:disabled){background-color:#00647a;border-color:#00647a}.wds-button.wds-is-disabled,.wds-button:disabled{cursor:default;opacity:.5}.wds-button.wds-is-secondary{background-color:transparent;color:#00b7e0}.wds-button.wds-is-secondary.wds-is-active,.wds-button.wds-is-secondary:active,.wds-button.wds-is-secondary:focus:not(:disabled),.wds-button.wds-is-secondary:hover:not(:disabled){background-color:transparent;color:#00647a}.wds-button.wds-is-squished{font-size:10px;padding:10px 12px 9px}.wds-button.wds-is-stretched{padding:28px 18px 27px}.wds-button.wds-is-full-width{box-sizing:border-box;width:100%}.wds-button.wds-is-square{height:45px;min-width:45px;width:45px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.wds-button.wds-is-text{background-color:transparent;border:0;color:#00b7e0}.wds-button.wds-is-text.wds-is-active,.wds-button.wds-is-text:active,.wds-button.wds-is-text:focus:not(:disabled),.wds-button.wds-is-text:hover:not(:disabled){background-color:transparent;color:#00647a}.wds-button.wds-is-facebook-color{background-color:#3b5998;border-color:#3b5998}.wds-button.wds-is-facebook-color.wds-is-active,.wds-button.wds-is-facebook-color:active,.wds-button.wds-is-facebook-color:focus:not(:disabled),.wds-button.wds-is-facebook-color:hover:not(:disabled){background-color:#1e2e4f;border-color:#1e2e4f}.wds-button.wds-is-googleplus-color{background-color:#dd4b39;border-color:#dd4b39}.wds-button.wds-is-googleplus-color.wds-is-active,.wds-button.wds-is-googleplus-color:active,.wds-button.wds-is-googleplus-color:focus:not(:disabled),.wds-button.wds-is-googleplus-color:hover:not(:disabled){background-color:#96271a;border-color:#96271a}.wds-button.wds-is-line-color{background-color:#00c300;border-color:#00c300}.wds-button.wds-is-line-color.wds-is-active,.wds-button.wds-is-line-color:active,.wds-button.wds-is-line-color:focus:not(:disabled),.wds-button.wds-is-line-color:hover:not(:disabled){background-color:#005d00;border-color:#005d00}.wds-button.wds-is-linkedin-color{background-color:#0077b5;border-color:#0077b5}.wds-button.wds-is-linkedin-color.wds-is-active,.wds-button.wds-is-linkedin-color:active,.wds-button.wds-is-linkedin-color:focus:not(:disabled),.wds-button.wds-is-linkedin-color:hover:not(:disabled){background-color:#00344f;border-color:#00344f}.wds-button.wds-is-meneame-color{background-color:#ff6400;border-color:#ff6400}.wds-button.wds-is-meneame-color.wds-is-active,.wds-button.wds-is-meneame-color:active,.wds-button.wds-is-meneame-color:focus:not(:disabled),.wds-button.wds-is-meneame-color:hover:not(:disabled){background-color:#993c00;border-color:#993c00}.wds-button.wds-is-nk-color{background-color:#4077a7;border-color:#4077a7}.wds-button.wds-is-nk-color.wds-is-active,.wds-button.wds-is-nk-color:active,.wds-button.wds-is-nk-color:focus:not(:disabled),.wds-button.wds-is-nk-color:hover:not(:disabled){background-color:#24425d;border-color:#24425d}.wds-button.wds-is-odnoklassniki-color{background-color:#f96900;border-color:#f96900}.wds-button.wds-is-odnoklassniki-color.wds-is-active,.wds-button.wds-is-odnoklassniki-color:active,.wds-button.wds-is-odnoklassniki-color:focus:not(:disabled),.wds-button.wds-is-odnoklassniki-color:hover:not(:disabled){background-color:#933e00;border-color:#933e00}.wds-button.wds-is-reddit-color{background-color:#ff4500;border-color:#ff4500}.wds-button.wds-is-reddit-color.wds-is-active,.wds-button.wds-is-reddit-color:active,.wds-button.wds-is-reddit-color:focus:not(:disabled),.wds-button.wds-is-reddit-color:hover:not(:disabled){background-color:#992900;border-color:#992900}.wds-button.wds-is-tumblr-color{background-color:#34465d;border-color:#34465d}.wds-button.wds-is-tumblr-color.wds-is-active,.wds-button.wds-is-tumblr-color:active,.wds-button.wds-is-tumblr-color:focus:not(:disabled),.wds-button.wds-is-tumblr-color:hover:not(:disabled){background-color:#0f151c;border-color:#0f151c}.wds-button.wds-is-twitter-color{background-color:#1da1f2;border-color:#1da1f2}.wds-button.wds-is-twitter-color.wds-is-active,.wds-button.wds-is-twitter-color:active,.wds-button.wds-is-twitter-color:focus:not(:disabled),.wds-button.wds-is-twitter-color:hover:not(:disabled){background-color:#0967a0;border-color:#0967a0}.wds-button.wds-is-vkontakte-color{background-color:#587ca3;border-color:#587ca3}.wds-button.wds-is-vkontakte-color.wds-is-active,.wds-button.wds-is-vkontakte-color:active,.wds-button.wds-is-vkontakte-color:focus:not(:disabled),.wds-button.wds-is-vkontakte-color:hover:not(:disabled){background-color:#344a61;border-color:#344a61}.wds-button.wds-is-wykop-color{background-color:#fb803f;border-color:#fb803f}.wds-button.wds-is-wykop-color.wds-is-active,.wds-button.wds-is-wykop-color:active,.wds-button.wds-is-wykop-color:focus:not(:disabled),.wds-button.wds-is-wykop-color:hover:not(:disabled){background-color:#d04b04;border-color:#d04b04}.wds-button.wds-is-weibo-color{background-color:#ff8140;border-color:#ff8140}.wds-button.wds-is-weibo-color.wds-is-active,.wds-button.wds-is-weibo-color:active,.wds-button.wds-is-weibo-color:focus:not(:disabled),.wds-button.wds-is-weibo-color:hover:not(:disabled){background-color:#d94a00;border-color:#d94a00}.wds-dropdown{display:inline-block;position:relative}.wds-dropdown__toggle{cursor:pointer;position:relative;z-index:2}.wds-dropdown__toggle-chevron{margin-left:5px}.wds-dropdown__content{background-color:#fff;box-shadow:0 0 10px 0 rgba(26,26,26,.2);display:none;left:0;position:absolute;top:100%;z-index:1}.wds-dropdown__content.wds-is-dark{box-shadow:0 0 20px 0 rgba(26,26,26,.3)}.wds-dropdown__content.wds-is-right-aligned{left:auto;right:0}.wds-dropdown.wds-is-active .wds-dropdown__content{display:inline-block}.wds-icon{fill:currentColor;height:24px;min-width:24px;width:24px}.wds-icon-small{height:18px;min-width:18px;width:18px}.wds-icon-tiny{height:12px;min-width:12px;width:12px}.wds-list{list-style-type:none;margin:0;padding:7px 18px}.wds-list>li{font-size:14px;line-height:1em;padding:11px 0}.wds-list.wds-has-big-items{padding-bottom:2px;padding-top:2px}.wds-list.wds-has-big-items>li{font-size:16px;padding-bottom:16px;padding-top:16px}.wds-list.wds-has-lines-between>li{border-bottom:solid 1px #e6e6e6}.wds-list.wds-has-lines-between>li:last-child{border:0}.wds-list.wds-has-ellipsis.wds-is-linked>li>a,.wds-list.wds-has-ellipsis>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wds-list.wds-is-linked>li{padding:0}.wds-list.wds-is-linked>li>a{display:block;padding:11px 0}.wds-global-footer{background-color:#39424d;box-sizing:border-box;color:#fff;margin-top:30px;word-wrap:break-word}.wds-global-footer *{box-sizing:inherit}.wds-global-footer ul{list-style-type:none;margin:0;padding:0}.wds-global-footer__header-wrapper{display:block;width:100%}.wds-global-footer__header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:30px 0 25px}.wds-global-footer__bottom-bar{background:rgba(38,38,38,.5);font-size:12px;line-height:1.3em;min-height:50px;padding:0 20px;text-align:center}.wds-global-footer__bottom-bar a,.wds-global-footer__bottom-bar a:visited{color:#00b7e0;text-decoration:none}.wds-global-footer__bottom-bar a:hover{color:#fff}.wds-global-footer__bottom-bar-row{margin:0 auto}.wds-global-footer__bottom-bar-row.wds-has-border-top{border-top:1px solid #656e78}.wds-global-footer__bottom-bar-row.wds-has-padding{padding:16px 0}.wds-global-footer__button-link{display:inline-block;font-weight:700;letter-spacing:.3px;line-height:1.3em;min-height:45px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__header-logo{height:44px;width:184px}.wds-global-footer__fandom-logo{fill:#fff;height:26px;width:122px}.wds-global-footer__wikia-logo{fill:#fff;height:26px;width:67px}.wds-global-footer__wikia-logo.wds-is-large{height:30px;padding:0;width:84px}.wds-global-footer__home-of-fandom{border-bottom:1px solid #c5ced9;border-top:1px solid #c5ced9;color:#7f90a1;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-left:13px;margin-top:5px;padding:3px 0;text-transform:uppercase;white-space:nowrap}.wds-global-footer__main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{margin:0}.wds-global-footer__fandom-sections,.wds-global-footer__wikia-sections{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{border-top:4px solid #656e78;margin-right:55px;padding-top:8px}.wds-global-footer__link,.wds-global-footer__link:active,.wds-global-footer__link:focus,.wds-global-footer__link:visited{color:#c5ced9;font-size:14px;font-weight:400;line-height:1.3em;text-decoration:none}.wds-global-footer__link:hover{color:#fff}.wds-global-footer__links-list-item{margin-bottom:8px}.wds-global-footer__fandom-section.wds-is-fandom-overview{border:0;padding:0}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:4px solid #656e78;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:6px 0 28px;text-decoration:none}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-games{border-color:#94d11f}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-movies{border-color:#09d3bf}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-tv{border-color:#00b7e0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{background:center no-repeat;background-size:24px;display:inline-block;height:24px;margin-right:20px;width:24px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image{color:#656e78}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link{border:1px solid #c5ced9;color:#c5ced9;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;line-height:1.3em;margin-top:13px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{display:block;line-height:1.3em;margin-top:6px;width:119px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__image{height:35px;width:119px}.wds-global-footer__section-header{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px;margin-top:0;min-height:24px;padding:0}.wds-global-footer__section-description{color:#fff;font-size:14px;line-height:1.3em;margin:0;padding:0}@media only screen and (max-width:1083px){.wds-global-footer__main{margin:0 20px}.wds-global-footer__fandom-header{margin-bottom:29px;margin-top:38px}.wds-global-footer__wikia-header{margin-bottom:29px;margin-top:61px}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{margin:0;width:100%}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:20px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{height:42px;margin-right:10px;width:42px}.wds-global-footer__wikia-section{margin-bottom:20px}.wds-global-footer__wikia-section.wds-is-company-overview{width:50%}.wds-global-footer__wikia-section.wds-is-site-overview{padding-top:42px;width:50%}.wds-global-footer__wikia-section.wds-is-create-wiki{display:none}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{margin-bottom:0;margin-top:5px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{margin-right:25px}.wds-global-footer.wds-is-en .wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:0}.wds-global-footer__links-list-item{margin-bottom:20px}}@media only screen and (min-width:1084px){.wds-global-footer__main{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0 auto;padding-bottom:40px;width:1024px}.wds-global-footer__bottom-bar{padding:0}.wds-global-footer__bottom-bar-row{width:1024px}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{height:26px;margin-bottom:35px;margin-top:47px}.wds-global-footer__header{padding:40px 0 35px}.wds-global-footer__fandom-header{-webkit-order:1;-ms-flex-order:1;order:1;width:25%}.wds-global-footer__fandom-sections{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-order:3;-ms-flex-order:3;order:3;width:25%}.wds-global-footer__wikia-header{-webkit-order:2;-ms-flex-order:2;order:2;width:75%}.wds-global-footer__wikia-sections{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-order:4;-ms-flex-order:4;order:4;width:75%}.wds-global-footer__fandom-section{width:200px}.wds-global-footer__wikia-section{padding-bottom:8px}.wds-global-footer__wikia-section.wds-is-company-overview{margin-right:50px;min-height:210px;-webkit-order:1;-ms-flex-order:1;order:1;width:124px}.wds-global-footer__wikia-section.wds-is-site-overview{margin-right:50px;-webkit-order:4;-ms-flex-order:4;order:4;width:124px}.wds-global-footer__wikia-section.wds-is-community{min-height:210px;-webkit-order:2;-ms-flex-order:2;order:2;width:290px}.wds-global-footer__wikia-section.wds-is-create-wiki{display:block;-webkit-order:5;-ms-flex-order:5;order:5;width:290px}.wds-global-footer__wikia-section.wds-is-community-apps{margin-right:0;min-height:210px;-webkit-order:3;-ms-flex-order:3;order:3;width:200px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:5px}.wds-global-footer__wikia-section.wds-is-advertise{margin-right:0;-webkit-order:6;-ms-flex-order:6;order:6;width:200px}}.wds-global-navigation{background-color:#fff;border-image:linear-gradient(to right,#39424d 40%,#656e78 40%) 1 0 0;border-top:6px solid #656e78;border-width:6px 0 0;box-shadow:0 1px 0 0 #ccc;position:relative}.wds-global-navigation__dropdown-toggle{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.wds-global-navigation__dropdown-content{color:#39424d;min-width:190px;top:calc(100% + 1px);z-index:-1}.wds-global-navigation__dropdown-link{color:#39424d;text-decoration:none;transition:color .2s}.wds-global-navigation__dropdown-link.wds-is-active,.wds-global-navigation__dropdown-link:active,.wds-global-navigation__dropdown-link:hover{color:#00b7e0}.wds-global-navigation__content-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;height:49px;margin:0 auto;position:relative;width:768px;z-index:1}.wds-global-navigation__account-menu,.wds-global-navigation__link,.wds-global-navigation__logo,.wds-global-navigation__notifications-menu,.wds-global-navigation__search,.wds-global-navigation__start-a-wiki,.wds-global-navigation__user-menu,.wds-global-navigation__wikis-menu{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-top:6px solid #656e78;color:#39424d;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-6px;padding:0 8px;text-decoration:none;white-space:nowrap}.wds-global-navigation__account-menu,.wds-global-navigation__link,.wds-global-navigation__notifications-menu,.wds-global-navigation__user-menu,.wds-global-navigation__wikis-menu{transition-duration:.2s;transition-property:background-color,border-color,color}.wds-global-navigation__account-menu:hover,.wds-global-navigation__link:hover,.wds-global-navigation__notifications-menu:hover,.wds-global-navigation__user-menu:hover,.wds-global-navigation__wikis-menu:hover{color:#00b7e0}.wds-global-navigation__account-menu.wds-is-active,.wds-global-navigation__account-menu:active,.wds-global-navigation__link.wds-is-active,.wds-global-navigation__link:active,.wds-global-navigation__notifications-menu.wds-is-active,.wds-global-navigation__notifications-menu:active,.wds-global-navigation__user-menu.wds-is-active,.wds-global-navigation__user-menu:active,.wds-global-navigation__wikis-menu.wds-is-active,.wds-global-navigation__wikis-menu:active{background-color:#656e78;border-color:#363b41;color:#fff}.wds-global-navigation__logo{border-top:6px solid #39424d}.wds-global-navigation__logo-fandom{height:100%;padding-bottom:4px;width:230px}.wds-global-navigation__logo-image{height:100%}.wds-global-navigation__logo-image.wds-is-wds-company-logo-fandom{fill:#39424d;padding-bottom:4px;width:120px}.wds-global-navigation__logo-image.wds-is-wds-company-logo-powered-by-wikia{margin:0 1px 2px 11px;width:98px}.wds-global-navigation__logo-image.wds-is-wds-company-logo-wikia-org{width:105px}.wds-global-navigation__links-and-search{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:4 1 auto;-ms-flex:4 1 auto;flex:4 1 auto}.wds-global-navigation__link,.wds-global-navigation__wikis-menu{transition-duration:.2s;transition-property:background-color,color,font-size,padding,-webkit-flex;transition-property:background-color,color,flex,font-size,padding;transition-property:background-color,color,flex,font-size,padding,-webkit-flex,-ms-flex}.wds-global-navigation__link{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__link.wds-is-games{border-color:#94d11f}.wds-global-navigation__link.wds-is-games.wds-is-active,.wds-global-navigation__link.wds-is-games:active{background-color:#94d11f;border-color:#75a518}.wds-global-navigation__link.wds-is-movies{border-color:#09d3bf}.wds-global-navigation__link.wds-is-movies.wds-is-active,.wds-global-navigation__link.wds-is-movies:active{background-color:#09d3bf;border-color:#07a293}.wds-global-navigation__link.wds-is-tv{border-color:#00b7e0}.wds-global-navigation__link.wds-is-tv.wds-is-active,.wds-global-navigation__link.wds-is-tv:active{background-color:#00b7e0;border-color:#008dad}.wds-global-navigation__wikis-menu{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation__search{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;transition:-webkit-flex .2s;transition:flex .2s;transition:flex .2s, -webkit-flex .2s, -ms-flex .2s}.wds-global-navigation__search-input-wrapper{border:solid transparent;border-width:0 0 1px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:28px;transition:border-bottom-color .2s}.wds-global-navigation__search-label{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;z-index:2}.wds-global-navigation__search-label-icon{cursor:pointer;transition:color .2s;z-index:1}.wds-global-navigation__search-label-icon:hover{color:#00b7e0}.wds-global-navigation__search-input{-webkit-appearance:none;border:0;box-sizing:border-box;color:#333;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;height:100%;left:0;max-width:100%;padding:3px 4px 3px 20px;position:absolute;right:0;top:0;transition:padding .2s;width:100%}.wds-global-navigation__search-input::-webkit-search-cancel-button,.wds-global-navigation__search-input::-webkit-search-decoration{display:none}.wds-global-navigation__search-input:focus{outline:0}.wds-global-navigation__search-input::-webkit-input-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::-moz-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input:-ms-input-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::-ms-clear{display:none}.wds-global-navigation__search-close{margin:0;max-width:0;opacity:0;padding:0;transition-duration:50ms;transition-property:max-width,opacity,padding;z-index:2}.wds-global-navigation__search-close-icon{color:#999;display:block}.wds-global-navigation__search-submit{border-width:0;max-width:0;overflow:hidden;padding:0;transition-duration:50ms;transition-property:max-width,padding;z-index:2}.wds-global-navigation__search-submit-icon{display:block;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-navigation__search-suggestions{right:0;top:calc(100% + 1px)}.wds-global-navigation__account-menu-caption{display:none;margin-left:5px}.wds-global-navigation__account-menu-dropdown-caption{font-size:12px;padding-bottom:10px;text-align:center}.wds-global-navigation__notifications-menu{padding-right:0;position:relative;width:50px}.wds-global-navigation__notifications-menu-counter{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#00b7e0;border:1px solid #fff;border-radius:9px;box-sizing:border-box;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:10px;height:18px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:-1px;min-width:18px;padding:0 4px;position:absolute;top:8px}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper,.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input-wrapper{border-bottom-color:#656e78}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-label-icon:hover,.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-label-icon:hover{color:#39424d}html[lang^=zh] .wds-global-navigation__start-a-wiki-button{font-size:12px;font-weight:400;padding:9px 12px 8px}.wds-global-navigation__start-a-wiki-icon{height:14px;min-width:14px;width:14px;display:none}.wds-global-navigation__partner-slot{border-left:1px solid #c5ced9;display:none;height:100%;max-width:80px;position:absolute;right:0;top:0}@media (min-width:1280px){.wds-global-navigation__partner-slot{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu .wds-icon,.wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__search-suggestions{display:none}.wds-global-navigation__partner-slot-link{padding:10px}.wds-global-navigation__partner-slot-image{max-width:60px;max-height:29px;vertical-align:middle}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-moz-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__link{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search{-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__link,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu{color:transparent;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:0;padding:0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper.wds-is-active{border-bottom-color:#00b7e0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-moz-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-close{max-width:24px;opacity:1;padding-right:8px;transition-delay:150ms}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-submit{max-width:100%;padding:5px 9px;transition:background-color .3s,border-color .3s,color .3s,max-width 50ms 150ms,opacity .3s,padding 50ms 150ms}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:block}@media only screen and (min-width:1024px){.wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation__search-input::-moz-placeholder{color:#39424d}.wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation__content-bar{width:1004px}.wds-global-navigation__wikis-menu{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation__search-input-wrapper{border-bottom:1px solid #656e78}.wds-global-navigation__account-menu-caption,.wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation__start-a-wiki-icon{display:none}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:none}}@media only screen and (min-width:1084px){.wds-global-navigation__content-bar{width:1064px}}@media only screen and (min-width:1596px){.wds-global-navigation__content-bar{width:1238px}} \ No newline at end of file +.wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron,.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__image{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-avatar{height:28px;min-width:28px;width:28px;border:2px solid currentColor;border-radius:50%}.wds-button{background-color:#00b7e0;border:1px solid;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15px;line-height:1.3em;outline:0;padding:16px 18px 15px;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color;-webkit-appearance:none;-webkit-border-radius:0}.wds-button.wds-is-active,.wds-button:active,.wds-button:focus:not(:disabled),.wds-button:hover:not(:disabled){background-color:#00647a;border-color:#00647a}.wds-button.wds-is-disabled,.wds-button:disabled{cursor:default;opacity:.5}.wds-button.wds-is-secondary{background-color:transparent;color:#00b7e0}.wds-button.wds-is-secondary.wds-is-active,.wds-button.wds-is-secondary:active,.wds-button.wds-is-secondary:focus:not(:disabled),.wds-button.wds-is-secondary:hover:not(:disabled){background-color:transparent;color:#00647a}.wds-button.wds-is-squished{font-size:10px;padding:10px 12px 9px}.wds-button.wds-is-stretched{padding:28px 18px 27px}.wds-button.wds-is-full-width{box-sizing:border-box;width:100%}.wds-button.wds-is-square{height:45px;min-width:45px;width:45px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.wds-button.wds-is-text{background-color:transparent;border:0;color:#00b7e0}.wds-button.wds-is-text.wds-is-active,.wds-button.wds-is-text:active,.wds-button.wds-is-text:focus:not(:disabled),.wds-button.wds-is-text:hover:not(:disabled){background-color:transparent;color:#00647a}.wds-button.wds-is-facebook-color{background-color:#3b5998;border-color:#3b5998}.wds-button.wds-is-facebook-color.wds-is-active,.wds-button.wds-is-facebook-color:active,.wds-button.wds-is-facebook-color:focus:not(:disabled),.wds-button.wds-is-facebook-color:hover:not(:disabled){background-color:#1e2e4f;border-color:#1e2e4f}.wds-button.wds-is-googleplus-color{background-color:#dd4b39;border-color:#dd4b39}.wds-button.wds-is-googleplus-color.wds-is-active,.wds-button.wds-is-googleplus-color:active,.wds-button.wds-is-googleplus-color:focus:not(:disabled),.wds-button.wds-is-googleplus-color:hover:not(:disabled){background-color:#96271a;border-color:#96271a}.wds-button.wds-is-line-color{background-color:#00c300;border-color:#00c300}.wds-button.wds-is-line-color.wds-is-active,.wds-button.wds-is-line-color:active,.wds-button.wds-is-line-color:focus:not(:disabled),.wds-button.wds-is-line-color:hover:not(:disabled){background-color:#005d00;border-color:#005d00}.wds-button.wds-is-linkedin-color{background-color:#0077b5;border-color:#0077b5}.wds-button.wds-is-linkedin-color.wds-is-active,.wds-button.wds-is-linkedin-color:active,.wds-button.wds-is-linkedin-color:focus:not(:disabled),.wds-button.wds-is-linkedin-color:hover:not(:disabled){background-color:#00344f;border-color:#00344f}.wds-button.wds-is-meneame-color{background-color:#ff6400;border-color:#ff6400}.wds-button.wds-is-meneame-color.wds-is-active,.wds-button.wds-is-meneame-color:active,.wds-button.wds-is-meneame-color:focus:not(:disabled),.wds-button.wds-is-meneame-color:hover:not(:disabled){background-color:#993c00;border-color:#993c00}.wds-button.wds-is-nk-color{background-color:#4077a7;border-color:#4077a7}.wds-button.wds-is-nk-color.wds-is-active,.wds-button.wds-is-nk-color:active,.wds-button.wds-is-nk-color:focus:not(:disabled),.wds-button.wds-is-nk-color:hover:not(:disabled){background-color:#24425d;border-color:#24425d}.wds-button.wds-is-odnoklassniki-color{background-color:#f96900;border-color:#f96900}.wds-button.wds-is-odnoklassniki-color.wds-is-active,.wds-button.wds-is-odnoklassniki-color:active,.wds-button.wds-is-odnoklassniki-color:focus:not(:disabled),.wds-button.wds-is-odnoklassniki-color:hover:not(:disabled){background-color:#933e00;border-color:#933e00}.wds-button.wds-is-reddit-color{background-color:#ff4500;border-color:#ff4500}.wds-button.wds-is-reddit-color.wds-is-active,.wds-button.wds-is-reddit-color:active,.wds-button.wds-is-reddit-color:focus:not(:disabled),.wds-button.wds-is-reddit-color:hover:not(:disabled){background-color:#992900;border-color:#992900}.wds-button.wds-is-tumblr-color{background-color:#34465d;border-color:#34465d}.wds-button.wds-is-tumblr-color.wds-is-active,.wds-button.wds-is-tumblr-color:active,.wds-button.wds-is-tumblr-color:focus:not(:disabled),.wds-button.wds-is-tumblr-color:hover:not(:disabled){background-color:#0f151c;border-color:#0f151c}.wds-button.wds-is-twitter-color{background-color:#1da1f2;border-color:#1da1f2}.wds-button.wds-is-twitter-color.wds-is-active,.wds-button.wds-is-twitter-color:active,.wds-button.wds-is-twitter-color:focus:not(:disabled),.wds-button.wds-is-twitter-color:hover:not(:disabled){background-color:#0967a0;border-color:#0967a0}.wds-button.wds-is-vkontakte-color{background-color:#587ca3;border-color:#587ca3}.wds-button.wds-is-vkontakte-color.wds-is-active,.wds-button.wds-is-vkontakte-color:active,.wds-button.wds-is-vkontakte-color:focus:not(:disabled),.wds-button.wds-is-vkontakte-color:hover:not(:disabled){background-color:#344a61;border-color:#344a61}.wds-button.wds-is-wykop-color{background-color:#fb803f;border-color:#fb803f}.wds-button.wds-is-wykop-color.wds-is-active,.wds-button.wds-is-wykop-color:active,.wds-button.wds-is-wykop-color:focus:not(:disabled),.wds-button.wds-is-wykop-color:hover:not(:disabled){background-color:#d04b04;border-color:#d04b04}.wds-button.wds-is-weibo-color{background-color:#ff8140;border-color:#ff8140}.wds-button.wds-is-weibo-color.wds-is-active,.wds-button.wds-is-weibo-color:active,.wds-button.wds-is-weibo-color:focus:not(:disabled),.wds-button.wds-is-weibo-color:hover:not(:disabled){background-color:#d94a00;border-color:#d94a00}.wds-dropdown{display:inline-block;position:relative}.wds-dropdown__toggle{cursor:pointer;position:relative;z-index:2}.wds-dropdown__toggle-chevron{margin-left:5px}.wds-dropdown__content{background-color:#fff;box-shadow:0 0 10px 0 rgba(26,26,26,.2);display:none;left:0;position:absolute;top:100%;z-index:1}.wds-dropdown__content.wds-is-dark{box-shadow:0 0 20px 0 rgba(26,26,26,.3)}.wds-dropdown__content.wds-is-right-aligned{left:auto;right:0}.wds-dropdown.wds-is-active .wds-dropdown__content{display:inline-block}.wds-icon{fill:currentColor;height:24px;min-width:24px;width:24px}.wds-icon-small{height:18px;min-width:18px;width:18px}.wds-icon-tiny{height:12px;min-width:12px;width:12px}.wds-list{list-style-type:none;margin:0;padding:7px 18px}.wds-list>li{font-size:14px;line-height:1em;padding:11px 0}.wds-list.wds-has-big-items{padding-bottom:2px;padding-top:2px}.wds-list.wds-has-big-items>li{font-size:16px;padding-bottom:16px;padding-top:16px}.wds-list.wds-has-lines-between>li{border-bottom:solid 1px #e6e6e6}.wds-list.wds-has-lines-between>li:last-child{border:0}.wds-list.wds-has-ellipsis.wds-is-linked>li>a,.wds-list.wds-has-ellipsis>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wds-list.wds-is-linked>li{padding:0}.wds-list.wds-is-linked>li>a{display:block;padding:11px 0}.wds-global-footer{background-color:#39424d;box-sizing:border-box;color:#fff;margin-top:30px;word-wrap:break-word}.wds-global-footer *{box-sizing:inherit}.wds-global-footer ul{list-style-type:none;margin:0;padding:0}.wds-global-footer__header-wrapper{display:block;width:100%}.wds-global-footer__header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:30px 0 25px}.wds-global-footer__bottom-bar{background:rgba(38,38,38,.5);font-size:12px;line-height:1.3em;min-height:50px;padding:0 20px;text-align:center}.wds-global-footer__bottom-bar a,.wds-global-footer__bottom-bar a:visited{color:#00b7e0;text-decoration:none}.wds-global-footer__bottom-bar a:hover{color:#fff}.wds-global-footer__bottom-bar-row{margin:0 auto}.wds-global-footer__bottom-bar-row.wds-has-border-top{border-top:1px solid #656e78}.wds-global-footer__bottom-bar-row.wds-has-padding{padding:16px 0}.wds-global-footer__button-link{display:inline-block;font-weight:700;letter-spacing:.3px;line-height:1.3em;min-height:45px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__header-logo{height:44px;width:184px}.wds-global-footer__fandom-logo{fill:#fff;height:26px;width:122px}.wds-global-footer__wikia-logo{fill:#fff;height:26px;width:67px}.wds-global-footer__wikia-logo.wds-is-large{height:30px;padding:0;width:84px}.wds-global-footer__home-of-fandom{border-bottom:1px solid #c5ced9;border-top:1px solid #c5ced9;color:#7f90a1;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-left:13px;margin-top:5px;padding:3px 0;text-transform:uppercase;white-space:nowrap}.wds-global-footer__main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{margin:0}.wds-global-footer__fandom-sections,.wds-global-footer__wikia-sections{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{border-top:4px solid #656e78;margin-right:55px;padding-top:8px}.wds-global-footer__link,.wds-global-footer__link:active,.wds-global-footer__link:focus,.wds-global-footer__link:visited{color:#c5ced9;font-size:14px;font-weight:400;line-height:1.3em;text-decoration:none}.wds-global-footer__link:hover{color:#fff}.wds-global-footer__links-list-item{margin-bottom:8px}.wds-global-footer__fandom-section.wds-is-fandom-overview{border:0;padding:0}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:4px solid #656e78;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:6px 0 28px;text-decoration:none}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-games{border-color:#94d11f}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-movies{border-color:#09d3bf}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-tv{border-color:#00b7e0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{background:center no-repeat;background-size:24px;display:inline-block;height:24px;margin-right:20px;width:24px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image{color:#656e78}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link{border:1px solid #c5ced9;color:#c5ced9;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;line-height:1.3em;margin-top:13px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{display:block;line-height:1.3em;margin-top:6px;width:119px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__image{height:35px;width:119px}.wds-global-footer__section-header{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px;margin-top:0;min-height:24px;padding:0}.wds-global-footer__section-description{color:#fff;font-size:14px;line-height:1.3em;margin:0;padding:0}@media only screen and (max-width:1083px){.wds-global-footer__main{margin:0 20px}.wds-global-footer__fandom-header{margin-bottom:29px;margin-top:38px}.wds-global-footer__wikia-header{margin-bottom:29px;margin-top:61px}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{margin:0;width:100%}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:20px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{height:42px;margin-right:10px;width:42px}.wds-global-footer__wikia-section{margin-bottom:20px}.wds-global-footer__wikia-section.wds-is-company-overview{width:50%}.wds-global-footer__wikia-section.wds-is-site-overview{padding-top:42px;width:50%}.wds-global-footer__wikia-section.wds-is-create-wiki{display:none}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{margin-bottom:0;margin-top:5px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{margin-right:25px}.wds-global-footer.wds-is-en .wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:0}.wds-global-footer__links-list-item{margin-bottom:20px}}@media only screen and (min-width:1084px){.wds-global-footer__main{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0 auto;padding-bottom:40px;width:1024px}.wds-global-footer__bottom-bar{padding:0}.wds-global-footer__bottom-bar-row{width:1024px}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{height:26px;margin-bottom:35px;margin-top:47px}.wds-global-footer__header{padding:40px 0 35px}.wds-global-footer__fandom-header{-webkit-order:1;-ms-flex-order:1;order:1;width:25%}.wds-global-footer__fandom-sections{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-order:3;-ms-flex-order:3;order:3;width:25%}.wds-global-footer__wikia-header{-webkit-order:2;-ms-flex-order:2;order:2;width:75%}.wds-global-footer__wikia-sections{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-order:4;-ms-flex-order:4;order:4;width:75%}.wds-global-footer__fandom-section{width:200px}.wds-global-footer__wikia-section{padding-bottom:8px}.wds-global-footer__wikia-section.wds-is-company-overview{margin-right:50px;min-height:210px;-webkit-order:1;-ms-flex-order:1;order:1;width:124px}.wds-global-footer__wikia-section.wds-is-site-overview{margin-right:50px;-webkit-order:4;-ms-flex-order:4;order:4;width:124px}.wds-global-footer__wikia-section.wds-is-community{min-height:210px;-webkit-order:2;-ms-flex-order:2;order:2;width:290px}.wds-global-footer__wikia-section.wds-is-create-wiki{display:block;-webkit-order:5;-ms-flex-order:5;order:5;width:290px}.wds-global-footer__wikia-section.wds-is-community-apps{margin-right:0;min-height:210px;-webkit-order:3;-ms-flex-order:3;order:3;width:200px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:5px}.wds-global-footer__wikia-section.wds-is-advertise{margin-right:0;-webkit-order:6;-ms-flex-order:6;order:6;width:200px}}.wds-global-navigation{background-color:#fff;border-image:linear-gradient(to right,#39424d 40%,#656e78 40%) 1 0 0;border-top:6px solid #656e78;border-width:6px 0 0;box-shadow:0 1px 0 0 #ccc;position:relative}.wds-global-navigation__dropdown-toggle{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.wds-global-navigation__dropdown-content{color:#39424d;min-width:190px;top:calc(100% + 1px);z-index:-1}.wds-global-navigation__dropdown-link{color:#39424d;text-decoration:none;transition:color .2s}.wds-global-navigation__dropdown-link.wds-is-active,.wds-global-navigation__dropdown-link:active,.wds-global-navigation__dropdown-link:hover{color:#00b7e0}.wds-global-navigation__content-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;height:49px;margin:0 auto;position:relative;width:768px;z-index:1}.wds-global-navigation__account-menu,.wds-global-navigation__link,.wds-global-navigation__logo,.wds-global-navigation__notifications-menu,.wds-global-navigation__search,.wds-global-navigation__start-a-wiki,.wds-global-navigation__user-menu,.wds-global-navigation__wikis-menu{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-top:6px solid #656e78;color:#39424d;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-6px;padding:0 8px;text-decoration:none;white-space:nowrap}.wds-global-navigation__account-menu,.wds-global-navigation__link,.wds-global-navigation__notifications-menu,.wds-global-navigation__user-menu,.wds-global-navigation__wikis-menu{transition-duration:.2s;transition-property:background-color,border-color,color}.wds-global-navigation__account-menu:hover,.wds-global-navigation__link:hover,.wds-global-navigation__notifications-menu:hover,.wds-global-navigation__user-menu:hover,.wds-global-navigation__wikis-menu:hover{color:#00b7e0}.wds-global-navigation__account-menu.wds-is-active,.wds-global-navigation__account-menu:active,.wds-global-navigation__link.wds-is-active,.wds-global-navigation__link:active,.wds-global-navigation__notifications-menu.wds-is-active,.wds-global-navigation__notifications-menu:active,.wds-global-navigation__user-menu.wds-is-active,.wds-global-navigation__user-menu:active,.wds-global-navigation__wikis-menu.wds-is-active,.wds-global-navigation__wikis-menu:active{background-color:#656e78;border-color:#363b41;color:#fff}.wds-global-navigation__logo{border-top:6px solid #39424d}.wds-global-navigation__logo-fandom{height:100%;padding-bottom:4px;width:230px}.wds-global-navigation__logo-image{height:100%}.wds-global-navigation__logo-image.wds-is-wds-company-logo-fandom{fill:#39424d;padding-bottom:4px;width:120px}.wds-global-navigation__logo-image.wds-is-wds-company-logo-powered-by-wikia{margin:0 1px 2px 11px;width:98px}.wds-global-navigation__logo-image.wds-is-wds-company-logo-wikia-org{width:105px}.wds-global-navigation__links-and-search{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:4 1 auto;-ms-flex:4 1 auto;flex:4 1 auto}.wds-global-navigation__link,.wds-global-navigation__wikis-menu{transition-duration:.2s;transition-property:background-color,color,font-size,padding,-webkit-flex;transition-property:background-color,color,flex,font-size,padding;transition-property:background-color,color,flex,font-size,padding,-webkit-flex,-ms-flex}.wds-global-navigation__link{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__link.wds-is-games{border-color:#94d11f}.wds-global-navigation__link.wds-is-games.wds-is-active,.wds-global-navigation__link.wds-is-games:active{background-color:#94d11f;border-color:#75a518}.wds-global-navigation__link.wds-is-movies{border-color:#09d3bf}.wds-global-navigation__link.wds-is-movies.wds-is-active,.wds-global-navigation__link.wds-is-movies:active{background-color:#09d3bf;border-color:#07a293}.wds-global-navigation__link.wds-is-tv{border-color:#00b7e0}.wds-global-navigation__link.wds-is-tv.wds-is-active,.wds-global-navigation__link.wds-is-tv:active{background-color:#00b7e0;border-color:#008dad}.wds-global-navigation__wikis-menu{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation__search{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;transition:-webkit-flex .2s;transition:flex .2s;transition:flex .2s, -webkit-flex .2s, -ms-flex .2s}.wds-global-navigation__search-input-wrapper{border:solid transparent;border-width:0 0 1px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:28px;transition:border-bottom-color .2s}.wds-global-navigation__search-label{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;z-index:2}.wds-global-navigation__search-label-icon{cursor:pointer;transition:color .2s;z-index:1}.wds-global-navigation__search-label-icon:hover{color:#00b7e0}.wds-global-navigation__search-input{-webkit-appearance:none;border:0;box-sizing:border-box;color:#333;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;height:100%;left:0;max-width:100%;padding:3px 4px 3px 20px;position:absolute;right:0;top:0;transition:padding .2s;width:100%}.wds-global-navigation__search-input::-webkit-search-cancel-button,.wds-global-navigation__search-input::-webkit-search-decoration{display:none}.wds-global-navigation__search-input:focus{outline:0}.wds-global-navigation__search-input::-webkit-input-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input:-ms-input-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::-ms-clear{display:none}.wds-global-navigation__search-close{margin:0;max-width:0;opacity:0;padding:0;transition-duration:50ms;transition-property:max-width,opacity,padding;z-index:2}.wds-global-navigation__search-close-icon{color:#999;display:block}.wds-global-navigation__search-submit{border-width:0;max-width:0;overflow:hidden;padding:0;transition-duration:50ms;transition-property:max-width,padding;z-index:2}.wds-global-navigation__search-submit-icon{display:block;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-navigation__search-suggestions{right:0;top:calc(100% + 1px)}.wds-global-navigation__account-menu-caption{display:none;margin-left:5px}.wds-global-navigation__account-menu-dropdown-caption{font-size:12px;padding-bottom:10px;text-align:center}.wds-global-navigation__notifications-menu{padding-right:0;position:relative;width:50px}.wds-global-navigation__notifications-menu-counter{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#00b7e0;border:1px solid #fff;border-radius:9px;box-sizing:border-box;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:10px;height:18px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:-1px;min-width:18px;padding:0 4px;position:absolute;top:8px}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper,.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input-wrapper{border-bottom-color:#656e78}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-label-icon:hover,.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-label-icon:hover{color:#39424d}html[lang^=zh] .wds-global-navigation__start-a-wiki-button{font-size:12px;font-weight:400;padding:9px 12px 8px}.wds-global-navigation__start-a-wiki-icon{height:14px;min-width:14px;width:14px;display:none}.wds-global-navigation__partner-slot{border-left:1px solid #c5ced9;display:none;height:100%;max-width:80px;position:absolute;right:0;top:0}@media (min-width:1280px){.wds-global-navigation__partner-slot{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu .wds-icon,.wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__search-suggestions{display:none}.wds-global-navigation__partner-slot-link{padding:10px}.wds-global-navigation__partner-slot-image{max-width:60px;max-height:29px;vertical-align:middle}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__link{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search{-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__link,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu{color:transparent;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:0;padding:0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper.wds-is-active{border-bottom-color:#00b7e0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-close{max-width:24px;opacity:1;padding-right:8px;transition-delay:150ms}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-submit{max-width:100%;padding:5px 9px;transition:background-color .3s,border-color .3s,color .3s,max-width 50ms 150ms,opacity .3s,padding 50ms 150ms}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:block}@media only screen and (min-width:1024px){.wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation__content-bar{width:1004px}.wds-global-navigation__wikis-menu{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation__search-input-wrapper{border-bottom:1px solid #656e78}.wds-global-navigation__account-menu-caption,.wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation__start-a-wiki-icon{display:none}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:none}}@media only screen and (min-width:1084px){.wds-global-navigation__content-bar{width:1064px}}@media only screen and (min-width:1596px){.wds-global-navigation__content-bar{width:1238px}} \ No newline at end of file diff --git a/dist/svg/sprite.svg b/dist/svg/sprite.svg index 4a37e9f56..1687e10a8 100644 --- a/dist/svg/sprite.svg +++ b/dist/svg/sprite.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/docs/assets/design-system.css b/docs/assets/design-system.css index 80a7d80c6..4ed9b3dc0 100644 --- a/docs/assets/design-system.css +++ b/docs/assets/design-system.css @@ -1 +1 @@ -.main-navigation__toggle:checked+label .wds-icon,.wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron,.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__image{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-avatar{height:28px;min-width:28px;width:28px;border:2px solid currentColor;border-radius:50%}.wds-button{background-color:#00b7e0;border:1px solid;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15px;line-height:1.3em;outline:0;padding:16px 18px 15px;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color;-webkit-appearance:none;-webkit-border-radius:0}.wds-button.wds-is-active,.wds-button:active,.wds-button:focus:not(:disabled),.wds-button:hover:not(:disabled){background-color:#00647a;border-color:#00647a}.wds-button.wds-is-disabled,.wds-button:disabled{cursor:default;opacity:.5}.wds-button.wds-is-secondary{background-color:transparent;color:#00b7e0}.wds-button.wds-is-secondary.wds-is-active,.wds-button.wds-is-secondary:active,.wds-button.wds-is-secondary:focus:not(:disabled),.wds-button.wds-is-secondary:hover:not(:disabled){background-color:transparent;color:#00647a}.wds-button.wds-is-squished{font-size:10px;padding:10px 12px 9px}.wds-button.wds-is-stretched{padding:28px 18px 27px}.wds-button.wds-is-full-width{box-sizing:border-box;width:100%}.wds-button.wds-is-square{height:45px;min-width:45px;width:45px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.wds-button.wds-is-text{background-color:transparent;border:0;color:#00b7e0}.wds-button.wds-is-text.wds-is-active,.wds-button.wds-is-text:active,.wds-button.wds-is-text:focus:not(:disabled),.wds-button.wds-is-text:hover:not(:disabled){background-color:transparent;color:#00647a}.wds-button.wds-is-facebook-color{background-color:#3b5998;border-color:#3b5998}.wds-button.wds-is-facebook-color.wds-is-active,.wds-button.wds-is-facebook-color:active,.wds-button.wds-is-facebook-color:focus:not(:disabled),.wds-button.wds-is-facebook-color:hover:not(:disabled){background-color:#1e2e4f;border-color:#1e2e4f}.wds-button.wds-is-googleplus-color{background-color:#dd4b39;border-color:#dd4b39}.wds-button.wds-is-googleplus-color.wds-is-active,.wds-button.wds-is-googleplus-color:active,.wds-button.wds-is-googleplus-color:focus:not(:disabled),.wds-button.wds-is-googleplus-color:hover:not(:disabled){background-color:#96271a;border-color:#96271a}.wds-button.wds-is-line-color{background-color:#00c300;border-color:#00c300}.wds-button.wds-is-line-color.wds-is-active,.wds-button.wds-is-line-color:active,.wds-button.wds-is-line-color:focus:not(:disabled),.wds-button.wds-is-line-color:hover:not(:disabled){background-color:#005d00;border-color:#005d00}.wds-button.wds-is-linkedin-color{background-color:#0077b5;border-color:#0077b5}.wds-button.wds-is-linkedin-color.wds-is-active,.wds-button.wds-is-linkedin-color:active,.wds-button.wds-is-linkedin-color:focus:not(:disabled),.wds-button.wds-is-linkedin-color:hover:not(:disabled){background-color:#00344f;border-color:#00344f}.wds-button.wds-is-meneame-color{background-color:#ff6400;border-color:#ff6400}.wds-button.wds-is-meneame-color.wds-is-active,.wds-button.wds-is-meneame-color:active,.wds-button.wds-is-meneame-color:focus:not(:disabled),.wds-button.wds-is-meneame-color:hover:not(:disabled){background-color:#993c00;border-color:#993c00}.wds-button.wds-is-nk-color{background-color:#4077a7;border-color:#4077a7}.wds-button.wds-is-nk-color.wds-is-active,.wds-button.wds-is-nk-color:active,.wds-button.wds-is-nk-color:focus:not(:disabled),.wds-button.wds-is-nk-color:hover:not(:disabled){background-color:#24425d;border-color:#24425d}.wds-button.wds-is-odnoklassniki-color{background-color:#f96900;border-color:#f96900}.wds-button.wds-is-odnoklassniki-color.wds-is-active,.wds-button.wds-is-odnoklassniki-color:active,.wds-button.wds-is-odnoklassniki-color:focus:not(:disabled),.wds-button.wds-is-odnoklassniki-color:hover:not(:disabled){background-color:#933e00;border-color:#933e00}.wds-button.wds-is-reddit-color{background-color:#ff4500;border-color:#ff4500}.wds-button.wds-is-reddit-color.wds-is-active,.wds-button.wds-is-reddit-color:active,.wds-button.wds-is-reddit-color:focus:not(:disabled),.wds-button.wds-is-reddit-color:hover:not(:disabled){background-color:#992900;border-color:#992900}.wds-button.wds-is-tumblr-color{background-color:#34465d;border-color:#34465d}.wds-button.wds-is-tumblr-color.wds-is-active,.wds-button.wds-is-tumblr-color:active,.wds-button.wds-is-tumblr-color:focus:not(:disabled),.wds-button.wds-is-tumblr-color:hover:not(:disabled){background-color:#0f151c;border-color:#0f151c}.wds-button.wds-is-twitter-color{background-color:#1da1f2;border-color:#1da1f2}.wds-button.wds-is-twitter-color.wds-is-active,.wds-button.wds-is-twitter-color:active,.wds-button.wds-is-twitter-color:focus:not(:disabled),.wds-button.wds-is-twitter-color:hover:not(:disabled){background-color:#0967a0;border-color:#0967a0}.wds-button.wds-is-vkontakte-color{background-color:#587ca3;border-color:#587ca3}.wds-button.wds-is-vkontakte-color.wds-is-active,.wds-button.wds-is-vkontakte-color:active,.wds-button.wds-is-vkontakte-color:focus:not(:disabled),.wds-button.wds-is-vkontakte-color:hover:not(:disabled){background-color:#344a61;border-color:#344a61}.wds-button.wds-is-wykop-color{background-color:#fb803f;border-color:#fb803f}.wds-button.wds-is-wykop-color.wds-is-active,.wds-button.wds-is-wykop-color:active,.wds-button.wds-is-wykop-color:focus:not(:disabled),.wds-button.wds-is-wykop-color:hover:not(:disabled){background-color:#d04b04;border-color:#d04b04}.wds-button.wds-is-weibo-color{background-color:#ff8140;border-color:#ff8140}.wds-button.wds-is-weibo-color.wds-is-active,.wds-button.wds-is-weibo-color:active,.wds-button.wds-is-weibo-color:focus:not(:disabled),.wds-button.wds-is-weibo-color:hover:not(:disabled){background-color:#d94a00;border-color:#d94a00}.wds-dropdown{display:inline-block;position:relative}.wds-dropdown__toggle{cursor:pointer;position:relative;z-index:2}.wds-dropdown__toggle-chevron{margin-left:5px}.wds-dropdown__content{background-color:#fff;box-shadow:0 0 10px 0 rgba(26,26,26,.2);display:none;left:0;position:absolute;top:100%;z-index:1}.wds-dropdown__content.wds-is-dark{box-shadow:0 0 20px 0 rgba(26,26,26,.3)}.wds-dropdown__content.wds-is-right-aligned{left:auto;right:0}.wds-dropdown.wds-is-active .wds-dropdown__content{display:inline-block}.wds-icon{fill:currentColor;height:24px;min-width:24px;width:24px}.wds-icon-small{height:18px;min-width:18px;width:18px}.wds-icon-tiny{height:12px;min-width:12px;width:12px}.wds-list{list-style-type:none;margin:0;padding:7px 18px}.wds-list>li{font-size:14px;line-height:1em;padding:11px 0}.wds-list.wds-has-big-items{padding-bottom:2px;padding-top:2px}.wds-list.wds-has-big-items>li{font-size:16px;padding-bottom:16px;padding-top:16px}.wds-list.wds-has-lines-between>li{border-bottom:solid 1px #e6e6e6}.wds-list.wds-has-lines-between>li:last-child{border:0}.wds-list.wds-has-ellipsis.wds-is-linked>li>a,.wds-list.wds-has-ellipsis>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wds-list.wds-is-linked>li{padding:0}.wds-list.wds-is-linked>li>a{display:block;padding:11px 0}.wds-global-footer{background-color:#39424d;box-sizing:border-box;color:#fff;margin-top:30px;word-wrap:break-word}.wds-global-footer *{box-sizing:inherit}.wds-global-footer ul{list-style-type:none;margin:0;padding:0}.wds-global-footer__header-wrapper{display:block;width:100%}.wds-global-footer__header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:30px 0 25px}.wds-global-footer__bottom-bar{background:rgba(38,38,38,.5);font-size:12px;line-height:1.3em;min-height:50px;padding:0 20px;text-align:center}.wds-global-footer__bottom-bar a,.wds-global-footer__bottom-bar a:visited{color:#00b7e0;text-decoration:none}.wds-global-footer__bottom-bar a:hover{color:#fff}.wds-global-footer__bottom-bar-row{margin:0 auto}.wds-global-footer__bottom-bar-row.wds-has-border-top{border-top:1px solid #656e78}.wds-global-footer__bottom-bar-row.wds-has-padding{padding:16px 0}.wds-global-footer__button-link{display:inline-block;font-weight:700;letter-spacing:.3px;line-height:1.3em;min-height:45px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__header-logo{height:44px;width:184px}.wds-global-footer__fandom-logo{fill:#fff;height:26px;width:122px}.wds-global-footer__wikia-logo{fill:#fff;height:26px;width:67px}.wds-global-footer__wikia-logo.wds-is-large{height:30px;padding:0;width:84px}.wds-global-footer__home-of-fandom{border-bottom:1px solid #c5ced9;border-top:1px solid #c5ced9;color:#7f90a1;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-left:13px;margin-top:5px;padding:3px 0;text-transform:uppercase;white-space:nowrap}.wds-global-footer__main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{margin:0}.wds-global-footer__fandom-sections,.wds-global-footer__wikia-sections{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{border-top:4px solid #656e78;margin-right:55px;padding-top:8px}.wds-global-footer__link,.wds-global-footer__link:active,.wds-global-footer__link:focus,.wds-global-footer__link:visited{color:#c5ced9;font-size:14px;font-weight:400;line-height:1.3em;text-decoration:none}.wds-global-footer__link:hover{color:#fff}.wds-global-footer__links-list-item{margin-bottom:8px}.wds-global-footer__fandom-section.wds-is-fandom-overview{border:0;padding:0}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:4px solid #656e78;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:6px 0 28px;text-decoration:none}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-games{border-color:#94d11f}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-movies{border-color:#09d3bf}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-tv{border-color:#00b7e0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{background:center no-repeat;background-size:24px;display:inline-block;height:24px;margin-right:20px;width:24px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image{color:#656e78}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link{border:1px solid #c5ced9;color:#c5ced9;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;line-height:1.3em;margin-top:13px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{display:block;line-height:1.3em;margin-top:6px;width:119px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__image{height:35px;width:119px}.wds-global-footer__section-header{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px;margin-top:0;min-height:24px;padding:0}.wds-global-footer__section-description{color:#fff;font-size:14px;line-height:1.3em;margin:0;padding:0}.color-box,body,code,p{line-height:1.5em}@media only screen and (max-width:1083px){.wds-global-footer__main{margin:0 20px}.wds-global-footer__fandom-header{margin-bottom:29px;margin-top:38px}.wds-global-footer__wikia-header{margin-bottom:29px;margin-top:61px}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{margin:0;width:100%}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:20px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{height:42px;margin-right:10px;width:42px}.wds-global-footer__wikia-section{margin-bottom:20px}.wds-global-footer__wikia-section.wds-is-company-overview{width:50%}.wds-global-footer__wikia-section.wds-is-site-overview{padding-top:42px;width:50%}.wds-global-footer__wikia-section.wds-is-create-wiki{display:none}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{margin-bottom:0;margin-top:5px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{margin-right:25px}.wds-global-footer.wds-is-en .wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:0}.wds-global-footer__links-list-item{margin-bottom:20px}}@media only screen and (min-width:1084px){.wds-global-footer__main{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0 auto;padding-bottom:40px;width:1024px}.wds-global-footer__bottom-bar{padding:0}.wds-global-footer__bottom-bar-row{width:1024px}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{height:26px;margin-bottom:35px;margin-top:47px}.wds-global-footer__header{padding:40px 0 35px}.wds-global-footer__fandom-header{-webkit-order:1;-ms-flex-order:1;order:1;width:25%}.wds-global-footer__fandom-sections{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-order:3;-ms-flex-order:3;order:3;width:25%}.wds-global-footer__wikia-header{-webkit-order:2;-ms-flex-order:2;order:2;width:75%}.wds-global-footer__wikia-sections{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-order:4;-ms-flex-order:4;order:4;width:75%}.wds-global-footer__fandom-section{width:200px}.wds-global-footer__wikia-section{padding-bottom:8px}.wds-global-footer__wikia-section.wds-is-company-overview{margin-right:50px;min-height:210px;-webkit-order:1;-ms-flex-order:1;order:1;width:124px}.wds-global-footer__wikia-section.wds-is-site-overview{margin-right:50px;-webkit-order:4;-ms-flex-order:4;order:4;width:124px}.wds-global-footer__wikia-section.wds-is-community{min-height:210px;-webkit-order:2;-ms-flex-order:2;order:2;width:290px}.wds-global-footer__wikia-section.wds-is-create-wiki{display:block;-webkit-order:5;-ms-flex-order:5;order:5;width:290px}.wds-global-footer__wikia-section.wds-is-community-apps{margin-right:0;min-height:210px;-webkit-order:3;-ms-flex-order:3;order:3;width:200px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:5px}.wds-global-footer__wikia-section.wds-is-advertise{margin-right:0;-webkit-order:6;-ms-flex-order:6;order:6;width:200px}}.wds-global-navigation{background-color:#fff;border-image:linear-gradient(to right,#39424d 40%,#656e78 40%) 1 0 0;border-top:6px solid #656e78;border-width:6px 0 0;box-shadow:0 1px 0 0 #ccc;position:relative}.wds-global-navigation__dropdown-toggle{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.wds-global-navigation__dropdown-content{color:#39424d;min-width:190px;top:calc(100% + 1px);z-index:-1}.wds-global-navigation__dropdown-link{color:#39424d;text-decoration:none;transition:color .2s}.wds-global-navigation__dropdown-link.wds-is-active,.wds-global-navigation__dropdown-link:active,.wds-global-navigation__dropdown-link:hover{color:#00b7e0}.wds-global-navigation__content-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;height:49px;margin:0 auto;position:relative;width:768px;z-index:1}.wds-global-navigation__account-menu,.wds-global-navigation__link,.wds-global-navigation__logo,.wds-global-navigation__notifications-menu,.wds-global-navigation__search,.wds-global-navigation__start-a-wiki,.wds-global-navigation__user-menu,.wds-global-navigation__wikis-menu{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-top:6px solid #656e78;color:#39424d;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-6px;padding:0 8px;text-decoration:none;white-space:nowrap}.wds-global-navigation__account-menu,.wds-global-navigation__link,.wds-global-navigation__notifications-menu,.wds-global-navigation__user-menu,.wds-global-navigation__wikis-menu{transition-duration:.2s;transition-property:background-color,border-color,color}.wds-global-navigation__account-menu:hover,.wds-global-navigation__link:hover,.wds-global-navigation__notifications-menu:hover,.wds-global-navigation__user-menu:hover,.wds-global-navigation__wikis-menu:hover{color:#00b7e0}.wds-global-navigation__account-menu.wds-is-active,.wds-global-navigation__account-menu:active,.wds-global-navigation__link.wds-is-active,.wds-global-navigation__link:active,.wds-global-navigation__notifications-menu.wds-is-active,.wds-global-navigation__notifications-menu:active,.wds-global-navigation__user-menu.wds-is-active,.wds-global-navigation__user-menu:active,.wds-global-navigation__wikis-menu.wds-is-active,.wds-global-navigation__wikis-menu:active{background-color:#656e78;border-color:#363b41;color:#fff}.wds-global-navigation__logo{border-top:6px solid #39424d}.wds-global-navigation__logo-fandom{height:100%;padding-bottom:4px;width:230px}.wds-global-navigation__logo-image{height:100%}.wds-global-navigation__logo-image.wds-is-wds-company-logo-fandom{fill:#39424d;padding-bottom:4px;width:120px}.wds-global-navigation__logo-image.wds-is-wds-company-logo-powered-by-wikia{margin:0 1px 2px 11px;width:98px}.wds-global-navigation__logo-image.wds-is-wds-company-logo-wikia-org{width:105px}.wds-global-navigation__links-and-search{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:4 1 auto;-ms-flex:4 1 auto;flex:4 1 auto}.wds-global-navigation__link,.wds-global-navigation__wikis-menu{transition-duration:.2s;transition-property:background-color,color,font-size,padding,-webkit-flex;transition-property:background-color,color,flex,font-size,padding;transition-property:background-color,color,flex,font-size,padding,-webkit-flex,-ms-flex}.wds-global-navigation__link{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__link.wds-is-games{border-color:#94d11f}.wds-global-navigation__link.wds-is-games.wds-is-active,.wds-global-navigation__link.wds-is-games:active{background-color:#94d11f;border-color:#75a518}.wds-global-navigation__link.wds-is-movies{border-color:#09d3bf}.wds-global-navigation__link.wds-is-movies.wds-is-active,.wds-global-navigation__link.wds-is-movies:active{background-color:#09d3bf;border-color:#07a293}.wds-global-navigation__link.wds-is-tv{border-color:#00b7e0}.wds-global-navigation__link.wds-is-tv.wds-is-active,.wds-global-navigation__link.wds-is-tv:active{background-color:#00b7e0;border-color:#008dad}.wds-global-navigation__wikis-menu{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation__search{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;transition:-webkit-flex .2s;transition:flex .2s;transition:flex .2s, -webkit-flex .2s, -ms-flex .2s}.wds-global-navigation__search-input-wrapper{border:solid transparent;border-width:0 0 1px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:28px;transition:border-bottom-color .2s}.wds-global-navigation__search-label{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;z-index:2}.wds-global-navigation__search-label-icon{cursor:pointer;transition:color .2s;z-index:1}.wds-global-navigation__search-label-icon:hover{color:#00b7e0}.wds-global-navigation__search-input{-webkit-appearance:none;border:0;box-sizing:border-box;color:#333;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;height:100%;left:0;max-width:100%;padding:3px 4px 3px 20px;position:absolute;right:0;top:0;transition:padding .2s;width:100%}.wds-global-navigation__search-input::-webkit-search-cancel-button,.wds-global-navigation__search-input::-webkit-search-decoration{display:none}.wds-global-navigation__search-input:focus{outline:0}.wds-global-navigation__search-input::-webkit-input-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::-moz-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input:-ms-input-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::-ms-clear{display:none}.wds-global-navigation__search-close{margin:0;max-width:0;opacity:0;padding:0;transition-duration:50ms;transition-property:max-width,opacity,padding;z-index:2}.wds-global-navigation__search-close-icon{color:#999;display:block}.wds-global-navigation__search-submit{border-width:0;max-width:0;overflow:hidden;padding:0;transition-duration:50ms;transition-property:max-width,padding;z-index:2}.component-demo__standalone-wrapper,pre{overflow-x:auto}.wds-global-navigation__search-submit-icon{display:block;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-navigation__search-suggestions{right:0;top:calc(100% + 1px)}.wds-global-navigation__account-menu-caption{display:none;margin-left:5px}.wds-global-navigation__account-menu-dropdown-caption{font-size:12px;padding-bottom:10px;text-align:center}.wds-global-navigation__notifications-menu{padding-right:0;position:relative;width:50px}.wds-global-navigation__notifications-menu-counter{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#00b7e0;border:1px solid #fff;border-radius:9px;box-sizing:border-box;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:10px;height:18px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:-1px;min-width:18px;padding:0 4px;position:absolute;top:8px}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper,.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input-wrapper{border-bottom-color:#656e78}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-label-icon:hover,.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-label-icon:hover{color:#39424d}html[lang^=zh] .wds-global-navigation__start-a-wiki-button{font-size:12px;font-weight:400;padding:9px 12px 8px}.wds-global-navigation__start-a-wiki-icon{height:14px;min-width:14px;width:14px;display:none}.wds-global-navigation__partner-slot{border-left:1px solid #c5ced9;display:none;height:100%;max-width:80px;position:absolute;right:0;top:0}@media (min-width:1280px){.wds-global-navigation__partner-slot{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu .wds-icon,.wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__search-suggestions{display:none}.wds-global-navigation__partner-slot-link{padding:10px}.wds-global-navigation__partner-slot-image{max-width:60px;max-height:29px;vertical-align:middle}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-moz-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__link{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search{-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__link,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu{color:transparent;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:0;padding:0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper.wds-is-active{border-bottom-color:#00b7e0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-moz-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-close{max-width:24px;opacity:1;padding-right:8px;transition-delay:150ms}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-submit{max-width:100%;padding:5px 9px;transition:background-color .3s,border-color .3s,color .3s,max-width 50ms 150ms,opacity .3s,padding 50ms 150ms}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:block}@media only screen and (min-width:1024px){.wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation__search-input::-moz-placeholder{color:#39424d}.wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation__content-bar{width:1004px}.wds-global-navigation__wikis-menu{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation__search-input-wrapper{border-bottom:1px solid #656e78}.wds-global-navigation__account-menu-caption,.wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation__start-a-wiki-icon{display:none}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:none}}@media only screen and (min-width:1084px){.wds-global-navigation__content-bar{width:1064px}}@media only screen and (min-width:1596px){.wds-global-navigation__content-bar{width:1238px}}.assets-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:30px 0 -50px;text-align:center}.assets-wrapper__align-items-left{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.breakpoints-table{border-collapse:collapse;border-spacing:0;font-size:14px;width:574px}.breakpoints-table td{border:1px solid #f6f6f6;padding:14px 8px;vertical-align:top}.breakpoints-table .format-code{font-size:12px}.breakpoints-table__header{background-color:#f6f6f6}.breakpoints-table__header th{border:1px solid #f6f6f6;padding:18px 8px;text-align:left}.color-box,.icon-box,.main-header{text-align:center}.breakpoints-visualisation{margin-top:30px}.colors-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-20px}.typescale-size-minus-3{font-size:10px}.typescale-size-minus-2{font-size:12px}.typescale-size-minus-1{font-size:14px}.typescale-size-base{font-size:16px}.typescale-size-plus-1{font-size:18px}.typescale-size-plus-2{font-size:24px}.typescale-size-plus-3{font-size:28px}.typescale-size-plus-4{font-size:36px}.typescale-size-plus-5{font-size:40px}.typescale-size-plus-6{font-size:48px}.typescale-size-plus-7{font-size:54px}.asset-box{color:#092344;font-size:14px;margin:0 0 50px}.asset-box.is-avatar-badge{width:125px}.asset-box.is-avatar-badge .asset-box__asset{height:24px}.asset-box.is-bordered .asset-box__asset{border:1px solid #e6e6e6;padding:14px}.asset-box.is-bordered--wider .asset-box__asset{padding:24px}.asset-box.is-single-in-line .asset-box__asset{margin-left:0;margin-right:0}.asset-box.has-dark-background .asset-box__asset{background-color:#39424d}.asset-box__asset{border-bottom:solid 1px #e6e6e6;margin:0 25px 10px;padding-bottom:9px}.asset-box__asset svg{display:block;margin:0 auto}.hljs{color:#333;display:block;padding:.5em}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:700}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:teal}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute,.hljs-name,.hljs-tag{color:navy;font-weight:400}.color-box__name,.hljs-meta,.hljs-strong,.main-header{font-weight:700}.hljs-link,.hljs-regexp{color:#009926}.hljs-bullet,.hljs-symbol{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.color-box{color:#39424d;font-size:12px;margin:30px 6px 0;width:120px}.color-box.is-bordered .color-box__box{border:1px solid #ccc}.color-box__box{height:60px;min-width:60px;width:60px;box-sizing:border-box;margin:0 auto 10px}.component-demo__fullscreen{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(26,26,26,.5);bottom:0;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:fixed;right:0;top:0}.component-demo__standalone{border:0;height:500px;min-width:340px}.component-demo__standalone.is-tablet{min-width:800px}.component-demo__standalone.is-desktop{min-width:1400px}.component-demo__close{color:#fff;cursor:pointer;position:fixed;right:20px;top:20px;z-index:1}.icon-box,.icon-box:hover .wds-icon{color:#092344}.component-demo__device{display:inline-block;margin-right:20px;text-align:center}.component-demo .is-hidden{display:none}.icon-box{font-size:14px;margin-bottom:50px;width:100px}.icon-box__icon{border-bottom:solid 1px #e6e6e6;height:24px;margin:0 25px 10px;padding-bottom:17px}.icon-box .wds-icon{color:#999}.main-navigation{color:#39424d;float:left;max-width:220px;width:25%}.main-navigation .wds-list.wds-is-linked{padding-left:0;padding-right:0}.main-navigation .wds-list.wds-is-linked>li>a{padding-left:18px;padding-right:18px}.main-navigation .wds-icon{color:#656e78;display:inline-block;float:right;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s}.main-navigation__toggle{display:none}.main-navigation__toggle+label{cursor:pointer;display:block}.main-navigation__toggle~.wds-list{max-height:0;overflow-y:hidden;padding:0;transition:max-height .2s,padding .2s}.main-navigation__toggle:checked~.wds-list{max-height:200px;padding-bottom:7px;padding-top:7px}.main-navigation li a{color:#656e78;text-decoration:none}.main-navigation li a:hover{background-color:#f6f6f6}.main-navigation li a.active{background-color:#f6f6f6;color:#00b7e0}.main-navigation.is-fixed{position:fixed;top:0}.typescale-line{display:-webkit-flex;display:-ms-flexbox;display:flex}.typescale-line__left{border-right:1px solid #f6f6f6;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;line-height:1.5em;padding:10px 20px}code,pre{background-color:#f6f6f6;border:1px solid #e6e6e6}.typescale-line__right{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#39424d;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:12px;padding:10px 20px;width:250px}.wds-global-navigation__search-suggestions .wds-is-selected a,a{color:#00b7e0}.typescale-line__code{margin-left:10px}body,pre code{color:#1a1a1a}.fixed-width-140px{width:140px}.main-content .wds-dropdown{margin-bottom:120px}.main-content .wds-dropdown__content{min-width:150px}body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0}p{margin-top:0}img{max-width:100%}code::after,code::before{content:'\00a0';letter-spacing:-.25rem}pre{font-size:12px;line-height:12px;margin-top:30px;max-height:300px;padding:14px}pre code{border:0}.main-content h2,.main-header{border-bottom:1px solid #e6e6e6}pre code::after,pre code::before{display:none}.main-container{margin:0 auto;max-width:1024px}.main-header{color:#00b7e0;font-size:48px;line-height:1;margin-bottom:34px;padding:40px 30px 38px}.main-content{float:right;margin-bottom:80px;width:75%}.main-content h1{font-size:18px;line-height:1.5em;margin-bottom:4px;margin-top:12px}.main-content section,.warning-note{margin-top:30px}.main-content h2{font-size:14px;margin-bottom:20px;padding-bottom:1px}.format-code{background-color:transparent;border:0;color:#c819ad}.alert-info{padding-left:26px;position:relative}.alert-info .wds-icon{color:#656e78;left:0;position:absolute;top:5px}.warning-note{background-color:rgba(240,138,36,.2);border:1px solid rgba(240,138,36,.9);padding:14px} \ No newline at end of file +.main-navigation__toggle:checked+label .wds-icon,.wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron,.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__image{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-avatar{height:28px;min-width:28px;width:28px;border:2px solid currentColor;border-radius:50%}.wds-button{background-color:#00b7e0;border:1px solid;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15px;line-height:1.3em;outline:0;padding:16px 18px 15px;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color;-webkit-appearance:none;-webkit-border-radius:0}.wds-button.wds-is-active,.wds-button:active,.wds-button:focus:not(:disabled),.wds-button:hover:not(:disabled){background-color:#00647a;border-color:#00647a}.wds-button.wds-is-disabled,.wds-button:disabled{cursor:default;opacity:.5}.wds-button.wds-is-secondary{background-color:transparent;color:#00b7e0}.wds-button.wds-is-secondary.wds-is-active,.wds-button.wds-is-secondary:active,.wds-button.wds-is-secondary:focus:not(:disabled),.wds-button.wds-is-secondary:hover:not(:disabled){background-color:transparent;color:#00647a}.wds-button.wds-is-squished{font-size:10px;padding:10px 12px 9px}.wds-button.wds-is-stretched{padding:28px 18px 27px}.wds-button.wds-is-full-width{box-sizing:border-box;width:100%}.wds-button.wds-is-square{height:45px;min-width:45px;width:45px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.wds-button.wds-is-text{background-color:transparent;border:0;color:#00b7e0}.wds-button.wds-is-text.wds-is-active,.wds-button.wds-is-text:active,.wds-button.wds-is-text:focus:not(:disabled),.wds-button.wds-is-text:hover:not(:disabled){background-color:transparent;color:#00647a}.wds-button.wds-is-facebook-color{background-color:#3b5998;border-color:#3b5998}.wds-button.wds-is-facebook-color.wds-is-active,.wds-button.wds-is-facebook-color:active,.wds-button.wds-is-facebook-color:focus:not(:disabled),.wds-button.wds-is-facebook-color:hover:not(:disabled){background-color:#1e2e4f;border-color:#1e2e4f}.wds-button.wds-is-googleplus-color{background-color:#dd4b39;border-color:#dd4b39}.wds-button.wds-is-googleplus-color.wds-is-active,.wds-button.wds-is-googleplus-color:active,.wds-button.wds-is-googleplus-color:focus:not(:disabled),.wds-button.wds-is-googleplus-color:hover:not(:disabled){background-color:#96271a;border-color:#96271a}.wds-button.wds-is-line-color{background-color:#00c300;border-color:#00c300}.wds-button.wds-is-line-color.wds-is-active,.wds-button.wds-is-line-color:active,.wds-button.wds-is-line-color:focus:not(:disabled),.wds-button.wds-is-line-color:hover:not(:disabled){background-color:#005d00;border-color:#005d00}.wds-button.wds-is-linkedin-color{background-color:#0077b5;border-color:#0077b5}.wds-button.wds-is-linkedin-color.wds-is-active,.wds-button.wds-is-linkedin-color:active,.wds-button.wds-is-linkedin-color:focus:not(:disabled),.wds-button.wds-is-linkedin-color:hover:not(:disabled){background-color:#00344f;border-color:#00344f}.wds-button.wds-is-meneame-color{background-color:#ff6400;border-color:#ff6400}.wds-button.wds-is-meneame-color.wds-is-active,.wds-button.wds-is-meneame-color:active,.wds-button.wds-is-meneame-color:focus:not(:disabled),.wds-button.wds-is-meneame-color:hover:not(:disabled){background-color:#993c00;border-color:#993c00}.wds-button.wds-is-nk-color{background-color:#4077a7;border-color:#4077a7}.wds-button.wds-is-nk-color.wds-is-active,.wds-button.wds-is-nk-color:active,.wds-button.wds-is-nk-color:focus:not(:disabled),.wds-button.wds-is-nk-color:hover:not(:disabled){background-color:#24425d;border-color:#24425d}.wds-button.wds-is-odnoklassniki-color{background-color:#f96900;border-color:#f96900}.wds-button.wds-is-odnoklassniki-color.wds-is-active,.wds-button.wds-is-odnoklassniki-color:active,.wds-button.wds-is-odnoklassniki-color:focus:not(:disabled),.wds-button.wds-is-odnoklassniki-color:hover:not(:disabled){background-color:#933e00;border-color:#933e00}.wds-button.wds-is-reddit-color{background-color:#ff4500;border-color:#ff4500}.wds-button.wds-is-reddit-color.wds-is-active,.wds-button.wds-is-reddit-color:active,.wds-button.wds-is-reddit-color:focus:not(:disabled),.wds-button.wds-is-reddit-color:hover:not(:disabled){background-color:#992900;border-color:#992900}.wds-button.wds-is-tumblr-color{background-color:#34465d;border-color:#34465d}.wds-button.wds-is-tumblr-color.wds-is-active,.wds-button.wds-is-tumblr-color:active,.wds-button.wds-is-tumblr-color:focus:not(:disabled),.wds-button.wds-is-tumblr-color:hover:not(:disabled){background-color:#0f151c;border-color:#0f151c}.wds-button.wds-is-twitter-color{background-color:#1da1f2;border-color:#1da1f2}.wds-button.wds-is-twitter-color.wds-is-active,.wds-button.wds-is-twitter-color:active,.wds-button.wds-is-twitter-color:focus:not(:disabled),.wds-button.wds-is-twitter-color:hover:not(:disabled){background-color:#0967a0;border-color:#0967a0}.wds-button.wds-is-vkontakte-color{background-color:#587ca3;border-color:#587ca3}.wds-button.wds-is-vkontakte-color.wds-is-active,.wds-button.wds-is-vkontakte-color:active,.wds-button.wds-is-vkontakte-color:focus:not(:disabled),.wds-button.wds-is-vkontakte-color:hover:not(:disabled){background-color:#344a61;border-color:#344a61}.wds-button.wds-is-wykop-color{background-color:#fb803f;border-color:#fb803f}.wds-button.wds-is-wykop-color.wds-is-active,.wds-button.wds-is-wykop-color:active,.wds-button.wds-is-wykop-color:focus:not(:disabled),.wds-button.wds-is-wykop-color:hover:not(:disabled){background-color:#d04b04;border-color:#d04b04}.wds-button.wds-is-weibo-color{background-color:#ff8140;border-color:#ff8140}.wds-button.wds-is-weibo-color.wds-is-active,.wds-button.wds-is-weibo-color:active,.wds-button.wds-is-weibo-color:focus:not(:disabled),.wds-button.wds-is-weibo-color:hover:not(:disabled){background-color:#d94a00;border-color:#d94a00}.wds-dropdown{display:inline-block;position:relative}.wds-dropdown__toggle{cursor:pointer;position:relative;z-index:2}.wds-dropdown__toggle-chevron{margin-left:5px}.wds-dropdown__content{background-color:#fff;box-shadow:0 0 10px 0 rgba(26,26,26,.2);display:none;left:0;position:absolute;top:100%;z-index:1}.wds-dropdown__content.wds-is-dark{box-shadow:0 0 20px 0 rgba(26,26,26,.3)}.wds-dropdown__content.wds-is-right-aligned{left:auto;right:0}.wds-dropdown.wds-is-active .wds-dropdown__content{display:inline-block}.wds-icon{fill:currentColor;height:24px;min-width:24px;width:24px}.wds-icon-small{height:18px;min-width:18px;width:18px}.wds-icon-tiny{height:12px;min-width:12px;width:12px}.wds-list{list-style-type:none;margin:0;padding:7px 18px}.wds-list>li{font-size:14px;line-height:1em;padding:11px 0}.wds-list.wds-has-big-items{padding-bottom:2px;padding-top:2px}.wds-list.wds-has-big-items>li{font-size:16px;padding-bottom:16px;padding-top:16px}.wds-list.wds-has-lines-between>li{border-bottom:solid 1px #e6e6e6}.wds-list.wds-has-lines-between>li:last-child{border:0}.wds-list.wds-has-ellipsis.wds-is-linked>li>a,.wds-list.wds-has-ellipsis>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wds-list.wds-is-linked>li{padding:0}.wds-list.wds-is-linked>li>a{display:block;padding:11px 0}.wds-global-footer{background-color:#39424d;box-sizing:border-box;color:#fff;margin-top:30px;word-wrap:break-word}.wds-global-footer *{box-sizing:inherit}.wds-global-footer ul{list-style-type:none;margin:0;padding:0}.wds-global-footer__header-wrapper{display:block;width:100%}.wds-global-footer__header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:30px 0 25px}.wds-global-footer__bottom-bar{background:rgba(38,38,38,.5);font-size:12px;line-height:1.3em;min-height:50px;padding:0 20px;text-align:center}.wds-global-footer__bottom-bar a,.wds-global-footer__bottom-bar a:visited{color:#00b7e0;text-decoration:none}.wds-global-footer__bottom-bar a:hover{color:#fff}.wds-global-footer__bottom-bar-row{margin:0 auto}.wds-global-footer__bottom-bar-row.wds-has-border-top{border-top:1px solid #656e78}.wds-global-footer__bottom-bar-row.wds-has-padding{padding:16px 0}.wds-global-footer__button-link{display:inline-block;font-weight:700;letter-spacing:.3px;line-height:1.3em;min-height:45px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__header-logo{height:44px;width:184px}.wds-global-footer__fandom-logo{fill:#fff;height:26px;width:122px}.wds-global-footer__wikia-logo{fill:#fff;height:26px;width:67px}.wds-global-footer__wikia-logo.wds-is-large{height:30px;padding:0;width:84px}.wds-global-footer__home-of-fandom{border-bottom:1px solid #c5ced9;border-top:1px solid #c5ced9;color:#7f90a1;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-left:13px;margin-top:5px;padding:3px 0;text-transform:uppercase;white-space:nowrap}.wds-global-footer__main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{margin:0}.wds-global-footer__fandom-sections,.wds-global-footer__wikia-sections{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{border-top:4px solid #656e78;margin-right:55px;padding-top:8px}.wds-global-footer__link,.wds-global-footer__link:active,.wds-global-footer__link:focus,.wds-global-footer__link:visited{color:#c5ced9;font-size:14px;font-weight:400;line-height:1.3em;text-decoration:none}.wds-global-footer__link:hover{color:#fff}.wds-global-footer__links-list-item{margin-bottom:8px}.wds-global-footer__fandom-section.wds-is-fandom-overview{border:0;padding:0}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:4px solid #656e78;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:6px 0 28px;text-decoration:none}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-games{border-color:#94d11f}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-movies{border-color:#09d3bf}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-tv{border-color:#00b7e0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{background:center no-repeat;background-size:24px;display:inline-block;height:24px;margin-right:20px;width:24px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image{color:#656e78}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link{border:1px solid #c5ced9;color:#c5ced9;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;line-height:1.3em;margin-top:13px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{display:block;line-height:1.3em;margin-top:6px;width:119px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__image{height:35px;width:119px}.wds-global-footer__section-header{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px;margin-top:0;min-height:24px;padding:0}.wds-global-footer__section-description{color:#fff;font-size:14px;line-height:1.3em;margin:0;padding:0}.color-box,body,code,p{line-height:1.5em}@media only screen and (max-width:1083px){.wds-global-footer__main{margin:0 20px}.wds-global-footer__fandom-header{margin-bottom:29px;margin-top:38px}.wds-global-footer__wikia-header{margin-bottom:29px;margin-top:61px}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{margin:0;width:100%}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:20px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{height:42px;margin-right:10px;width:42px}.wds-global-footer__wikia-section{margin-bottom:20px}.wds-global-footer__wikia-section.wds-is-company-overview{width:50%}.wds-global-footer__wikia-section.wds-is-site-overview{padding-top:42px;width:50%}.wds-global-footer__wikia-section.wds-is-create-wiki{display:none}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{margin-bottom:0;margin-top:5px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{margin-right:25px}.wds-global-footer.wds-is-en .wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:0}.wds-global-footer__links-list-item{margin-bottom:20px}}@media only screen and (min-width:1084px){.wds-global-footer__main{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0 auto;padding-bottom:40px;width:1024px}.wds-global-footer__bottom-bar{padding:0}.wds-global-footer__bottom-bar-row{width:1024px}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{height:26px;margin-bottom:35px;margin-top:47px}.wds-global-footer__header{padding:40px 0 35px}.wds-global-footer__fandom-header{-webkit-order:1;-ms-flex-order:1;order:1;width:25%}.wds-global-footer__fandom-sections{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-order:3;-ms-flex-order:3;order:3;width:25%}.wds-global-footer__wikia-header{-webkit-order:2;-ms-flex-order:2;order:2;width:75%}.wds-global-footer__wikia-sections{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-order:4;-ms-flex-order:4;order:4;width:75%}.wds-global-footer__fandom-section{width:200px}.wds-global-footer__wikia-section{padding-bottom:8px}.wds-global-footer__wikia-section.wds-is-company-overview{margin-right:50px;min-height:210px;-webkit-order:1;-ms-flex-order:1;order:1;width:124px}.wds-global-footer__wikia-section.wds-is-site-overview{margin-right:50px;-webkit-order:4;-ms-flex-order:4;order:4;width:124px}.wds-global-footer__wikia-section.wds-is-community{min-height:210px;-webkit-order:2;-ms-flex-order:2;order:2;width:290px}.wds-global-footer__wikia-section.wds-is-create-wiki{display:block;-webkit-order:5;-ms-flex-order:5;order:5;width:290px}.wds-global-footer__wikia-section.wds-is-community-apps{margin-right:0;min-height:210px;-webkit-order:3;-ms-flex-order:3;order:3;width:200px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:5px}.wds-global-footer__wikia-section.wds-is-advertise{margin-right:0;-webkit-order:6;-ms-flex-order:6;order:6;width:200px}}.wds-global-navigation{background-color:#fff;border-image:linear-gradient(to right,#39424d 40%,#656e78 40%) 1 0 0;border-top:6px solid #656e78;border-width:6px 0 0;box-shadow:0 1px 0 0 #ccc;position:relative}.wds-global-navigation__dropdown-toggle{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.wds-global-navigation__dropdown-content{color:#39424d;min-width:190px;top:calc(100% + 1px);z-index:-1}.wds-global-navigation__dropdown-link{color:#39424d;text-decoration:none;transition:color .2s}.wds-global-navigation__dropdown-link.wds-is-active,.wds-global-navigation__dropdown-link:active,.wds-global-navigation__dropdown-link:hover{color:#00b7e0}.wds-global-navigation__content-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;height:49px;margin:0 auto;position:relative;width:768px;z-index:1}.wds-global-navigation__account-menu,.wds-global-navigation__link,.wds-global-navigation__logo,.wds-global-navigation__notifications-menu,.wds-global-navigation__search,.wds-global-navigation__start-a-wiki,.wds-global-navigation__user-menu,.wds-global-navigation__wikis-menu{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-top:6px solid #656e78;color:#39424d;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-6px;padding:0 8px;text-decoration:none;white-space:nowrap}.wds-global-navigation__account-menu,.wds-global-navigation__link,.wds-global-navigation__notifications-menu,.wds-global-navigation__user-menu,.wds-global-navigation__wikis-menu{transition-duration:.2s;transition-property:background-color,border-color,color}.wds-global-navigation__account-menu:hover,.wds-global-navigation__link:hover,.wds-global-navigation__notifications-menu:hover,.wds-global-navigation__user-menu:hover,.wds-global-navigation__wikis-menu:hover{color:#00b7e0}.wds-global-navigation__account-menu.wds-is-active,.wds-global-navigation__account-menu:active,.wds-global-navigation__link.wds-is-active,.wds-global-navigation__link:active,.wds-global-navigation__notifications-menu.wds-is-active,.wds-global-navigation__notifications-menu:active,.wds-global-navigation__user-menu.wds-is-active,.wds-global-navigation__user-menu:active,.wds-global-navigation__wikis-menu.wds-is-active,.wds-global-navigation__wikis-menu:active{background-color:#656e78;border-color:#363b41;color:#fff}.wds-global-navigation__logo{border-top:6px solid #39424d}.wds-global-navigation__logo-fandom{height:100%;padding-bottom:4px;width:230px}.wds-global-navigation__logo-image{height:100%}.wds-global-navigation__logo-image.wds-is-wds-company-logo-fandom{fill:#39424d;padding-bottom:4px;width:120px}.wds-global-navigation__logo-image.wds-is-wds-company-logo-powered-by-wikia{margin:0 1px 2px 11px;width:98px}.wds-global-navigation__logo-image.wds-is-wds-company-logo-wikia-org{width:105px}.wds-global-navigation__links-and-search{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:4 1 auto;-ms-flex:4 1 auto;flex:4 1 auto}.wds-global-navigation__link,.wds-global-navigation__wikis-menu{transition-duration:.2s;transition-property:background-color,color,font-size,padding,-webkit-flex;transition-property:background-color,color,flex,font-size,padding;transition-property:background-color,color,flex,font-size,padding,-webkit-flex,-ms-flex}.wds-global-navigation__link{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__link.wds-is-games{border-color:#94d11f}.wds-global-navigation__link.wds-is-games.wds-is-active,.wds-global-navigation__link.wds-is-games:active{background-color:#94d11f;border-color:#75a518}.wds-global-navigation__link.wds-is-movies{border-color:#09d3bf}.wds-global-navigation__link.wds-is-movies.wds-is-active,.wds-global-navigation__link.wds-is-movies:active{background-color:#09d3bf;border-color:#07a293}.wds-global-navigation__link.wds-is-tv{border-color:#00b7e0}.wds-global-navigation__link.wds-is-tv.wds-is-active,.wds-global-navigation__link.wds-is-tv:active{background-color:#00b7e0;border-color:#008dad}.wds-global-navigation__wikis-menu{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation__search{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;transition:-webkit-flex .2s;transition:flex .2s;transition:flex .2s, -webkit-flex .2s, -ms-flex .2s}.wds-global-navigation__search-input-wrapper{border:solid transparent;border-width:0 0 1px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:28px;transition:border-bottom-color .2s}.wds-global-navigation__search-label{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;z-index:2}.wds-global-navigation__search-label-icon{cursor:pointer;transition:color .2s;z-index:1}.wds-global-navigation__search-label-icon:hover{color:#00b7e0}.wds-global-navigation__search-input{-webkit-appearance:none;border:0;box-sizing:border-box;color:#333;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;height:100%;left:0;max-width:100%;padding:3px 4px 3px 20px;position:absolute;right:0;top:0;transition:padding .2s;width:100%}.wds-global-navigation__search-input::-webkit-search-cancel-button,.wds-global-navigation__search-input::-webkit-search-decoration{display:none}.wds-global-navigation__search-input:focus{outline:0}.wds-global-navigation__search-input::-webkit-input-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input:-ms-input-placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::placeholder{color:transparent;opacity:1;transition:color .2s}.wds-global-navigation__search-input::-ms-clear{display:none}.wds-global-navigation__search-close{margin:0;max-width:0;opacity:0;padding:0;transition-duration:50ms;transition-property:max-width,opacity,padding;z-index:2}.wds-global-navigation__search-close-icon{color:#999;display:block}.wds-global-navigation__search-submit{border-width:0;max-width:0;overflow:hidden;padding:0;transition-duration:50ms;transition-property:max-width,padding;z-index:2}.component-demo__standalone-wrapper,pre{overflow-x:auto}.wds-global-navigation__search-submit-icon{display:block;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-navigation__search-suggestions{right:0;top:calc(100% + 1px)}.wds-global-navigation__account-menu-caption{display:none;margin-left:5px}.wds-global-navigation__account-menu-dropdown-caption{font-size:12px;padding-bottom:10px;text-align:center}.wds-global-navigation__notifications-menu{padding-right:0;position:relative;width:50px}.wds-global-navigation__notifications-menu-counter{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#00b7e0;border:1px solid #fff;border-radius:9px;box-sizing:border-box;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:10px;height:18px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:-1px;min-width:18px;padding:0 4px;position:absolute;top:8px}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper,.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input-wrapper{border-bottom-color:#656e78}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-label-icon:hover,.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-label-icon:hover{color:#39424d}html[lang^=zh] .wds-global-navigation__start-a-wiki-button{font-size:12px;font-weight:400;padding:9px 12px 8px}.wds-global-navigation__start-a-wiki-icon{height:14px;min-width:14px;width:14px;display:none}.wds-global-navigation__partner-slot{border-left:1px solid #c5ced9;display:none;height:100%;max-width:80px;position:absolute;right:0;top:0}@media (min-width:1280px){.wds-global-navigation__partner-slot{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu .wds-icon,.wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__search-suggestions{display:none}.wds-global-navigation__partner-slot-link{padding:10px}.wds-global-navigation__partner-slot-image{max-width:60px;max-height:29px;vertical-align:middle}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__link{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search{-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__link,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu{color:transparent;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:0;padding:0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper.wds-is-active{border-bottom-color:#00b7e0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-close{max-width:24px;opacity:1;padding-right:8px;transition-delay:150ms}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-submit{max-width:100%;padding:5px 9px;transition:background-color .3s,border-color .3s,color .3s,max-width 50ms 150ms,opacity .3s,padding 50ms 150ms}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:block}@media only screen and (min-width:1024px){.wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation__content-bar{width:1004px}.wds-global-navigation__wikis-menu{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation__search-input-wrapper{border-bottom:1px solid #656e78}.wds-global-navigation__account-menu-caption,.wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation__start-a-wiki-icon{display:none}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:none}}@media only screen and (min-width:1084px){.wds-global-navigation__content-bar{width:1064px}}@media only screen and (min-width:1596px){.wds-global-navigation__content-bar{width:1238px}}.assets-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:30px 0 -50px;text-align:center}.assets-wrapper__align-items-left{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.breakpoints-table{border-collapse:collapse;border-spacing:0;font-size:14px;width:574px}.breakpoints-table td{border:1px solid #f6f6f6;padding:14px 8px;vertical-align:top}.breakpoints-table .format-code{font-size:12px}.breakpoints-table__header{background-color:#f6f6f6}.breakpoints-table__header th{border:1px solid #f6f6f6;padding:18px 8px;text-align:left}.color-box,.icon-box,.main-header{text-align:center}.breakpoints-visualisation{margin-top:30px}.colors-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-20px}.typescale-size-minus-3{font-size:10px}.typescale-size-minus-2{font-size:12px}.typescale-size-minus-1{font-size:14px}.typescale-size-base{font-size:16px}.typescale-size-plus-1{font-size:18px}.typescale-size-plus-2{font-size:24px}.typescale-size-plus-3{font-size:28px}.typescale-size-plus-4{font-size:36px}.typescale-size-plus-5{font-size:40px}.typescale-size-plus-6{font-size:48px}.typescale-size-plus-7{font-size:54px}.asset-box{color:#092344;font-size:14px;margin:0 0 50px}.asset-box.is-avatar-badge{width:125px}.asset-box.is-avatar-badge .asset-box__asset{height:24px}.asset-box.is-bordered .asset-box__asset{border:1px solid #e6e6e6;padding:14px}.asset-box.is-bordered--wider .asset-box__asset{padding:24px}.asset-box.is-single-in-line .asset-box__asset{margin-left:0;margin-right:0}.asset-box.has-dark-background .asset-box__asset{background-color:#39424d}.asset-box__asset{border-bottom:solid 1px #e6e6e6;margin:0 25px 10px;padding-bottom:9px}.asset-box__asset svg{display:block;margin:0 auto}.hljs{color:#333;display:block;padding:.5em}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:700}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:teal}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute,.hljs-name,.hljs-tag{color:navy;font-weight:400}.color-box__name,.hljs-meta,.hljs-strong,.main-header{font-weight:700}.hljs-link,.hljs-regexp{color:#009926}.hljs-bullet,.hljs-symbol{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.color-box{color:#39424d;font-size:12px;margin:30px 6px 0;width:120px}.color-box.is-bordered .color-box__box{border:1px solid #ccc}.color-box__box{height:60px;min-width:60px;width:60px;box-sizing:border-box;margin:0 auto 10px}.component-demo__fullscreen{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(26,26,26,.5);bottom:0;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:fixed;right:0;top:0}.component-demo__standalone{border:0;height:500px;min-width:340px}.component-demo__standalone.is-tablet{min-width:800px}.component-demo__standalone.is-desktop{min-width:1400px}.component-demo__close{color:#fff;cursor:pointer;position:fixed;right:20px;top:20px;z-index:1}.icon-box,.icon-box:hover .wds-icon{color:#092344}.component-demo__device{display:inline-block;margin-right:20px;text-align:center}.component-demo .is-hidden{display:none}.icon-box{font-size:14px;margin-bottom:50px;width:100px}.icon-box__icon{border-bottom:solid 1px #e6e6e6;height:24px;margin:0 25px 10px;padding-bottom:17px}.icon-box .wds-icon{color:#999}.main-navigation{color:#39424d;float:left;max-width:220px;width:25%}.main-navigation .wds-list.wds-is-linked{padding-left:0;padding-right:0}.main-navigation .wds-list.wds-is-linked>li>a{padding-left:18px;padding-right:18px}.main-navigation .wds-icon{color:#656e78;display:inline-block;float:right;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s}.main-navigation__toggle{display:none}.main-navigation__toggle+label{cursor:pointer;display:block}.main-navigation__toggle~.wds-list{max-height:0;overflow-y:hidden;padding:0;transition:max-height .2s,padding .2s}.main-navigation__toggle:checked~.wds-list{max-height:200px;padding-bottom:7px;padding-top:7px}.main-navigation li a{color:#656e78;text-decoration:none}.main-navigation li a:hover{background-color:#f6f6f6}.main-navigation li a.active{background-color:#f6f6f6;color:#00b7e0}.main-navigation.is-fixed{position:fixed;top:0}.typescale-line{display:-webkit-flex;display:-ms-flexbox;display:flex}.typescale-line__left{border-right:1px solid #f6f6f6;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;line-height:1.5em;padding:10px 20px}code,pre{background-color:#f6f6f6;border:1px solid #e6e6e6}.typescale-line__right{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#39424d;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:12px;padding:10px 20px;width:250px}.wds-global-navigation__search-suggestions .wds-is-selected a,a{color:#00b7e0}.typescale-line__code{margin-left:10px}body,pre code{color:#1a1a1a}.fixed-width-140px{width:140px}.main-content .wds-dropdown{margin-bottom:120px}.main-content .wds-dropdown__content{min-width:150px}body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0}p{margin-top:0}img{max-width:100%}code::after,code::before{content:'\00a0';letter-spacing:-.25rem}pre{font-size:12px;line-height:12px;margin-top:30px;max-height:300px;padding:14px}pre code{border:0}.main-content h2,.main-header{border-bottom:1px solid #e6e6e6}pre code::after,pre code::before{display:none}.main-container{margin:0 auto;max-width:1024px}.main-header{color:#00b7e0;font-size:48px;line-height:1;margin-bottom:34px;padding:40px 30px 38px}.main-content{float:right;margin-bottom:80px;width:75%}.main-content h1{font-size:18px;line-height:1.5em;margin-bottom:4px;margin-top:12px}.main-content section,.warning-note{margin-top:30px}.main-content h2{font-size:14px;margin-bottom:20px;padding-bottom:1px}.format-code{background-color:transparent;border:0;color:#c819ad}.alert-info{padding-left:26px;position:relative}.alert-info .wds-icon{color:#656e78;left:0;position:absolute;top:5px}.warning-note{background-color:rgba(240,138,36,.2);border:1px solid rgba(240,138,36,.9);padding:14px} \ No newline at end of file diff --git a/docs/assets/design-system.js b/docs/assets/design-system.js index bb651b70e..d638715f3 100644 --- a/docs/assets/design-system.js +++ b/docs/assets/design-system.js @@ -7,8 +7,8 @@ cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocum var n=e.createElement("p"),r=e.createTextNode("\n\t\tText returned from the API can come in a few different formats defined by the schema.\n\t\tClients should check the type property and render the text accordingly.\n\t\tYou can see an example of implementation for this in\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"href","https://github.com/Wikia/app/blob/dev/extensions/wikia/DesignSystem/DesignSystemHelper.class.php");var d=e.createTextNode("DesignSystemHelper::renderText()");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".\n\t\tThe types are:\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("type: text");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — raw string, escape HTML special characters and render the result.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("type: translatable-text");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("ul"),l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("params");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" property is set — translate the text, render each param recursively,\n\t\t\t\t\treplace placeholders with the results, escape HTML special characters and render the end result.\n\t\t\t\t\tParameters are texts and the same rules described here apply to each of them.\n\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("params");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" property is not set — translate the text,\n\t\t\t\t\tescape HTML special characters and render the result.\n\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("type: link-text");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — create a link using ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("href");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\tproperty and render the text using ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("title");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" property while applying the rules above.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","interactions");var r=e.createTextNode("Interactions");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tDesign System doesn't provide JavaScript for handling interactions, so you need to implement them yourself.\n\t\tThere are no interactions for the Global Footer. You can find the list of interactions for the Global Navigation\n\t\ton the ");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode(".\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=e.childAt(t,[12,3]),r=new Array(5);return r[0]=e.createMorphAt(e.childAt(t,[6,1]),0,0),r[1]=e.createMorphAt(n,1,1),r[2]=e.createMorphAt(n,3,3),r[3]=e.createMorphAt(e.childAt(t,[14,5]),1,1),r[4]=e.createMorphAt(e.childAt(t,[18,3]),1,1),r},statements:[["block","link-to",["overview.quick-start"],[],0,null,["loc",[null,[8,5],[8,73]]]],["block","link-to",["identity.global-navigation"],[],1,null,["loc",[null,[48,46],[48,116]]]],["block","link-to",["identity.global-footer"],[],2,null,["loc",[null,[49,6],[49,68]]]],["block","code-sample",[],["language","html"],3,null,["loc",[null,[115,2],[119,18]]]],["block","link-to",["identity.global-navigation"],[],4,null,["loc",[null,[170,9],[170,78]]]]],locals:[],templates:[e,t,a,n,r]}}())}),define("design-system/templates/identity/assets",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:10,column:0},end:{line:10,column:55}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("How to use SVG assets");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:20,column:1},end:{line:22,column:1}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-company-logo-fandom"],[],["loc",[null,[21,0],[21,33]]],0,0]],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:33,column:1},end:{line:35,column:1}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-company-logo-fandom-heart"],[],["loc",[null,[34,0],[34,39]]],0,0]],locals:[],templates:[]}}(),n=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:46,column:1},end:{line:48,column:1}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-company-logo-fandom-powered-by-wikia"],[],["loc",[null,[47,0],[47,50]]],0,0]],locals:[],templates:[]}}(),r=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:59,column:1},end:{line:61,column:1}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-company-logo-fandom-powered-by-wikia-two-lines"],[],["loc",[null,[60,0],[60,60]]],0,0]],locals:[],templates:[]}}(),d=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:72,column:1},end:{line:74,column:1}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-company-logo-powered-by-wikia"],[],["loc",[null,[73,0],[73,43]]],0,0]],locals:[],templates:[]}}(),l=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:85,column:1},end:{line:87,column:1}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-company-logo-wikia"],[],["loc",[null,[86,0],[86,32]]],0,0]],locals:[],templates:[]}}(),o=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:98,column:1},end:{line:100,column:1}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,1,1,a),n},statements:[["inline","svg",["wds-company-logo-wikia-org"],[],["loc",[null,[99,2],[99,38]]],0,0]],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:102,column:0}},moduleName:"design-system/templates/identity/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Company Assets");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tActing as the main touchpoint for building our brand recognition,\n\tall assets should be used in a logical sense without any transformations or color adjustments.\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tAsset names for company assets are defined by the pattern ");e.appendChild(a,n);var n=e.createElement("code"),r=e.createElement("strong"),d=e.createTextNode("wds-company-logo-ASSET_NAME");e.appendChild(r,d),e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode(",\n\te.g. ");e.appendChild(a,n);var n=e.createElement("code"),r=e.createTextNode("wds-company-logo-fandom");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode(".\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","fandom-logo");var r=e.createTextNode("Fandom logo");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("This is base Fandom logo.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper assets-wrapper__align-items-left");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","fandom-heart");var r=e.createTextNode("Fandom heart");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("This Fandom heart is used as fav.ico.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper assets-wrapper__align-items-left");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","fandom-powered-by-wikia");var r=e.createTextNode("Fandom Powered by Wikia");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("This asset is used in global navigation.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper assets-wrapper__align-items-left");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","fandom-powered-by-wikia-two-lines");var r=e.createTextNode("Fandom Powered by Wikia (in two lines)");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("This asset is used in global footer.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper assets-wrapper__align-items-left");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","powered-by-wikia");var r=e.createTextNode("Powered by Wikia");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("This asset is used in mobile.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper assets-wrapper__align-items-left");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","wikia-logo");var r=e.createTextNode("Wikia Logo");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("This is base Wikia logo.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper assets-wrapper__align-items-left");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","wikia-org-logo");var r=e.createTextNode("Wikia.org Logo");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createElement("a");e.setAttribute(r,"href","https://wikia.org"),e.setAttribute(r,"target","_blank");var d=e.createTextNode("https://wikia.org");e.appendChild(r,d),e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper assets-wrapper__align-items-left");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=e.childAt(t,[8]),r=e.childAt(t,[10]),d=e.childAt(t,[12]),l=e.childAt(t,[14]),o=e.childAt(t,[16]),i=e.childAt(t,[18]),p=e.childAt(t,[20]),c=new Array(15);return c[0]=e.createMorphAt(t,6,6,a),c[1]=e.createMorphAt(e.childAt(n,[5]),1,1),c[2]=e.createMorphAt(n,7,7),c[3]=e.createMorphAt(e.childAt(r,[5]),1,1),c[4]=e.createMorphAt(r,7,7),c[5]=e.createMorphAt(e.childAt(d,[5]),1,1),c[6]=e.createMorphAt(d,7,7),c[7]=e.createMorphAt(e.childAt(l,[5]),1,1),c[8]=e.createMorphAt(l,7,7),c[9]=e.createMorphAt(e.childAt(o,[5]),1,1),c[10]=e.createMorphAt(o,7,7),c[11]=e.createMorphAt(e.childAt(i,[5]),1,1),c[12]=e.createMorphAt(i,7,7),c[13]=e.createMorphAt(e.childAt(p,[5]),1,1),c[14]=e.createMorphAt(p,7,7),c},statements:[["block","link-to",["overview.svg-assets"],[],0,null,["loc",[null,[10,0],[10,67]]]],["inline","asset-box",[],["group","company-logo","name","fandom","class","is-identity is-bordered is-single-in-line","width",300,"height",120],["loc",[null,[17,2],[17,121]]],0,0],["block","component-demo",[],["codeOnly",!0],1,null,["loc",[null,[20,1],[22,20]]]],["inline","asset-box",[],["group","company-logo","name","fandom-heart","class","is-identity is-bordered is-bordered--wider is-single-in-line","width",106,"height",100],["loc",[null,[30,2],[30,146]]],0,0],["block","component-demo",[],["codeOnly",!0],2,null,["loc",[null,[33,1],[35,20]]]],["inline","asset-box",[],["group","company-logo","name","fandom-powered-by-wikia","class","is-identity is-bordered is-single-in-line","width",300,"height",48],["loc",[null,[43,2],[43,137]]],0,0],["block","component-demo",[],["codeOnly",!0],3,null,["loc",[null,[46,1],[48,20]]]],["inline","asset-box",[],["group","company-logo","name","fandom-powered-by-wikia-two-lines","class","is-identity is-bordered is-single-in-line has-dark-background","width",300,"height",120],["loc",[null,[56,2],[56,168]]],0,0],["block","component-demo",[],["codeOnly",!0],4,null,["loc",[null,[59,1],[61,20]]]],["inline","asset-box",[],["group","company-logo","name","powered-by-wikia","class","is-identity is-bordered is-single-in-line","width",300,"height",48],["loc",[null,[69,2],[69,130]]],0,0],["block","component-demo",[],["codeOnly",!0],5,null,["loc",[null,[72,1],[74,20]]]],["inline","asset-box",[],["group","company-logo","name","wikia","class","is-identity is-bordered is-single-in-line","width",300,"height",86],["loc",[null,[82,2],[82,119]]],0,0],["block","component-demo",[],["codeOnly",!0],6,null,["loc",[null,[85,1],[87,20]]]],["inline","asset-box",[],["group","company-logo","name","wikia-org","class","is-identity is-bordered is-single-in-line","width",300,"height",86],["loc",[null,[95,2],[95,123]]],0,0],["block","component-demo",[],["codeOnly",!0],7,null,["loc",[null,[98,1],[100,20]]]]],locals:[],templates:[e,t,a,n,r,d,l,o]}}())}),define("design-system/templates/identity/global-footer",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:3,column:0}},moduleName:"design-system/templates/identity/global-footer.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,1,1,a),n},statements:[["content","outlet",["loc",[null,[2,1],[2,11]]],0,0,0,0]],locals:[],templates:[]}}(),t=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:14,column:47},end:{line:14,column:77}},moduleName:"design-system/templates/identity/global-footer.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("API");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:20,column:2},end:{line:27,column:2}},moduleName:"design-system/templates/identity/global-footer.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-footer",[],["model",["subexpr","@mut",[["get","model.with-hubs",["loc",[null,[26,26],[26,41]]],0,0,0,0]],[],[],0,0]],["loc",[null,[26,0],[26,43]]],0,0]],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:33,column:2},end:{line:40,column:2}},moduleName:"design-system/templates/identity/global-footer.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-footer",[],["model",["subexpr","@mut",[["get","model.without-hubs",["loc",[null,[39,26],[39,44]]],0,0,0,0]],[],[],0,0]],["loc",[null,[39,0],[39,46]]],0,0]],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:3,column:0},end:{line:42,column:0}},moduleName:"design-system/templates/identity/global-footer.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t");e.appendChild(t,a);var a=e.createElement("h1"),n=e.createTextNode("Global Footer");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\t");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\t\tThe footer houses a mix of user- and company-prioritized links and is organized based on user value.\n\t\tBecause it’s not part of the user generated content across our site it should not be connected\n\t\tto the bottom of the content; instead it should be separated by a small gap to properly communicate\n\t\tit’s not part of the content but the overall Fandom site.\n\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","api");var r=e.createTextNode("API");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Content for Global Footer is available in ");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode(".");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","with-hubs");var r=e.createTextNode("With hubs");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","without-hubs");var r=e.createTextNode("Without hubs");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(3);return n[0]=e.createMorphAt(e.childAt(t,[5,3]),1,1),n[1]=e.createMorphAt(e.childAt(t,[7]),3,3),n[2]=e.createMorphAt(e.childAt(t,[9]),3,3),n},statements:[["block","link-to",["identity.api"],[],0,null,["loc",[null,[14,47],[14,89]]]],["block","component-demo",[],["codeOnly",!0,"componentName","wds-global-footer","standalone",!0,"variantUrl","/identity/global-footer/standalone/with-hubs"],1,null,["loc",[null,[20,2],[27,21]]]],["block","component-demo",[],["codeOnly",!0,"componentName","wds-global-footer","standalone",!0,"variantUrl","/identity/global-footer/standalone/without-hubs"],2,null,["loc",[null,[33,2],[40,21]]]]],locals:[],templates:[e,t,a]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:43,column:0}},moduleName:"design-system/templates/identity/global-footer.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),e.insertBoundary(t,null),n},statements:[["block","if",[["get","standalone",["loc",[null,[1,6],[1,16]]],0,0,0,0]],[],0,1,["loc",[null,[1,0],[42,7]]]]],locals:[],templates:[e,t]}}())}),define("design-system/templates/identity/global-footer/standalone",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:2,column:0}},moduleName:"design-system/templates/identity/global-footer/standalone.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-footer",[],["model",["subexpr","@mut",[["get","model",["loc",[null,[1,26],[1,31]]],0,0,0,0]],[],[],0,0]],["loc",[null,[1,0],[1,33]]],0,0]],locals:[],templates:[]}}())}),define("design-system/templates/identity/global-navigation",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:3,column:0}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,1,1,a),n},statements:[["content","outlet",["loc",[null,[2,1],[2,11]]],0,0,0,0]],locals:[],templates:[]}}(),t=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:13,column:51},end:{line:13,column:81}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("API");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:23,column:36},end:{line:23,column:93}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("component's page");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:110,column:2},end:{line:117,column:2}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-navigation",[],["model",["subexpr","@mut",[["get","model.logged-out-with-hubs",["loc",[null,[116,30],[116,56]]],0,0,0,0]],[],[],0,0]],["loc",[null,[116,0],[116,58]]],0,0]],locals:[],templates:[]}}(),n=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:123,column:2},end:{line:130,column:2}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-navigation",[],["model",["subexpr","@mut",[["get","model.logged-out-without-hubs",["loc",[null,[129,30],[129,59]]],0,0,0,0]],[],[],0,0]],["loc",[null,[129,0],[129,61]]],0,0]],locals:[],templates:[]}}(),r=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:136,column:2},end:{line:143,column:2}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-navigation",[],["model",["subexpr","@mut",[["get","model.logged-out-with-partner-slot",["loc",[null,[142,30],[142,64]]],0,0,0,0]],[],[],0,0]],["loc",[null,[142,0],[142,66]]],0,0]], locals:[],templates:[]}}(),d=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:149,column:2},end:{line:156,column:2}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-navigation",[],["model",["subexpr","@mut",[["get","model.logged-out-wikia-org",["loc",[null,[155,30],[155,56]]],0,0,0,0]],[],[],0,0]],["loc",[null,[155,0],[155,58]]],0,0]],locals:[],templates:[]}}(),l=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:162,column:2},end:{line:169,column:2}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-navigation",[],["model",["subexpr","@mut",[["get","model.logged-in-with-hubs",["loc",[null,[168,30],[168,55]]],0,0,0,0]],[],[],0,0]],["loc",[null,[168,0],[168,57]]],0,0]],locals:[],templates:[]}}(),o=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:175,column:2},end:{line:182,column:2}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-navigation",[],["model",["subexpr","@mut",[["get","model.logged-in-without-hubs",["loc",[null,[181,30],[181,58]]],0,0,0,0]],[],[],0,0]],["loc",[null,[181,0],[181,60]]],0,0]],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:3,column:0},end:{line:184,column:0}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t");e.appendChild(t,a);var a=e.createElement("h1"),n=e.createTextNode("Global Navigation");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\t");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\t\tA main driver for user engagement,\n\t\tthe global nav should be displayed on all of our pages to help tie the various products together\n\t\tand to provide a way for users to navigate the site.\n\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","api");var r=e.createTextNode("API");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Content for Global Navigation is available in ");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode(".");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","interactions");var r=e.createTextNode("Interactions");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\t\tDesign System doesn't provide JavaScript for handling interactions so you need to implement them yourself.\n\t\t\tThe list of interactions for the Global Navigation:\n\t\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Dropdowns — described on the ");e.appendChild(r,d);var d=e.createComment("");e.appendChild(r,d);var d=e.createTextNode(".");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t\tGlobal Navigation bar behaviour\n\t\t\t\t");e.appendChild(r,d);var d=e.createElement("ul"),l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tDesktop, logged in users — bar disappears when user scrolls down and reappears when user\n\t\t\t\t\t\tstarts to scroll up, so far all products use\n\t\t\t\t\t\t");e.appendChild(l,o);var o=e.createElement("a");e.setAttribute(o,"href","http://wicky.nillia.ms/headroom.js/"),e.setAttribute(o,"target","_blank");var i=e.createTextNode("Headroom.js");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode("\n\t\t\t\t\t\tfor that. When there is a dropdown or search suggestions open in the Global Navigation,\n\t\t\t\t\t\tthen it should stay visible even when user is scrolling down.\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tDesktop, anons — bar stays visible all the time.\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tMobile — bar stays visible all the time.\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t\tSearch\n\t\t\t\t");e.appendChild(r,d);var d=e.createElement("ul"),l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tWhen user focuses the search input:\n\t\t\t\t\t\t");e.appendChild(l,o);var o=e.createElement("ul"),i=e.createTextNode("\n\t\t\t\t\t\t\t");e.appendChild(o,i);var i=e.createElement("li"),p=e.createTextNode("\n\t\t\t\t\t\t\t\tAdd ");e.appendChild(i,p);var p=e.createElement("code");e.setAttribute(p,"class","format-code");var c=e.createTextNode("wds-search-is-active");e.appendChild(p,c),e.appendChild(i,p);var p=e.createTextNode(" class to the\n\t\t\t\t\t\t\t\t");e.appendChild(i,p);var p=e.createElement("code");e.setAttribute(p,"class","format-code");var c=e.createTextNode(".wds-global-navigation");e.appendChild(p,c),e.appendChild(i,p);var p=e.createTextNode(" element.\n\t\t\t\t\t\t\t\tIt will cause the input to expand to the full width.\n\t\t\t\t\t\t\t");e.appendChild(i,p),e.appendChild(o,i);var i=e.createTextNode("\n\t\t\t\t\t\t\t");e.appendChild(o,i);var i=e.createElement("li"),p=e.createTextNode("\n\t\t\t\t\t\t\t\tChange input placeholder from call to action to enter search into a call to action that suggest start typing and what to search.\n\t\t\t\t\t\t\t");e.appendChild(i,p),e.appendChild(o,i);var i=e.createTextNode("\n\t\t\t\t\t\t");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode("\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tWhen user clicks the X icon or presses the escape key:\n\t\t\t\t\t\t");e.appendChild(l,o);var o=e.createElement("ul"),i=e.createTextNode("\n\t\t\t\t\t\t\t");e.appendChild(o,i);var i=e.createElement("li"),p=e.createTextNode("\n\t\t\t\t\t\t\t\tClear the input and remove ");e.appendChild(i,p);var p=e.createElement("code");e.setAttribute(p,"class","format-code");var c=e.createTextNode("wds-search-is-active");e.appendChild(p,c),e.appendChild(i,p);var p=e.createTextNode(" class.\n\t\t\t\t\t\t\t");e.appendChild(i,p),e.appendChild(o,i);var i=e.createTextNode("\n\t\t\t\t\t\t\t");e.appendChild(o,i);var i=e.createElement("li"),p=e.createTextNode("\n\t\t\t\t\t\t\t\tChange input placeholder to initial state.\n\t\t\t\t\t\t\t");e.appendChild(i,p),e.appendChild(o,i);var i=e.createTextNode("\n\t\t\t\t\t\t");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode("\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tWhen user presses the enter key, go to the search results page with the current query.\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t\tSearch suggestions — their container acts similar to a dropdown\n\t\t\t\t");e.appendChild(r,d);var d=e.createElement("ul"),l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tWhen user provides at least 3 characters, show the list of suggestions by putting them in\n\t\t\t\t\t\t");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode(".wds-global-navigation__search-suggestions");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" element as a list\n\t\t\t\t\t\tand adding ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("wds-is-active");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" class to the\n\t\t\t\t\t\t");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode(".wds-global-navigation__search-input-wrapper");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" element.\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tWhen user presses up or down arrow keys, highlight the currently chosen one by adding\n\t\t\t\t\t\t");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("wds-is-selected");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" class to the proper ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("li");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" element.\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("\n\t\t\t\t\t\tWhen user presses the enter key while a suggestion is highlighted, go directly to the selected page.\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t\tAnon and logged in state\n\t\t\t\t");e.appendChild(r,d);var d=e.createElement("ul"),l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode('\n\t\t\t\t\t\tFor logged in users on tablet devices "Start a wiki" button changes into "+" icon.\n\t\t\t\t\t\tIn order to make that happen ');e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode(".wds-global-navigation__start-a-wiki");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode("\n\t\t\t\t\t\tcontainer requires additional class name: ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("wds-user-is-logged-in");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(".\n\t\t\t\t\t");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("For anon users render ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode(".wds-global-navigation__account-menu");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" div that contains user login and register buttons.");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createTextNode("For logged in users render ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode(".wds-global-navigation__user-menu");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" div that contains user menu.");e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","logged-out-with-hubs");var r=e.createTextNode("Logged out with hubs");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","logged-out-without-hubs");var r=e.createTextNode("Logged out without hubs");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","logged-out-with-partner-slot");var r=e.createTextNode("Logged out with partner slot");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","logged-out-wikia-org");var r=e.createTextNode("Logged out with Wikia.org logo");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","logged-in-with-hubs");var r=e.createTextNode("Logged in with hubs");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\t");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","logged-in-with-hubs");var r=e.createTextNode("Logged in without hubs");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\t");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(8);return n[0]=e.createMorphAt(e.childAt(t,[5,3]),1,1),n[1]=e.createMorphAt(e.childAt(t,[7,5,1]),1,1),n[2]=e.createMorphAt(e.childAt(t,[9]),3,3),n[3]=e.createMorphAt(e.childAt(t,[11]),3,3),n[4]=e.createMorphAt(e.childAt(t,[13]),3,3),n[5]=e.createMorphAt(e.childAt(t,[15]),3,3),n[6]=e.createMorphAt(e.childAt(t,[17]),3,3),n[7]=e.createMorphAt(e.childAt(t,[19]),3,3),n},statements:[["block","link-to",["identity.api"],[],0,null,["loc",[null,[13,51],[13,93]]]],["block","link-to",["route-components.dropdowns"],[],1,null,["loc",[null,[23,36],[23,105]]]],["block","component-demo",[],["codeOnly",!0,"componentName","wds-global-navigation","standalone",!0,"variantUrl","/identity/global-navigation/standalone/logged-out-with-hubs"],2,null,["loc",[null,[110,2],[117,21]]]],["block","component-demo",[],["codeOnly",!0,"componentName","wds-global-navigation","standalone",!0,"variantUrl","/identity/global-navigation/standalone/logged-out-without-hubs"],3,null,["loc",[null,[123,2],[130,21]]]],["block","component-demo",[],["codeOnly",!0,"componentName","wds-global-navigation","standalone",!0,"variantUrl","/identity/global-navigation/standalone/logged-out-with-partner-slot"],4,null,["loc",[null,[136,2],[143,21]]]],["block","component-demo",[],["codeOnly",!0,"componentName","wds-global-navigation","standalone",!0,"variantUrl","/identity/global-navigation/standalone/logged-out-wikia-org"],5,null,["loc",[null,[149,2],[156,21]]]],["block","component-demo",[],["codeOnly",!0,"componentName","wds-global-navigation","standalone",!0,"variantUrl","/identity/global-navigation/standalone/logged-in-with-hubs"],6,null,["loc",[null,[162,2],[169,21]]]],["block","component-demo",[],["codeOnly",!0,"componentName","wds-global-navigation","standalone",!0,"variantUrl","/identity/global-navigation/standalone/logged-in-without-hubs"],7,null,["loc",[null,[175,2],[182,21]]]]],locals:[],templates:[e,t,a,n,r,d,l,o]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:185,column:0}},moduleName:"design-system/templates/identity/global-navigation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),e.insertBoundary(t,null),n},statements:[["block","if",[["get","standalone",["loc",[null,[1,6],[1,16]]],0,0,0,0]],[],0,1,["loc",[null,[1,0],[184,7]]]]],locals:[],templates:[e,t]}}())}),define("design-system/templates/identity/global-navigation/standalone",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:2,column:0}},moduleName:"design-system/templates/identity/global-navigation/standalone.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-global-navigation",[],["model",["subexpr","@mut",[["get","model",["loc",[null,[1,30],[1,35]]],0,0,0,0]],[],[],0,0]],["loc",[null,[1,0],[1,37]]],0,0]],locals:[],templates:[]}}())}),define("design-system/templates/overview/contributing",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:86,column:1},end:{line:90,column:1}},moduleName:"design-system/templates/overview/contributing.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("./deploy-devbox.sh -h dev-developer\nsh deploy-devbox.sh -h dev-developer\nsh deploy-devbox.sh -h dev-developer -u developer\n");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:194,column:0}},moduleName:"design-system/templates/overview/contributing.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Contributing");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("Who can contribute");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Everyone can contribute. No specific team is the owner of this project and everyone is encouraged to improve and expand it.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to report issues");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo report an issue please create Jira ticket in the MAIN project and select Design System component.\n\t\tYou're free and encouraged to fix the bug yourself.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to develop");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("If you want to contribute to DS follow the steps:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Clone ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/design-system"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Design System");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" repository");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Install dependencies with ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("npm run setup");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Run ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("npm run dev");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" to build the Reference Page and start file watchers");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Open ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","http://localhost:4200"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("http://localhost:4200");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" to see the Reference Page");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Modify the Design System or Reference Page source files as you see fit, Ember CLI will rebuild the RP app and reload the page");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Run ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("npm run build");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" to update dist directory and commit your changes.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode('If you want to release your change see the "How to release new version" section below');e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode('If you want to present the results of your work using devbox see the "How to deploy Reference Page to devbox" section below');e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("Versioning");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tWe follow ");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"href","http://semver.org/"),e.setAttribute(r,"target","_blank");var d=e.createTextNode("SemVer");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" with a\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"href","https://medium.com/javascript-scene/software-versions-are-broken-3d2dc0da0783#70a1"),e.setAttribute(r,"target","_blank");var d=e.createTextNode("slight modification");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\twhere the version roles are based on the scheme: ");e.appendChild(n,r);var r=e.createElement("strong"),d=e.createTextNode("Breaking.Feature.Fix");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(". Paraphrasing the linked article:\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("We don't decide what the version will be. The API changes decide. Version numbers are for computers, not people.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Breaking — Any breaking change, no matter how small increments the Breaking version number.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Feature — When any new feature is added. This could be as small as a new variable, or as large as a new component.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Fix — When a documented feature does not behave as documented (and no client relies on the broken behavior).");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to release new version");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("When you merge changes to the ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode("master");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" branch you have to release them.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\tRelease the new version, use one of the following commands:\n\t\t\t");e.appendChild(r,d);var d=e.createElement("ul"),l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("npm run release-breaking");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" — bumps ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("1.0.0");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" to ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("2.0.0");e.appendChild(o,i),e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("npm run release-feature");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" — bumps ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("1.0.0");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" to ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("1.1.0");e.appendChild(o,i),e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t\t");e.appendChild(d,l);var l=e.createElement("li"),o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("npm run release-fix");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" — bumps ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("1.0.0");e.appendChild(o,i),e.appendChild(l,o);var o=e.createTextNode(" to ");e.appendChild(l,o);var o=e.createElement("code");e.setAttribute(o,"class","format-code");var i=e.createTextNode("1.0.1");e.appendChild(o,i),e.appendChild(l,o),e.appendChild(d,l);var l=e.createTextNode("\n\t\t\t");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\tIt will checkout the latest master,\n\t\t\tuse ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://docs.npmjs.com/cli/version"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("npm version");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\tto bump the version and push the updated ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("package.json");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" and the new tag.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\tUpdate changelog on ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/design-system/releases");var l=e.createTextNode("github");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(".\n\t\t\tThis is the only changelog for DS, so please be descriptive in what changed and document all steps required for migration to new version.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t"); e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to add new page to Reference Page");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Add entry to ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("app/router.js");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Add entry to navigation object in ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("app/controllers/application.js");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Create template file in ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("app/templates/");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("(file path have to match route)");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to deploy Reference Page to devbox");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tYou can present your work on Reference Page by deploying it to your devbox. To do so you can use\n\t\t");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode("deploy-debox.sh");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" script which will make the Reference Page available on\n\t\t");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode("http://dev-developer/design-system/");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("How to use the script:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tIt builds the app and uses ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode("scp");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" to send the files to devbox.\n\t\tIf you have configured the SSH keys in your system then no additional authorization is required.\n\t\tIf you haven't then you will need to use your password.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Parameters:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("-h host");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — devbox name i.e. ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("dev-developer");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" ");e.appendChild(r,d);var d=e.createElement("b"),l=e.createTextNode("(required)");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("-u username");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — devbox username (optional, needed if you didn't configure SSH keys and have a different username locally than on devbox)");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("Repository structure");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("app");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(' — source files for Ember Reference Page application.\n\t\t\tYou will need to edit them when modifying the RP. See "Repository APP (Reference Page) structure" section below\n\t\t');e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("config");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — configuration for Reference Page. It's unlikely that you will need to touch it.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("dist");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Design System distributable files.\n\t\t\tThis is the only directory that you will get when installing DS using Bower.\n\t\t\tIt shouldn't be modified manually as it's built by Ember CLI when using ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("npm run build");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(".\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("docs");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — built and ready to use Reference Page. This is what GitHub Pages display on\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","http://fandomdesignsystem.com");var l=e.createTextNode("fandomdesignsystem.com");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" (using version from the master branch).\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("docs-dev");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — development version of Reference Page.\n\t\t\tIt's built when using npm run dev and is accessible on ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","http://localhost:4200"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("http://localhost:4200");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(".\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("lib");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Ember's in-repo addons");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("lib/wds-components");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Ember components that wrap Design System\n\t\t\tcomponents. Consider using them instead of the pure HTML when there is logic involved.\n\t\t\tIt's currently an in-repo addon but it's possible to extract it to a separate addon and reuse in all Ember apps.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("public");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — contents of this directory are copied to Reference Page assets during the build.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("style-guide");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — source files for Design System. This is what gets compiled to dist.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("ember-cli-build.js");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — configuration file for the Ember CLI which is our build pipeline.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("Repository APP (Reference Page) structure");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("components");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Definitions of RP-only components, see\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","http://emberjs.com/api/classes/Ember.Component.html"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Ember.Component");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\tand ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://guides.emberjs.com/v2.8.0/components/defining-a-component/"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Defining a component");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\tfor more details. You need to use these only if you want to expand RP features.\n\t\t\tTemplates live in templates/components directory and it's possible that a template will be enough for your needs\n\t\t\tand you won't need the JS file. A component template is enough to render it.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("controllers");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Definitions of RP controllers, see\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","http://emberjs.com/api/classes/Ember.Controller.html"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Ember.Controller");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\tand ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://guides.emberjs.com/v2.8.0/controllers/"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Controllers");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\tfor more details. Each route has a matching controller. Even if you don't create a file for it,\n\t\t\tEmber will create controller in the memory. Templates live in ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("templates/");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode("\n\t\t\tdirectory and it's possible that a template will be enough for your needs and you won't need the JS file.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("helpers");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Helpers which are accessible in the templates, see\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","http://emberjs.com/api/classes/Ember.Helper.html"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Ember.Helper");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" and\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://guides.emberjs.com/v2.8.0/templates/writing-helpers/"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Writing helpers");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" for more details.\n\t\t\tUseful for logic that doesn't fit in a component.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("initializers");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Ember runs initializers before the app is started. See\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://guides.emberjs.com/v2.8.0/applications/initializers/"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Initializers");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" for more details.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("models");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — We use them to mock the data that is normally\n\t\t\treturned from the DS API. They can be imported easily into routes or components.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("routes");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Handlers for routes specified in router.js, see\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","http://emberjs.com/api/classes/Ember.Route.html"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Ember.Route");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" and\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://guides.emberjs.com/v2.8.0/routing/"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Routing");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" for more details. You need to\n\t\t\tcreate a handler only if you have a custom logic for the route, like loading a model.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("styles");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — RP-specific styles. Don't put the DS styles in here.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("templates");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — See\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://guides.emberjs.com/v2.8.0/templates/handlebars-basics/"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Handlebars basics");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" for details.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("templates/base-styles");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — templates for controllers with their routes matching ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("base-styles/*");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("templates/components");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — templates for components that live in ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("components/");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" directory");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("templates/identity");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — templates for controllers with their routes matching ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("identity/*");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("templates/overview");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — templates for controllers with their routes matching ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("overview/*");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("templates/route-components");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — templates for controllers with their routes matching ");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("components/*");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("templates/application.hbs");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — the main template that is always used as the top one");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("\n\t\t\t");e.appendChild(r,d);var d=e.createElement("code");e.setAttribute(d,"class","format-code");var l=e.createTextNode("router.js");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" — Routes definitions, see\n\t\t\t");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://guides.emberjs.com/v2.8.0/routing/defining-your-routes/"),e.setAttribute(d,"target","_blank");var l=e.createTextNode("Defining your routes");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" for more details.\n\t\t");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(e.childAt(t,[14]),7,7),n},statements:[["block","code-sample",[],[],0,null,["loc",[null,[86,1],[90,17]]]]],locals:[],templates:[e]}}())}),define("design-system/templates/overview/getting-started",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:37,column:0}},moduleName:"design-system/templates/overview/getting-started.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Getting started");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("What is the Fandom Design System?");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tIt is a framework of our visual language and process for creating a cohesive experience across the Fandom ecosystem;\n\t\tit is a living product that will be continuously evolving with a dedicated roadmap and backlog.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("What is the mission of the Fandom Design System?");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo provide the necessary tools and establish a process that empowers teams to ship high-quality and cohesive products on our supported platforms.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("What is the Fandom Design System made up of?");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Style Guide which defines the visual language of the system (design spec)");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Style & Component Library built using the design specs from the Style Guide (tech stack)");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Guidelines and Processes for using and maintaining the system (process)");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("What are the goals of the Fandom Design System?");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("strong"),l=e.createTextNode("Branding:");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" to align with our specified brand guidelines and to present a high-quality brand experience.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("strong"),l=e.createTextNode("Cohesion:");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" visitors moving across our flagship products should never feel like they are on a different site and understand that each are related and a part of the Fandom ecosystem.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("strong"),l=e.createTextNode("Efficiency:");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" to enable designers and developers to spend less time on simple problems and focus more on high-impact and innovative experiences.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("strong"),l=e.createTextNode("Monetization:");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" to provide a high quality ad experience across the Fandom ecosystem that meets industry visibility standards and that we can sell to advertisers in packages.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createElement("strong"),l=e.createTextNode("Engagement:");e.appendChild(d,l),e.appendChild(r,d);var d=e.createTextNode(" through the Design System Fandom products can provide a cohesive experience that makes our users happy to be a part of our community and allow them to express their fandoms in various ways across our ecosystem.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}())}),define("design-system/templates/overview/installation",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:19,column:39},end:{line:19,column:83}},moduleName:"design-system/templates/overview/installation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("SVG Assets");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:32,column:2},end:{line:32,column:81}},moduleName:"design-system/templates/overview/installation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode('@import "path/to/design-system/dist/scss/index"');return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:66,column:2},end:{line:68,column:2}},moduleName:"design-system/templates/overview/installation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode('@import "path/to/design-system/dist/scss/wds-variables/index"\n');return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:71,column:0}},moduleName:"design-system/templates/overview/installation.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Installation");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("To install Design System you can use");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("ul"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"target","_blank"),e.setAttribute(r,"href","https://bower.io/");var d=e.createTextNode("Bower");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(":\n\t\t");e.appendChild(n,r);var r=e.createElement("pre"),d=e.createTextNode("bower install Wikia/design-system --save");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"target","_blank"),e.setAttribute(r,"href","https://docs.npmjs.com/");var d=e.createTextNode("NPM");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(":\n\t\t");e.appendChild(n,r);var r=e.createElement("pre"),d=e.createTextNode("npm install Wikia/design-system --save");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("in both cases it is advised to use ");e.appendChild(a,n);var n=e.createElement("code");e.setAttribute(n,"class","format-code");var r=e.createTextNode("--save");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode(" to add it to you bower.json or package.json.");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to install SVG");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tRead more about how to handle SVG on ");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode(" page.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to install SCSS");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("This is a preferred way of using Design System as this installs both styles and variables.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo use SCSS files in your project include\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"target","_blank"),e.setAttribute(r,"href","https://github.com/Wikia/design-system/blob/master/dist/scss/index.scss");var d=e.createTextNode("dist/scss/index.scss");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\tin your main SCSS file:\n\n\t\t"); -e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\n\t\tNote that\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"target","_blank"),e.setAttribute(r,"href","https://github.com/postcss/autoprefixer");var d=e.createTextNode("autoprefixer");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" is required for SCSS compilation,\n\t\tas there are no prefixes in SCSS files.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to install CSS");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tIf you can't use SASS or prefer to use CSS, you can include\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"target","_blank"),e.setAttribute(r,"href","https://github.com/Wikia/design-system/blob/master/dist/css/styles.css");var d=e.createTextNode("dist/css/styles.css");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\tin your project:\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("pre"),r=e.createTextNode("path/to/design-system/dist/css/styles.css");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tNote that compiled CSS for Design System include prefixes managed by autoprefixer and\n\t\ttargets 4 last versions of major browsers. As configured here:\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"target","_blank"),e.setAttribute(r,"href","https://github.com/Wikia/design-system/blob/master/ember-cli-build.js");var d=e.createTextNode("ember-cli-build.js");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("How to include SASS variables");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("This step is not needed if you import SCSS files.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo import SASS variables import\n\t\t");e.appendChild(n,r);var r=e.createElement("a");e.setAttribute(r,"target","_blank"),e.setAttribute(r,"href","https://github.com/Wikia/design-system/blob/master/dist/scss/wds-variables/index.scss");var d=e.createTextNode("dist/scss/wds-variables/index.scss");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(":\n");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(3);return n[0]=e.createMorphAt(e.childAt(t,[8,3]),1,1),n[1]=e.createMorphAt(e.childAt(t,[10,5]),3,3),n[2]=e.createMorphAt(e.childAt(t,[14,5]),3,3),n},statements:[["block","link-to",["overview.svg-assets"],[],0,null,["loc",[null,[19,39],[19,95]]]],["block","code-sample",[],["language","scss"],1,null,["loc",[null,[32,2],[32,97]]]],["block","code-sample",[],["language","scss"],2,null,["loc",[null,[66,2],[68,18]]]]],locals:[],templates:[e,t,a]}}())}),define("design-system/templates/overview/quick-start",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:13,column:0},end:{line:18,column:0}},moduleName:"design-system/templates/overview/quick-start.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode('\n\t...\n\t\n\n');return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:24,column:0},end:{line:26,column:0}},moduleName:"design-system/templates/overview/quick-start.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode('\n');return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:28,column:0}},moduleName:"design-system/templates/overview/quick-start.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Quick start");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("All steps you need to make to start using Design System on your site.");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("1. Install with Bower");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("As a first step, you need to install Design System libraries using Bower.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("pre"),r=e.createTextNode("bower install Wikia/design-system --save");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("2. Link to Design System css file");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("In your html file link to styles.css file.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("3. Start using Design System goodies!");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Now you can start using DS classes in your application. To check if everything works, just add an example button and check if it is displayed correctly on your site.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(e.childAt(t,[6]),5,5),n[1]=e.createMorphAt(e.childAt(t,[8]),5,5),n},statements:[["block","code-sample",[],["language","html"],0,null,["loc",[null,[13,0],[18,16]]]],["block","code-sample",[],["language","html"],1,null,["loc",[null,[24,0],[26,16]]]]],locals:[],templates:[e,t]}}())}),define("design-system/templates/overview/svg-assets",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:11,column:5},end:{line:11,column:52}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Icons SVG");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:12,column:5},end:{line:12,column:55}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Company Identity SVG");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:20,column:1},end:{line:24,column:1}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment();e.setNamespace("http://www.w3.org/2000/svg");var a=e.createElement("svg");e.setAttribute(a,"xmlns","http://www.w3.org/2000/svg"),e.setAttribute(a,"xmlns:xlink","http://www.w3.org/1999/xlink"),e.setAttribute(a,"style","height: 0px; width: 0px; position: absolute; overflow: hidden;");var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("symbol");e.setAttribute(n,"id","wds-company-logo-fandom");var r=e.createTextNode("…");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),n=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:33,column:1},end:{line:37,column:1}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment();e.setNamespace("http://www.w3.org/2000/svg");var a=e.createElement("svg"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("use");e.setAttribute(n,"xmlns:xlink","http://www.w3.org/1999/xlink"),e.setAttributeNS(n,"http://www.w3.org/1999/xlink","xlink:href","#wds-company-logo-fandom"),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:92,column:0}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("SVG assets");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("There are two ways to use the Design System SVGs in a client application:");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("ul"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createTextNode("Injecting SVG sprite");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createTextNode("Inlining single SVG");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("See SVG assets:");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("ul"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createComment("");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createComment("");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","sprite");var r=e.createTextNode("Injecting SVG sprite");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Inject an SVG sprite into the HTML and take advantage of the ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" element to display symbol.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("The markup for the sprite:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n);var n=e.createElement("p");e.setAttribute(n,"class","alert-info");var r=e.createTextNode("\n\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\tNote the inline style which is required to hide the sprite while keeping gradients and masks working properly.\n");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("The markup to use a symbol:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","sprite-benefits");var r=e.createTextNode("Injecting SVG sprite: Benefits");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("When lazy loaded — assets are cached nicely and there is no need to load them again on the next page load.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Each SVG is defined only once, then we reuse it. It helps only if we reuse the same asset multiple times.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","sprite-disadvantages");var r=e.createTextNode("Injecting SVG sprite: Disadvantages");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("When lazy loaded — during the time assets are loading we display content without SVGs. In some cases it might be a major issue, e.g. when there is no logo in the Global Navigation.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("When returned from the server — assets are not cached between page loads and need to be redownloaded every time.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Injecting SVG sprites impacts page load time.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","inline");var r=e.createTextNode("Inlining single SVG");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Inject the SVG content in the place you want to use it.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","inline-benefits");var r=e.createTextNode("Inlining single SVG: Benefits");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("There are no unused SVGs sent to the user. This can make a big difference given that we currently have 106 SVGs and in the Global Footer we use up to 10 of them.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","inline-disadvantages");var r=e.createTextNode("Inlining single SVG: Disadvantages");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Assets are not cached between page loads and need to be redownloaded every time.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("When a single asset is used multiple times we can't reuse it, it has to be inlined for every occurence.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("Examples:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Inject SVG sprite in Fandom (Upstream project): ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/upstream/blob/adfa4a506de8c975005ce541ecb294e35be70370/wp-content/themes/upstream/header.php#L69-L78");var l=e.createTextNode("example");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Inject SVG sprite in Mercury (lazy load it): ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/mercury/blob/e89a2651562015e6140df918419a7d74c09e1727/front/main/app/index.html#L97-L98");var l=e.createTextNode("example");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("Useful functions:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Inline SVG in Oasis: ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/app/blob/6c4bea07081fe9eefcbedfead2dbb7aefd748030/extensions/wikia/DesignSystem/DesignSystemHelper.class.php#L32");var l=e.createTextNode("DesignSystemHelper::getSvg($svgName)");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Lazy load assets in Mercury: ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/mercury/blob/74c900b81777ec20c90e8f78c723c45669909bfb/front/common/baseline/load-dom-resource.js#L22");var l=e.createTextNode("M.loadDOMResource(src);");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=e.childAt(t,[8]),r=e.childAt(t,[10]),d=new Array(5);return d[0]=e.createMorphAt(e.childAt(n,[1]),0,0),d[1]=e.createMorphAt(e.childAt(n,[3]),0,0),d[2]=e.createMorphAt(r,7,7),d[3]=e.createMorphAt(e.childAt(r,[9]),1,1),d[4]=e.createMorphAt(r,13,13),d},statements:[["block","link-to",["route-components.assets"],[],0,null,["loc",[null,[11,5],[11,64]]]],["block","link-to",["identity.assets"],[],1,null,["loc",[null,[12,5],[12,67]]]],["block","component-demo",[],["codeOnly",!0],2,null,["loc",[null,[20,1],[24,20]]]],["inline","wds-icon",[],["name","alert","class","wds-icon-small"],["loc",[null,[27,1],[27,49]]],0,0],["block","component-demo",[],["codeOnly",!0],3,null,["loc",[null,[33,1],[37,20]]]]],locals:[],templates:[e,t,a,n]}}())}),define("design-system/templates/route-components/assets",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:8,column:1},end:{line:8,column:56}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("How to use SVG assets");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:96,column:1},end:{line:98,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-icon",[],["name","alert"],["loc",[null,[97,0],[97,25]]],0,0]],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:133,column:1},end:{line:135,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-icon",[],["name","alert","size","small"],["loc",[null,[134,0],[134,38]]],0,0]],locals:[],templates:[]}}(),n=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:150,column:1},end:{line:152,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-icon",[],["name","alert","size","tiny"],["loc",[null,[151,0],[151,37]]],0,0]],locals:[],templates:[]}}(),r=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:179,column:1},end:{line:181,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-icon",[],["name","facebook"],["loc",[null,[180,0],[180,28]]],0,0]],locals:[],templates:[]}}(),d=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:202,column:1},end:{line:204,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-company-store-appstore"],[],["loc",[null,[203,0],[203,36]]],0,0]],locals:[],templates:[]}}(),l=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:227,column:1},end:{line:229,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-avatar-badges-admin"],[],["loc",[null,[228,0],[228,33]]],0,0]],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:231,column:0}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Assets");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tDefined as an XML-based vector format for 2d graphics with support for interactivity and animation,\n\tSVGs are the primary file type for icons and non image-based assets used across our platforms.\n\tSVGs can be displayed across devices with differing resolutions (1x, 2x, 3x, etc.) with lossless quality.\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons");var r=e.createTextNode("Icons");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tSystem icons are displayed at 24px, but are also available in varying sizes such as 18px and 12px.\n\t\tThe content of an icon should remain inside the square container and when implementing,\n\t\tadequate space around the icon should be added to allow for legibility and touch.\n\t\tYou may have icons with different sizes, but do not place any part of the icon outside of the live area.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tAsset names for icons are defined by the pattern ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createElement("strong"),l=e.createTextNode("wds-icons-ICON_NAME");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(",\n\t\te.g. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("wds-icons-alert");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo apply default styles for an icon add ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" class to the ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" element.\n\t\tThis class includes ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("fill: currentColor;");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" rule which means that the fill color is inherited from the parent.\n\t\tTo change the icon's color you can either set ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("fill");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" on the ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" element or\n\t\t");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("color");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" on its parent. If the parent changes its color (e.g. on the hover state) it's propagated to the icon.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons-standard");var r=e.createTextNode("Icons: Standard set (24x24)");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r); -var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons-small");var r=e.createTextNode("Icons: Small set (18x18)");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("To have small icons properly styled use both ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" and ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon-small");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" classes.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons-tiny");var r=e.createTextNode("Icons: Tiny set (12x12)");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("To have tiny icons properly styled use both ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" and ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon-tiny");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" classes.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons-social");var r=e.createTextNode("Icons: Social networks");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Social networks icons are a subset of the standard icon set. Asset names for social networks icons are defined by the same pattern as the standard icons, i.e. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createElement("strong"),l=e.createTextNode("wds-icons-ICON_NAME");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(", e.g. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("wds-icons-facebook");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","stores");var r=e.createTextNode("Mobile apps stores");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo help with the promotion of our community apps Google Play and App Store badges should be displayed\n\t\twhen possible. Each badge should be translated to our supported languages and point to the respective\n\t\tdownload page.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tAsset names for mobile apps stores are defined by the pattern\n\t\t");e.appendChild(n,r);var r=e.createElement("code"),d=e.createElement("strong"),l=e.createTextNode("wds-company-store-STORE_NAME");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(",\n\t\te.g. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("wds-company-store-appstore");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","avatar-badges");var r=e.createTextNode("Avatar badges");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo help communicate special user permissions badges should be displayed when sensible and placed\n\t\tat the top-left corner of the avatar. For clarity when a user hovers over the badge a label should\n\t\tdisplay identifying what type of user he/she is.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tAsset names for avatar badges are defined by the pattern ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createElement("strong"),l=e.createTextNode("avatar-badges-BADGE_NAME");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(",\n\t\te.g. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("avatar-badges-admin");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=e.childAt(t,[8]),r=e.childAt(n,[3]),d=e.childAt(t,[10]),l=e.childAt(d,[5]),o=e.childAt(t,[12]),i=e.childAt(o,[5]),p=e.childAt(t,[14]),c=e.childAt(p,[5]),s=e.childAt(t,[16]),m=e.childAt(s,[7]),h=e.childAt(t,[18]),u=e.childAt(h,[7]),v=new Array(121);return v[0]=e.createMorphAt(e.childAt(t,[4]),1,1),v[1]=e.createMorphAt(r,1,1),v[2]=e.createMorphAt(r,3,3),v[3]=e.createMorphAt(r,5,5),v[4]=e.createMorphAt(r,7,7),v[5]=e.createMorphAt(r,9,9),v[6]=e.createMorphAt(r,11,11),v[7]=e.createMorphAt(r,13,13),v[8]=e.createMorphAt(r,15,15),v[9]=e.createMorphAt(r,17,17),v[10]=e.createMorphAt(r,19,19),v[11]=e.createMorphAt(r,21,21),v[12]=e.createMorphAt(r,23,23),v[13]=e.createMorphAt(r,25,25),v[14]=e.createMorphAt(r,27,27),v[15]=e.createMorphAt(r,29,29),v[16]=e.createMorphAt(r,31,31),v[17]=e.createMorphAt(r,33,33),v[18]=e.createMorphAt(r,35,35),v[19]=e.createMorphAt(r,37,37),v[20]=e.createMorphAt(r,39,39),v[21]=e.createMorphAt(r,41,41),v[22]=e.createMorphAt(r,43,43),v[23]=e.createMorphAt(r,45,45),v[24]=e.createMorphAt(r,47,47),v[25]=e.createMorphAt(r,49,49),v[26]=e.createMorphAt(r,51,51),v[27]=e.createMorphAt(r,53,53),v[28]=e.createMorphAt(r,55,55),v[29]=e.createMorphAt(r,57,57),v[30]=e.createMorphAt(r,59,59),v[31]=e.createMorphAt(r,61,61),v[32]=e.createMorphAt(r,63,63),v[33]=e.createMorphAt(r,65,65),v[34]=e.createMorphAt(r,67,67),v[35]=e.createMorphAt(r,69,69),v[36]=e.createMorphAt(r,71,71),v[37]=e.createMorphAt(r,73,73),v[38]=e.createMorphAt(r,75,75),v[39]=e.createMorphAt(r,77,77),v[40]=e.createMorphAt(r,79,79),v[41]=e.createMorphAt(r,81,81),v[42]=e.createMorphAt(r,83,83),v[43]=e.createMorphAt(r,85,85),v[44]=e.createMorphAt(r,87,87),v[45]=e.createMorphAt(r,89,89),v[46]=e.createMorphAt(r,91,91),v[47]=e.createMorphAt(r,93,93),v[48]=e.createMorphAt(r,95,95),v[49]=e.createMorphAt(r,97,97),v[50]=e.createMorphAt(r,99,99),v[51]=e.createMorphAt(r,101,101),v[52]=e.createMorphAt(r,103,103),v[53]=e.createMorphAt(r,105,105),v[54]=e.createMorphAt(r,107,107),v[55]=e.createMorphAt(r,109,109),v[56]=e.createMorphAt(r,111,111),v[57]=e.createMorphAt(r,113,113),v[58]=e.createMorphAt(r,115,115),v[59]=e.createMorphAt(r,117,117),v[60]=e.createMorphAt(r,119,119),v[61]=e.createMorphAt(n,5,5),v[62]=e.createMorphAt(l,1,1),v[63]=e.createMorphAt(l,3,3),v[64]=e.createMorphAt(l,5,5),v[65]=e.createMorphAt(l,7,7),v[66]=e.createMorphAt(l,9,9),v[67]=e.createMorphAt(l,11,11),v[68]=e.createMorphAt(l,13,13),v[69]=e.createMorphAt(l,15,15),v[70]=e.createMorphAt(l,17,17),v[71]=e.createMorphAt(l,19,19),v[72]=e.createMorphAt(l,21,21),v[73]=e.createMorphAt(l,23,23),v[74]=e.createMorphAt(l,25,25),v[75]=e.createMorphAt(l,27,27),v[76]=e.createMorphAt(l,29,29),v[77]=e.createMorphAt(l,31,31),v[78]=e.createMorphAt(l,33,33),v[79]=e.createMorphAt(l,35,35),v[80]=e.createMorphAt(l,37,37),v[81]=e.createMorphAt(l,39,39),v[82]=e.createMorphAt(l,41,41),v[83]=e.createMorphAt(l,43,43),v[84]=e.createMorphAt(l,45,45),v[85]=e.createMorphAt(l,47,47),v[86]=e.createMorphAt(l,49,49),v[87]=e.createMorphAt(d,7,7),v[88]=e.createMorphAt(i,1,1),v[89]=e.createMorphAt(i,3,3),v[90]=e.createMorphAt(i,5,5),v[91]=e.createMorphAt(i,7,7),v[92]=e.createMorphAt(i,9,9),v[93]=e.createMorphAt(o,7,7),v[94]=e.createMorphAt(c,1,1),v[95]=e.createMorphAt(c,3,3),v[96]=e.createMorphAt(c,5,5),v[97]=e.createMorphAt(c,7,7),v[98]=e.createMorphAt(c,9,9),v[99]=e.createMorphAt(c,11,11),v[100]=e.createMorphAt(c,13,13),v[101]=e.createMorphAt(c,15,15),v[102]=e.createMorphAt(c,17,17),v[103]=e.createMorphAt(c,19,19),v[104]=e.createMorphAt(c,21,21),v[105]=e.createMorphAt(c,23,23),v[106]=e.createMorphAt(c,25,25),v[107]=e.createMorphAt(c,27,27),v[108]=e.createMorphAt(c,29,29),v[109]=e.createMorphAt(c,31,31),v[110]=e.createMorphAt(p,7,7),v[111]=e.createMorphAt(m,1,1),v[112]=e.createMorphAt(m,3,3),v[113]=e.createMorphAt(s,9,9),v[114]=e.createMorphAt(u,1,1),v[115]=e.createMorphAt(u,3,3),v[116]=e.createMorphAt(u,5,5),v[117]=e.createMorphAt(u,7,7),v[118]=e.createMorphAt(u,9,9),v[119]=e.createMorphAt(u,11,11),v[120]=e.createMorphAt(h,9,9),v},statements:[["block","link-to",["overview.svg-assets"],[],0,null,["loc",[null,[8,1],[8,68]]]],["inline","icon-box",[],["name","alert"],["loc",[null,[34,2],[34,27]]],0,0],["inline","icon-box",[],["name","arrow"],["loc",[null,[35,2],[35,27]]],0,0],["inline","icon-box",[],["name","bell"],["loc",[null,[36,2],[36,26]]],0,0],["inline","icon-box",[],["name","bold"],["loc",[null,[37,2],[37,26]]],0,0],["inline","icon-box",[],["name","bookmark"],["loc",[null,[38,2],[38,30]]],0,0],["inline","icon-box",[],["name","bullet-list"],["loc",[null,[39,2],[39,33]]],0,0],["inline","icon-box",[],["name","camera"],["loc",[null,[40,2],[40,28]]],0,0],["inline","icon-box",[],["name","checkbox"],["loc",[null,[41,2],[41,30]]],0,0],["inline","icon-box",[],["name","checkmark"],["loc",[null,[42,2],[42,31]]],0,0],["inline","icon-box",[],["name","checkmark-circle"],["loc",[null,[43,2],[43,38]]],0,0],["inline","icon-box",[],["name","clipboard"],["loc",[null,[44,2],[44,31]]],0,0],["inline","icon-box",[],["name","community"],["loc",[null,[45,2],[45,31]]],0,0],["inline","icon-box",[],["name","controls"],["loc",[null,[46,2],[46,30]]],0,0],["inline","icon-box",[],["name","cross"],["loc",[null,[47,2],[47,27]]],0,0],["inline","icon-box",[],["name","document"],["loc",[null,[48,2],[48,30]]],0,0],["inline","icon-box",[],["name","dropdown"],["loc",[null,[49,2],[49,30]]],0,0],["inline","icon-box",[],["name","eye"],["loc",[null,[50,2],[50,25]]],0,0],["inline","icon-box",[],["name","eye-crossed"],["loc",[null,[51,2],[51,33]]],0,0],["inline","icon-box",[],["name","flag"],["loc",[null,[52,2],[52,26]]],0,0],["inline","icon-box",[],["name","gear"],["loc",[null,[53,2],[53,26]]],0,0],["inline","icon-box",[],["name","gift"],["loc",[null,[54,2],[54,26]]],0,0],["inline","icon-box",[],["name","grid"],["loc",[null,[55,2],[55,26]]],0,0],["inline","icon-box",[],["name","help"],["loc",[null,[56,2],[56,26]]],0,0],["inline","icon-box",[],["name","hourglass"],["loc",[null,[57,2],[57,31]]],0,0],["inline","icon-box",[],["name","house"],["loc",[null,[58,2],[58,27]]],0,0],["inline","icon-box",[],["name","image"],["loc",[null,[59,2],[59,27]]],0,0],["inline","icon-box",[],["name","image-add"],["loc",[null,[60,2],[60,31]]],0,0],["inline","icon-box",[],["name","image-remove"],["loc",[null,[61,2],[61,34]]],0,0],["inline","icon-box",[],["name","information"],["loc",[null,[62,2],[62,33]]],0,0],["inline","icon-box",[],["name","italics"],["loc",[null,[63,2],[63,29]]],0,0],["inline","icon-box",[],["name","link"],["loc",[null,[64,2],[64,26]]],0,0],["inline","icon-box",[],["name","loading"],["loc",[null,[65,2],[65,29]]],0,0],["inline","icon-box",[],["name","lock"],["loc",[null,[66,2],[66,26]]],0,0],["inline","icon-box",[],["name","magnifying-glass"],["loc",[null,[67,2],[67,38]]],0,0],["inline","icon-box",[],["name","mail"],["loc",[null,[68,2],[68,26]]],0,0],["inline","icon-box",[],["name","map"],["loc",[null,[69,2],[69,25]]],0,0],["inline","icon-box",[],["name","menu"],["loc",[null,[70,2],[70,26]]],0,0],["inline","icon-box",[],["name","menu-control"],["loc",[null,[71,2],[71,34]]],0,0],["inline","icon-box",[],["name","more"],["loc",[null,[72,2],[72,26]]],0,0],["inline","icon-box",[],["name","note"],["loc",[null,[73,2],[73,26]]],0,0],["inline","icon-box",[],["name","numbered-list"],["loc",[null,[74,2],[74,35]]],0,0],["inline","icon-box",[],["name","pages"],["loc",[null,[75,2],[75,27]]],0,0],["inline","icon-box",[],["name","pencil"],["loc",[null,[76,2],[76,28]]],0,0],["inline","icon-box",[],["name","play"],["loc",[null,[77,2],[77,26]]],0,0],["inline","icon-box",[],["name","plus"],["loc",[null,[78,2],[78,26]]],0,0],["inline","icon-box",[],["name","question"],["loc",[null,[79,2],[79,30]]],0,0],["inline","icon-box",[],["name","quote"],["loc",[null,[80,2],[80,27]]],0,0],["inline","icon-box",[],["name","refresh"],["loc",[null,[81,2],[81,29]]],0,0],["inline","icon-box",[],["name","reply"],["loc",[null,[82,2],[82,27]]],0,0],["inline","icon-box",[],["name","reply-arrow"],["loc",[null,[83,2],[83,33]]],0,0],["inline","icon-box",[],["name","share"],["loc",[null,[84,2],[84,27]]],0,0],["inline","icon-box",[],["name","text"],["loc",[null,[85,2],[85,26]]],0,0],["inline","icon-box",[],["name","trash"],["loc",[null,[86,2],[86,27]]],0,0],["inline","icon-box",[],["name","trash-open"],["loc",[null,[87,2],[87,32]]],0,0],["inline","icon-box",[],["name","undo"],["loc",[null,[88,2],[88,26]]],0,0],["inline","icon-box",[],["name","unlock"],["loc",[null,[89,2],[89,28]]],0,0],["inline","icon-box",[],["name","upload"],["loc",[null,[90,2],[90,28]]],0,0],["inline","icon-box",[],["name","upvote"],["loc",[null,[91,2],[91,28]]],0,0],["inline","icon-box",[],["name","user"],["loc",[null,[92,2],[92,26]]],0,0],["inline","icon-box",[],["name","video-camera"],["loc",[null,[93,2],[93,34]]],0,0],["block","component-demo",[],["codeOnly",!0],1,null,["loc",[null,[96,1],[98,20]]]],["inline","icon-box",[],["name","alert","size","small"],["loc",[null,[106,2],[106,40]]],0,0],["inline","icon-box",[],["name","bold","size","small"],["loc",[null,[107,2],[107,39]]],0,0],["inline","icon-box",[],["name","bookmark","size","small"],["loc",[null,[108,2],[108,43]]],0,0],["inline","icon-box",[],["name","bullet-list","size","small"],["loc",[null,[109,2],[109,46]]],0,0],["inline","icon-box",[],["name","checkmark","size","small"],["loc",[null,[110,2],[110,44]]],0,0],["inline","icon-box",[],["name","clipboard","size","small"],["loc",[null,[111,2],[111,44]]],0,0],["inline","icon-box",[],["name","community","size","small"],["loc",[null,[112,2],[112,44]]],0,0],["inline","icon-box",[],["name","eye","size","small"],["loc",[null,[113,2],[113,38]]],0,0],["inline","icon-box",[],["name","eye-crossed","size","small"],["loc",[null,[114,2],[114,46]]],0,0],["inline","icon-box",[],["name","house","size","small"],["loc",[null,[115,2],[115,40]]],0,0],["inline","icon-box",[],["name","italics","size","small"],["loc",[null,[116,2],[116,42]]],0,0],["inline","icon-box",[],["name","lock","size","small"],["loc",[null,[117,2],[117,39]]],0,0],["inline","icon-box",[],["name","menu-control","size","small"],["loc",[null,[118,2],[118,47]]],0,0],["inline","icon-box",[],["name","numbered-list","size","small"],["loc",[null,[119,2],[119,48]]],0,0],["inline","icon-box",[],["name","pages","size","small"],["loc",[null,[120,2],[120,40]]],0,0],["inline","icon-box",[],["name","pencil","size","small"],["loc",[null,[121,2],[121,41]]],0,0],["inline","icon-box",[],["name","quote","size","small"],["loc",[null,[122,2],[122,40]]],0,0],["inline","icon-box",[],["name","reply","size","small"],["loc",[null,[123,2],[123,40]]],0,0],["inline","icon-box",[],["name","reply-arrow","size","small"],["loc",[null,[124,2],[124,46]]],0,0],["inline","icon-box",[],["name","share","size","small"],["loc",[null,[125,2],[125,40]]],0,0],["inline","icon-box",[],["name","text","size","small"],["loc",[null,[126,2],[126,39]]],0,0],["inline","icon-box",[],["name","trash","size","small"],["loc",[null,[127,2],[127,40]]],0,0],["inline","icon-box",[],["name","trash-open","size","small"],["loc",[null,[128,2],[128,45]]],0,0],["inline","icon-box",[],["name","unlock","size","small"],["loc",[null,[129,2],[129,41]]],0,0],["inline","icon-box",[],["name","upvote","size","small"],["loc",[null,[130,2],[130,41]]],0,0],["block","component-demo",[],["codeOnly",!0],2,null,["loc",[null,[133,1],[135,20]]]],["inline","icon-box",[],["name","dropdown","size","tiny"],["loc",[null,[143,2],[143,42]]],0,0],["inline","icon-box",[],["name","menu-control","size","tiny"],["loc",[null,[144,2],[144,46]]],0,0],["inline","icon-box",[],["name","reply","size","tiny"],["loc",[null,[145,2],[145,39]]],0,0],["inline","icon-box",[],["name","upvote","size","tiny"],["loc",[null,[146,2],[146,40]]],0,0],["inline","icon-box",[],["name","upvote-reply","size","tiny"],["loc",[null,[147,2],[147,46]]],0,0],["block","component-demo",[],["codeOnly",!0],3,null,["loc",[null,[150,1],[152,20]]]],["inline","icon-box",[],["name","facebook"],["loc",[null,[161,2],[161,30]]],0,0],["inline","icon-box",[],["name","googleplus"],["loc",[null,[162,2],[162,32]]],0,0],["inline","icon-box",[],["name","instagram"],["loc",[null,[163,2],[163,31]]],0,0],["inline","icon-box",[],["name","line"],["loc",[null,[164,2],[164,26]]],0,0],["inline","icon-box",[],["name","meneame"],["loc",[null,[165,2],[165,29]]],0,0],["inline","icon-box",[],["name","nk"],["loc",[null,[166,2],[166,24]]],0,0],["inline","icon-box",[],["name","odnoklassniki"],["loc",[null,[167,2],[167,35]]],0,0],["inline","icon-box",[],["name","qzone"],["loc",[null,[168,2],[168,27]]],0,0],["inline","icon-box",[],["name","reddit"],["loc",[null,[169,2],[169,28]]],0,0],["inline","icon-box",[],["name","tumblr"],["loc",[null,[170,2],[170,28]]],0,0],["inline","icon-box",[],["name","twitter"],["loc",[null,[171,2],[171,29]]],0,0],["inline","icon-box",[],["name","vkontakte"],["loc",[null,[172,2],[172,31]]],0,0],["inline","icon-box",[],["name","weibo"],["loc",[null,[173,2],[173,27]]],0,0],["inline","icon-box",[],["name","wykop"],["loc",[null,[174,2],[174,27]]],0,0],["inline","icon-box",[],["name","youtube"],["loc",[null,[175,2],[175,29]]],0,0],["inline","icon-box",[],["name","linkedin"],["loc",[null,[176,2],[176,30]]],0,0],["block","component-demo",[],["codeOnly",!0],4,null,["loc",[null,[179,1],[181,20]]]],["inline","asset-box",[],["group","company-store","name","appstore","height",50],["loc",[null,[198,2],[198,63]]],0,0],["inline","asset-box",[],["group","company-store","name","googleplay","height",50],["loc",[null,[199,2],[199,65]]],0,0],["block","component-demo",[],["codeOnly",!0],5,null,["loc",[null,[202,1],[204,20]]]],["inline","asset-box",[],["group","avatar-badges","name","admin","class","is-avatar-badge","height",24,"width",24],["loc",[null,[219,2],[219,93]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","content-moderator","class","is-avatar-badge","height",24,"width",24],["loc",[null,[220,2],[220,105]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","discussion-moderator","class","is-avatar-badge","height",24,"width",24],["loc",[null,[221,2],[221,108]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","helper","class","is-avatar-badge","height",24,"width",24],["loc",[null,[222,2],[222,94]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","staff","class","is-avatar-badge","height",24,"width",24],["loc",[null,[223,2],[223,93]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","vstf","class","is-avatar-badge","height",24,"width",24],["loc",[null,[224,2],[224,92]]],0,0],["block","component-demo",[],["codeOnly",!0],6,null,["loc",[null,[227,1],[229,20]]]]],locals:[],templates:[e,t,a,n,r,d,l]}}())}),define("design-system/templates/route-components/avatars",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:10,column:1},end:{line:12,column:1}},moduleName:"design-system/templates/route-components/avatars.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-avatar",[],["src",["subexpr","concat",[["get","rootURL",["loc",[null,[11,25],[11,32]]],0,0,0,0],"images/craig.jpg"],[],["loc",[null,[11,17],[11,52]]],0,0],"alt","user name"],["loc",[null,[11,0],[11,70]]],0,0]], -locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:14,column:0}},moduleName:"design-system/templates/route-components/avatars.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Avatars");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tAvatars across Fandom should be circular with a 2px internal border.\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","avatar-circle");var r=e.createTextNode("Circle avatar");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("To display an avatar image encapsulated in a circle, use ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-avatar");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" class in your ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" tag.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(e.childAt(t,[4]),5,5),n},statements:[["block","component-demo",[],[],0,null,["loc",[null,[10,1],[12,20]]]]],locals:[],templates:[e]}}())}),define("design-system/templates/route-components/buttons",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:26,column:2},end:{line:26,column:31}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:27,column:2},end:{line:27,column:47}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary disabled");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:25,column:1},end:{line:28,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],[],0,null,["loc",[null,[26,2],[26,46]]]],["block","wds-button",[],["disabled",!0],1,null,["loc",[null,[27,2],[27,62]]]]],locals:[],templates:[e,t]}}(),t=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:35,column:2},end:{line:35,column:58}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:36,column:2},end:{line:36,column:74}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary disabled");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:34,column:1},end:{line:37,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],["class","wds-is-secondary"],0,null,["loc",[null,[35,2],[35,73]]]],["block","wds-button",[],["class","wds-is-secondary","disabled",!0],1,null,["loc",[null,[36,2],[36,89]]]]],locals:[],templates:[e,t]}}(),a=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:44,column:2},end:{line:44,column:48}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:45,column:2},end:{line:45,column:64}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text disabled");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:43,column:1},end:{line:46,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],["class","wds-is-text"],0,null,["loc",[null,[44,2],[44,63]]]],["block","wds-button",[],["class","wds-is-text","disabled",!0],1,null,["loc",[null,[45,2],[45,79]]]]],locals:[],templates:[e,t]}}(),n=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:53,column:2},end:{line:53,column:24}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:54,column:2},end:{line:54,column:51}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:55,column:2},end:{line:55,column:41}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:52,column:1},end:{line:56,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(3);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n[2]=e.createMorphAt(t,5,5,a),n},statements:[["block","wds-button",[],[],0,null,["loc",[null,[53,2],[53,39]]]],["block","wds-button",[],["class","wds-is-secondary"],1,null,["loc",[null,[54,2],[54,66]]]],["block","wds-button",[],["class","wds-is-text"],2,null,["loc",[null,[55,2],[55,56]]]]],locals:[],templates:[e,t,a]}}(),r=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:63,column:2},end:{line:63,column:48}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:64,column:2},end:{line:64,column:67}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:65,column:2},end:{line:65,column:57}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:62,column:1},end:{line:66,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(3);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n[2]=e.createMorphAt(t,5,5,a),n},statements:[["block","wds-button",[],["class","wds-is-squished"],0,null,["loc",[null,[63,2],[63,63]]]],["block","wds-button",[],["class","wds-is-secondary wds-is-squished"],1,null,["loc",[null,[64,2],[64,82]]]],["block","wds-button",[],["class","wds-is-text wds-is-squished"],2,null,["loc",[null,[65,2],[65,72]]]]],locals:[],templates:[e,t,a]}}(),d=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:70,column:2},end:{line:76,column:2}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("html[lang^='zh'] &__start-a-wiki-button {\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tpadding: 9px 12px 8px;\n}\n");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),l=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:87,column:2},end:{line:87,column:49}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:88,column:2},end:{line:88,column:68}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:89,column:2},end:{line:89,column:58}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:86,column:1},end:{line:90,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(3);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n[2]=e.createMorphAt(t,5,5,a),n},statements:[["block","wds-button",[],["class","wds-is-stretched"],0,null,["loc",[null,[87,2],[87,64]]]],["block","wds-button",[],["class","wds-is-secondary wds-is-stretched"],1,null,["loc",[null,[88,2],[88,83]]]],["block","wds-button",[],["class","wds-is-text wds-is-stretched"],2,null,["loc",[null,[89,2],[89,73]]]]],locals:[],templates:[e,t,a]}}(),o=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:97,column:2},end:{line:97,column:89}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),e.insertBoundary(t,null),n},statements:[["inline","wds-icon",[],["name","facebook"],["loc",[null,[97,61],[97,89]]],0,0]],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:98,column:2},end:{line:98,column:77}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),e.insertBoundary(t,null),n},statements:[["inline","wds-icon",[],["name","nk"],["loc",[null,[98,55],[98,77]]],0,0]],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:96,column:1},end:{line:99,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],["class","wds-is-square wds-is-facebook-color"],0,null,["loc",[null,[97,2],[97,104]]]],["block","wds-button",[],["class","wds-is-square wds-is-nk-color"],1,null,["loc",[null,[98,2],[98,92]]]]],locals:[],templates:[e,t]}}(),i=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:106,column:2},end:{line:106,column:79}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Multiline button label with 3rd line");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:105,column:1},end:{line:107,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,1,1,a),n},statements:[["block","wds-button",[],["class","fixed-width-140px"],0,null,["loc",[null,[106,2],[106,94]]]]],locals:[],templates:[e]}}(),p=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:114,column:2},end:{line:114,column:49}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Link button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:115,column:2},end:{line:115,column:84}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary link button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:113,column:1},end:{line:116,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],["tagName","a","href","#"],0,null,["loc",[null,[114,2],[114,64]]]],["block","wds-button",[],["tagName","a","href","#","class","wds-is-secondary"],1,null,["loc",[null,[115,2],[115,99]]]]],locals:[],templates:[e,t]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:118,column:0}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Buttons");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tButtons provide a way for users to interact with our applications.\n\tThey can contain text, icons, or both and come in three different sizes: standard, squished, and stretched.\n\tTo help with the CTA hierarchy on a screen buttons can be displayed as primary (filled), secondary (outlined),\n\tor just text (no container). Choosing the right button style ties directly to the importance of it in relation\n\tto the content around it on the screen.\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tThe HTML ");e.appendChild(a,n);var n=e.createElement("code"),r=e.createTextNode("\n');return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:28,column:0}},moduleName:"design-system/templates/overview/quick-start.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Quick start");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("All steps you need to make to start using Design System on your site.");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("1. Install with Bower");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("As a first step, you need to install Design System libraries using Bower.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("pre"),r=e.createTextNode("bower install Wikia/design-system --save");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("2. Link to Design System css file");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("In your html file link to styles.css file.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("3. Start using Design System goodies!");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Now you can start using DS classes in your application. To check if everything works, just add an example button and check if it is displayed correctly on your site.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(e.childAt(t,[6]),5,5),n[1]=e.createMorphAt(e.childAt(t,[8]),5,5),n},statements:[["block","code-sample",[],["language","html"],0,null,["loc",[null,[13,0],[18,16]]]],["block","code-sample",[],["language","html"],1,null,["loc",[null,[24,0],[26,16]]]]],locals:[],templates:[e,t]}}())}),define("design-system/templates/overview/svg-assets",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:11,column:5},end:{line:11,column:52}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Icons SVG");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:12,column:5},end:{line:12,column:55}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Company Identity SVG");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:20,column:1},end:{line:24,column:1}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment();e.setNamespace("http://www.w3.org/2000/svg");var a=e.createElement("svg");e.setAttribute(a,"xmlns","http://www.w3.org/2000/svg"),e.setAttribute(a,"xmlns:xlink","http://www.w3.org/1999/xlink"),e.setAttribute(a,"style","height: 0px; width: 0px; position: absolute; overflow: hidden;");var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("symbol");e.setAttribute(n,"id","wds-company-logo-fandom");var r=e.createTextNode("…");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),n=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:33,column:1},end:{line:37,column:1}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment();e.setNamespace("http://www.w3.org/2000/svg");var a=e.createElement("svg"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("use");e.setAttribute(n,"xmlns:xlink","http://www.w3.org/1999/xlink"),e.setAttributeNS(n,"http://www.w3.org/1999/xlink","xlink:href","#wds-company-logo-fandom"),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:92,column:0}},moduleName:"design-system/templates/overview/svg-assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("SVG assets");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("There are two ways to use the Design System SVGs in a client application:");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("ul"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createTextNode("Injecting SVG sprite");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createTextNode("Inlining single SVG");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("See SVG assets:");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("ul"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createComment("");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("li"),r=e.createComment("");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","sprite");var r=e.createTextNode("Injecting SVG sprite");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Inject an SVG sprite into the HTML and take advantage of the ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" element to display symbol.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("The markup for the sprite:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n);var n=e.createElement("p");e.setAttribute(n,"class","alert-info");var r=e.createTextNode("\n\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\tNote the inline style which is required to hide the sprite while keeping gradients and masks working properly.\n");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("The markup to use a symbol:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","sprite-benefits");var r=e.createTextNode("Injecting SVG sprite: Benefits");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("When lazy loaded — assets are cached nicely and there is no need to load them again on the next page load.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Each SVG is defined only once, then we reuse it. It helps only if we reuse the same asset multiple times.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","sprite-disadvantages");var r=e.createTextNode("Injecting SVG sprite: Disadvantages");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("When lazy loaded — during the time assets are loading we display content without SVGs. In some cases it might be a major issue, e.g. when there is no logo in the Global Navigation.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("When returned from the server — assets are not cached between page loads and need to be redownloaded every time.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Injecting SVG sprites impacts page load time.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","inline");var r=e.createTextNode("Inlining single SVG");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Inject the SVG content in the place you want to use it.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","inline-benefits");var r=e.createTextNode("Inlining single SVG: Benefits");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("There are no unused SVGs sent to the user. This can make a big difference given that we currently have 106 SVGs and in the Global Footer we use up to 10 of them.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","inline-disadvantages");var r=e.createTextNode("Inlining single SVG: Disadvantages");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Assets are not cached between page loads and need to be redownloaded every time.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("When a single asset is used multiple times we can't reuse it, it has to be inlined for every occurence.");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("Examples:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Inject SVG sprite in Fandom (Upstream project): ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/upstream/blob/adfa4a506de8c975005ce541ecb294e35be70370/wp-content/themes/upstream/header.php#L69-L78");var l=e.createTextNode("example");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Inject SVG sprite in Mercury (lazy load it): ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/mercury/blob/e89a2651562015e6140df918419a7d74c09e1727/front/main/app/index.html#L97-L98");var l=e.createTextNode("example");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2"),r=e.createTextNode("Useful functions:");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("ul"),r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Inline SVG in Oasis: ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/app/blob/6c4bea07081fe9eefcbedfead2dbb7aefd748030/extensions/wikia/DesignSystem/DesignSystemHelper.class.php#L32");var l=e.createTextNode("DesignSystemHelper::getSvg($svgName)");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createElement("li"),d=e.createTextNode("Lazy load assets in Mercury: ");e.appendChild(r,d);var d=e.createElement("a");e.setAttribute(d,"href","https://github.com/Wikia/mercury/blob/74c900b81777ec20c90e8f78c723c45669909bfb/front/common/baseline/load-dom-resource.js#L22");var l=e.createTextNode("M.loadDOMResource(src);");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=e.childAt(t,[8]),r=e.childAt(t,[10]),d=new Array(5);return d[0]=e.createMorphAt(e.childAt(n,[1]),0,0),d[1]=e.createMorphAt(e.childAt(n,[3]),0,0),d[2]=e.createMorphAt(r,7,7),d[3]=e.createMorphAt(e.childAt(r,[9]),1,1),d[4]=e.createMorphAt(r,13,13),d},statements:[["block","link-to",["route-components.assets"],[],0,null,["loc",[null,[11,5],[11,64]]]],["block","link-to",["identity.assets"],[],1,null,["loc",[null,[12,5],[12,67]]]],["block","component-demo",[],["codeOnly",!0],2,null,["loc",[null,[20,1],[24,20]]]],["inline","wds-icon",[],["name","alert","class","wds-icon-small"],["loc",[null,[27,1],[27,49]]],0,0],["block","component-demo",[],["codeOnly",!0],3,null,["loc",[null,[33,1],[37,20]]]]],locals:[],templates:[e,t,a,n]}}())}),define("design-system/templates/route-components/assets",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:8,column:1},end:{line:8,column:56}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("How to use SVG assets");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:97,column:1},end:{line:99,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-icon",[],["name","alert"],["loc",[null,[98,0],[98,25]]],0,0]],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:134,column:1},end:{line:136,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-icon",[],["name","alert","size","small"],["loc",[null,[135,0],[135,38]]],0,0]],locals:[],templates:[]}}(),n=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:151,column:1},end:{line:153,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-icon",[],["name","alert","size","tiny"],["loc",[null,[152,0],[152,37]]],0,0]],locals:[],templates:[]}}(),r=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:180,column:1},end:{line:182,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-icon",[],["name","facebook"],["loc",[null,[181,0],[181,28]]],0,0]],locals:[],templates:[]}}(),d=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:203,column:1},end:{line:205,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-company-store-appstore"],[],["loc",[null,[204,0],[204,36]]],0,0]],locals:[],templates:[]}}(),l=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:228,column:1},end:{line:230,column:1}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","svg",["wds-avatar-badges-admin"],[],["loc",[null,[229,0],[229,33]]],0,0]],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:232,column:0}},moduleName:"design-system/templates/route-components/assets.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Assets");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tDefined as an XML-based vector format for 2d graphics with support for interactivity and animation,\n\tSVGs are the primary file type for icons and non image-based assets used across our platforms.\n\tSVGs can be displayed across devices with differing resolutions (1x, 2x, 3x, etc.) with lossless quality.\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons");var r=e.createTextNode("Icons");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tSystem icons are displayed at 24px, but are also available in varying sizes such as 18px and 12px.\n\t\tThe content of an icon should remain inside the square container and when implementing,\n\t\tadequate space around the icon should be added to allow for legibility and touch.\n\t\tYou may have icons with different sizes, but do not place any part of the icon outside of the live area.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tAsset names for icons are defined by the pattern ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createElement("strong"),l=e.createTextNode("wds-icons-ICON_NAME");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(",\n\t\te.g. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("wds-icons-alert");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo apply default styles for an icon add ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" class to the ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" element.\n\t\tThis class includes ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("fill: currentColor;");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" rule which means that the fill color is inherited from the parent.\n\t\tTo change the icon's color you can either set ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("fill");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" on the ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" element or\n\t\t");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("color");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" on its parent. If the parent changes its color (e.g. on the hover state) it's propagated to the icon.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons-standard");var r=e.createTextNode("Icons: Standard set (24x24)");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r); +var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons-small");var r=e.createTextNode("Icons: Small set (18x18)");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("To have small icons properly styled use both ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" and ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon-small");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" classes.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons-tiny");var r=e.createTextNode("Icons: Tiny set (12x12)");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("To have tiny icons properly styled use both ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" and ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-icon-tiny");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" classes.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","icons-social");var r=e.createTextNode("Icons: Social networks");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("Social networks icons are a subset of the standard icon set. Asset names for social networks icons are defined by the same pattern as the standard icons, i.e. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createElement("strong"),l=e.createTextNode("wds-icons-ICON_NAME");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(", e.g. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("wds-icons-facebook");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","stores");var r=e.createTextNode("Mobile apps stores");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo help with the promotion of our community apps Google Play and App Store badges should be displayed\n\t\twhen possible. Each badge should be translated to our supported languages and point to the respective\n\t\tdownload page.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tAsset names for mobile apps stores are defined by the pattern\n\t\t");e.appendChild(n,r);var r=e.createElement("code"),d=e.createElement("strong"),l=e.createTextNode("wds-company-store-STORE_NAME");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(",\n\t\te.g. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("wds-company-store-appstore");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","avatar-badges");var r=e.createTextNode("Avatar badges");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tTo help communicate special user permissions badges should be displayed when sensible and placed\n\t\tat the top-left corner of the avatar. For clarity when a user hovers over the badge a label should\n\t\tdisplay identifying what type of user he/she is.\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("\n\t\tAsset names for avatar badges are defined by the pattern ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createElement("strong"),l=e.createTextNode("avatar-badges-BADGE_NAME");e.appendChild(d,l),e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(",\n\t\te.g. ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("avatar-badges-admin");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(".\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("div");e.setAttribute(n,"class","assets-wrapper");var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t\t");e.appendChild(n,r);var r=e.createComment("");e.appendChild(n,r);var r=e.createTextNode("\n\t");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=e.childAt(t,[8]),r=e.childAt(n,[3]),d=e.childAt(t,[10]),l=e.childAt(d,[5]),o=e.childAt(t,[12]),i=e.childAt(o,[5]),p=e.childAt(t,[14]),c=e.childAt(p,[5]),s=e.childAt(t,[16]),m=e.childAt(s,[7]),h=e.childAt(t,[18]),u=e.childAt(h,[7]),v=new Array(122);return v[0]=e.createMorphAt(e.childAt(t,[4]),1,1),v[1]=e.createMorphAt(r,1,1),v[2]=e.createMorphAt(r,3,3),v[3]=e.createMorphAt(r,5,5),v[4]=e.createMorphAt(r,7,7),v[5]=e.createMorphAt(r,9,9),v[6]=e.createMorphAt(r,11,11),v[7]=e.createMorphAt(r,13,13),v[8]=e.createMorphAt(r,15,15),v[9]=e.createMorphAt(r,17,17),v[10]=e.createMorphAt(r,19,19),v[11]=e.createMorphAt(r,21,21),v[12]=e.createMorphAt(r,23,23),v[13]=e.createMorphAt(r,25,25),v[14]=e.createMorphAt(r,27,27),v[15]=e.createMorphAt(r,29,29),v[16]=e.createMorphAt(r,31,31),v[17]=e.createMorphAt(r,33,33),v[18]=e.createMorphAt(r,35,35),v[19]=e.createMorphAt(r,37,37),v[20]=e.createMorphAt(r,39,39),v[21]=e.createMorphAt(r,41,41),v[22]=e.createMorphAt(r,43,43),v[23]=e.createMorphAt(r,45,45),v[24]=e.createMorphAt(r,47,47),v[25]=e.createMorphAt(r,49,49),v[26]=e.createMorphAt(r,51,51),v[27]=e.createMorphAt(r,53,53),v[28]=e.createMorphAt(r,55,55),v[29]=e.createMorphAt(r,57,57),v[30]=e.createMorphAt(r,59,59),v[31]=e.createMorphAt(r,61,61),v[32]=e.createMorphAt(r,63,63),v[33]=e.createMorphAt(r,65,65),v[34]=e.createMorphAt(r,67,67),v[35]=e.createMorphAt(r,69,69),v[36]=e.createMorphAt(r,71,71),v[37]=e.createMorphAt(r,73,73),v[38]=e.createMorphAt(r,75,75),v[39]=e.createMorphAt(r,77,77),v[40]=e.createMorphAt(r,79,79),v[41]=e.createMorphAt(r,81,81),v[42]=e.createMorphAt(r,83,83),v[43]=e.createMorphAt(r,85,85),v[44]=e.createMorphAt(r,87,87),v[45]=e.createMorphAt(r,89,89),v[46]=e.createMorphAt(r,91,91),v[47]=e.createMorphAt(r,93,93),v[48]=e.createMorphAt(r,95,95),v[49]=e.createMorphAt(r,97,97),v[50]=e.createMorphAt(r,99,99),v[51]=e.createMorphAt(r,101,101),v[52]=e.createMorphAt(r,103,103),v[53]=e.createMorphAt(r,105,105),v[54]=e.createMorphAt(r,107,107),v[55]=e.createMorphAt(r,109,109),v[56]=e.createMorphAt(r,111,111),v[57]=e.createMorphAt(r,113,113),v[58]=e.createMorphAt(r,115,115),v[59]=e.createMorphAt(r,117,117),v[60]=e.createMorphAt(r,119,119),v[61]=e.createMorphAt(r,121,121),v[62]=e.createMorphAt(n,5,5),v[63]=e.createMorphAt(l,1,1),v[64]=e.createMorphAt(l,3,3),v[65]=e.createMorphAt(l,5,5),v[66]=e.createMorphAt(l,7,7),v[67]=e.createMorphAt(l,9,9),v[68]=e.createMorphAt(l,11,11),v[69]=e.createMorphAt(l,13,13),v[70]=e.createMorphAt(l,15,15),v[71]=e.createMorphAt(l,17,17),v[72]=e.createMorphAt(l,19,19),v[73]=e.createMorphAt(l,21,21),v[74]=e.createMorphAt(l,23,23),v[75]=e.createMorphAt(l,25,25),v[76]=e.createMorphAt(l,27,27),v[77]=e.createMorphAt(l,29,29),v[78]=e.createMorphAt(l,31,31),v[79]=e.createMorphAt(l,33,33),v[80]=e.createMorphAt(l,35,35),v[81]=e.createMorphAt(l,37,37),v[82]=e.createMorphAt(l,39,39),v[83]=e.createMorphAt(l,41,41),v[84]=e.createMorphAt(l,43,43),v[85]=e.createMorphAt(l,45,45),v[86]=e.createMorphAt(l,47,47),v[87]=e.createMorphAt(l,49,49),v[88]=e.createMorphAt(d,7,7),v[89]=e.createMorphAt(i,1,1),v[90]=e.createMorphAt(i,3,3),v[91]=e.createMorphAt(i,5,5),v[92]=e.createMorphAt(i,7,7),v[93]=e.createMorphAt(i,9,9),v[94]=e.createMorphAt(o,7,7),v[95]=e.createMorphAt(c,1,1),v[96]=e.createMorphAt(c,3,3),v[97]=e.createMorphAt(c,5,5),v[98]=e.createMorphAt(c,7,7),v[99]=e.createMorphAt(c,9,9),v[100]=e.createMorphAt(c,11,11),v[101]=e.createMorphAt(c,13,13),v[102]=e.createMorphAt(c,15,15),v[103]=e.createMorphAt(c,17,17),v[104]=e.createMorphAt(c,19,19),v[105]=e.createMorphAt(c,21,21),v[106]=e.createMorphAt(c,23,23),v[107]=e.createMorphAt(c,25,25),v[108]=e.createMorphAt(c,27,27),v[109]=e.createMorphAt(c,29,29),v[110]=e.createMorphAt(c,31,31),v[111]=e.createMorphAt(p,7,7),v[112]=e.createMorphAt(m,1,1),v[113]=e.createMorphAt(m,3,3),v[114]=e.createMorphAt(s,9,9),v[115]=e.createMorphAt(u,1,1),v[116]=e.createMorphAt(u,3,3),v[117]=e.createMorphAt(u,5,5),v[118]=e.createMorphAt(u,7,7),v[119]=e.createMorphAt(u,9,9),v[120]=e.createMorphAt(u,11,11),v[121]=e.createMorphAt(h,9,9),v},statements:[["block","link-to",["overview.svg-assets"],[],0,null,["loc",[null,[8,1],[8,68]]]],["inline","icon-box",[],["name","alert"],["loc",[null,[34,2],[34,27]]],0,0],["inline","icon-box",[],["name","arrow"],["loc",[null,[35,2],[35,27]]],0,0],["inline","icon-box",[],["name","bell"],["loc",[null,[36,2],[36,26]]],0,0],["inline","icon-box",[],["name","bold"],["loc",[null,[37,2],[37,26]]],0,0],["inline","icon-box",[],["name","bookmark"],["loc",[null,[38,2],[38,30]]],0,0],["inline","icon-box",[],["name","bullet-list"],["loc",[null,[39,2],[39,33]]],0,0],["inline","icon-box",[],["name","camera"],["loc",[null,[40,2],[40,28]]],0,0],["inline","icon-box",[],["name","checkbox"],["loc",[null,[41,2],[41,30]]],0,0],["inline","icon-box",[],["name","checkmark"],["loc",[null,[42,2],[42,31]]],0,0],["inline","icon-box",[],["name","checkmark-circle"],["loc",[null,[43,2],[43,38]]],0,0],["inline","icon-box",[],["name","clipboard"],["loc",[null,[44,2],[44,31]]],0,0],["inline","icon-box",[],["name","community"],["loc",[null,[45,2],[45,31]]],0,0],["inline","icon-box",[],["name","controls"],["loc",[null,[46,2],[46,30]]],0,0],["inline","icon-box",[],["name","cross"],["loc",[null,[47,2],[47,27]]],0,0],["inline","icon-box",[],["name","document"],["loc",[null,[48,2],[48,30]]],0,0],["inline","icon-box",[],["name","dropdown"],["loc",[null,[49,2],[49,30]]],0,0],["inline","icon-box",[],["name","eye"],["loc",[null,[50,2],[50,25]]],0,0],["inline","icon-box",[],["name","eye-crossed"],["loc",[null,[51,2],[51,33]]],0,0],["inline","icon-box",[],["name","flag"],["loc",[null,[52,2],[52,26]]],0,0],["inline","icon-box",[],["name","gear"],["loc",[null,[53,2],[53,26]]],0,0],["inline","icon-box",[],["name","gift"],["loc",[null,[54,2],[54,26]]],0,0],["inline","icon-box",[],["name","grid"],["loc",[null,[55,2],[55,26]]],0,0],["inline","icon-box",[],["name","help"],["loc",[null,[56,2],[56,26]]],0,0],["inline","icon-box",[],["name","hourglass"],["loc",[null,[57,2],[57,31]]],0,0],["inline","icon-box",[],["name","house"],["loc",[null,[58,2],[58,27]]],0,0],["inline","icon-box",[],["name","image"],["loc",[null,[59,2],[59,27]]],0,0],["inline","icon-box",[],["name","image-add"],["loc",[null,[60,2],[60,31]]],0,0],["inline","icon-box",[],["name","image-remove"],["loc",[null,[61,2],[61,34]]],0,0],["inline","icon-box",[],["name","information"],["loc",[null,[62,2],[62,33]]],0,0],["inline","icon-box",[],["name","italics"],["loc",[null,[63,2],[63,29]]],0,0],["inline","icon-box",[],["name","link"],["loc",[null,[64,2],[64,26]]],0,0],["inline","icon-box",[],["name","loading"],["loc",[null,[65,2],[65,29]]],0,0],["inline","icon-box",[],["name","lock"],["loc",[null,[66,2],[66,26]]],0,0],["inline","icon-box",[],["name","magnifying-glass"],["loc",[null,[67,2],[67,38]]],0,0],["inline","icon-box",[],["name","mail"],["loc",[null,[68,2],[68,26]]],0,0],["inline","icon-box",[],["name","map"],["loc",[null,[69,2],[69,25]]],0,0],["inline","icon-box",[],["name","megaphone"],["loc",[null,[70,2],[70,31]]],0,0],["inline","icon-box",[],["name","menu"],["loc",[null,[71,2],[71,26]]],0,0],["inline","icon-box",[],["name","menu-control"],["loc",[null,[72,2],[72,34]]],0,0],["inline","icon-box",[],["name","more"],["loc",[null,[73,2],[73,26]]],0,0],["inline","icon-box",[],["name","note"],["loc",[null,[74,2],[74,26]]],0,0],["inline","icon-box",[],["name","numbered-list"],["loc",[null,[75,2],[75,35]]],0,0],["inline","icon-box",[],["name","pages"],["loc",[null,[76,2],[76,27]]],0,0],["inline","icon-box",[],["name","pencil"],["loc",[null,[77,2],[77,28]]],0,0],["inline","icon-box",[],["name","play"],["loc",[null,[78,2],[78,26]]],0,0],["inline","icon-box",[],["name","plus"],["loc",[null,[79,2],[79,26]]],0,0],["inline","icon-box",[],["name","question"],["loc",[null,[80,2],[80,30]]],0,0],["inline","icon-box",[],["name","quote"],["loc",[null,[81,2],[81,27]]],0,0],["inline","icon-box",[],["name","refresh"],["loc",[null,[82,2],[82,29]]],0,0],["inline","icon-box",[],["name","reply"],["loc",[null,[83,2],[83,27]]],0,0],["inline","icon-box",[],["name","reply-arrow"],["loc",[null,[84,2],[84,33]]],0,0],["inline","icon-box",[],["name","share"],["loc",[null,[85,2],[85,27]]],0,0],["inline","icon-box",[],["name","text"],["loc",[null,[86,2],[86,26]]],0,0],["inline","icon-box",[],["name","trash"],["loc",[null,[87,2],[87,27]]],0,0],["inline","icon-box",[],["name","trash-open"],["loc",[null,[88,2],[88,32]]],0,0],["inline","icon-box",[],["name","undo"],["loc",[null,[89,2],[89,26]]],0,0],["inline","icon-box",[],["name","unlock"],["loc",[null,[90,2],[90,28]]],0,0],["inline","icon-box",[],["name","upload"],["loc",[null,[91,2],[91,28]]],0,0],["inline","icon-box",[],["name","upvote"],["loc",[null,[92,2],[92,28]]],0,0],["inline","icon-box",[],["name","user"],["loc",[null,[93,2],[93,26]]],0,0],["inline","icon-box",[],["name","video-camera"],["loc",[null,[94,2],[94,34]]],0,0],["block","component-demo",[],["codeOnly",!0],1,null,["loc",[null,[97,1],[99,20]]]],["inline","icon-box",[],["name","alert","size","small"],["loc",[null,[107,2],[107,40]]],0,0],["inline","icon-box",[],["name","bold","size","small"],["loc",[null,[108,2],[108,39]]],0,0],["inline","icon-box",[],["name","bookmark","size","small"],["loc",[null,[109,2],[109,43]]],0,0],["inline","icon-box",[],["name","bullet-list","size","small"],["loc",[null,[110,2],[110,46]]],0,0],["inline","icon-box",[],["name","checkmark","size","small"],["loc",[null,[111,2],[111,44]]],0,0],["inline","icon-box",[],["name","clipboard","size","small"],["loc",[null,[112,2],[112,44]]],0,0],["inline","icon-box",[],["name","community","size","small"],["loc",[null,[113,2],[113,44]]],0,0],["inline","icon-box",[],["name","eye","size","small"],["loc",[null,[114,2],[114,38]]],0,0],["inline","icon-box",[],["name","eye-crossed","size","small"],["loc",[null,[115,2],[115,46]]],0,0],["inline","icon-box",[],["name","house","size","small"],["loc",[null,[116,2],[116,40]]],0,0],["inline","icon-box",[],["name","italics","size","small"],["loc",[null,[117,2],[117,42]]],0,0],["inline","icon-box",[],["name","lock","size","small"],["loc",[null,[118,2],[118,39]]],0,0],["inline","icon-box",[],["name","menu-control","size","small"],["loc",[null,[119,2],[119,47]]],0,0],["inline","icon-box",[],["name","numbered-list","size","small"],["loc",[null,[120,2],[120,48]]],0,0],["inline","icon-box",[],["name","pages","size","small"],["loc",[null,[121,2],[121,40]]],0,0],["inline","icon-box",[],["name","pencil","size","small"],["loc",[null,[122,2],[122,41]]],0,0],["inline","icon-box",[],["name","quote","size","small"],["loc",[null,[123,2],[123,40]]],0,0],["inline","icon-box",[],["name","reply","size","small"],["loc",[null,[124,2],[124,40]]],0,0],["inline","icon-box",[],["name","reply-arrow","size","small"],["loc",[null,[125,2],[125,46]]],0,0],["inline","icon-box",[],["name","share","size","small"],["loc",[null,[126,2],[126,40]]],0,0],["inline","icon-box",[],["name","text","size","small"],["loc",[null,[127,2],[127,39]]],0,0],["inline","icon-box",[],["name","trash","size","small"],["loc",[null,[128,2],[128,40]]],0,0],["inline","icon-box",[],["name","trash-open","size","small"],["loc",[null,[129,2],[129,45]]],0,0],["inline","icon-box",[],["name","unlock","size","small"],["loc",[null,[130,2],[130,41]]],0,0],["inline","icon-box",[],["name","upvote","size","small"],["loc",[null,[131,2],[131,41]]],0,0],["block","component-demo",[],["codeOnly",!0],2,null,["loc",[null,[134,1],[136,20]]]],["inline","icon-box",[],["name","dropdown","size","tiny"],["loc",[null,[144,2],[144,42]]],0,0],["inline","icon-box",[],["name","menu-control","size","tiny"],["loc",[null,[145,2],[145,46]]],0,0],["inline","icon-box",[],["name","reply","size","tiny"],["loc",[null,[146,2],[146,39]]],0,0],["inline","icon-box",[],["name","upvote","size","tiny"],["loc",[null,[147,2],[147,40]]],0,0],["inline","icon-box",[],["name","upvote-reply","size","tiny"],["loc",[null,[148,2],[148,46]]],0,0],["block","component-demo",[],["codeOnly",!0],3,null,["loc",[null,[151,1],[153,20]]]],["inline","icon-box",[],["name","facebook"],["loc",[null,[162,2],[162,30]]],0,0],["inline","icon-box",[],["name","googleplus"],["loc",[null,[163,2],[163,32]]],0,0],["inline","icon-box",[],["name","instagram"],["loc",[null,[164,2],[164,31]]],0,0],["inline","icon-box",[],["name","line"],["loc",[null,[165,2],[165,26]]],0,0],["inline","icon-box",[],["name","meneame"],["loc",[null,[166,2],[166,29]]],0,0],["inline","icon-box",[],["name","nk"],["loc",[null,[167,2],[167,24]]],0,0],["inline","icon-box",[],["name","odnoklassniki"],["loc",[null,[168,2],[168,35]]],0,0],["inline","icon-box",[],["name","qzone"],["loc",[null,[169,2],[169,27]]],0,0],["inline","icon-box",[],["name","reddit"],["loc",[null,[170,2],[170,28]]],0,0],["inline","icon-box",[],["name","tumblr"],["loc",[null,[171,2],[171,28]]],0,0],["inline","icon-box",[],["name","twitter"],["loc",[null,[172,2],[172,29]]],0,0],["inline","icon-box",[],["name","vkontakte"],["loc",[null,[173,2],[173,31]]],0,0],["inline","icon-box",[],["name","weibo"],["loc",[null,[174,2],[174,27]]],0,0],["inline","icon-box",[],["name","wykop"],["loc",[null,[175,2],[175,27]]],0,0],["inline","icon-box",[],["name","youtube"],["loc",[null,[176,2],[176,29]]],0,0],["inline","icon-box",[],["name","linkedin"],["loc",[null,[177,2],[177,30]]],0,0],["block","component-demo",[],["codeOnly",!0],4,null,["loc",[null,[180,1],[182,20]]]],["inline","asset-box",[],["group","company-store","name","appstore","height",50],["loc",[null,[199,2],[199,63]]],0,0],["inline","asset-box",[],["group","company-store","name","googleplay","height",50],["loc",[null,[200,2],[200,65]]],0,0],["block","component-demo",[],["codeOnly",!0],5,null,["loc",[null,[203,1],[205,20]]]],["inline","asset-box",[],["group","avatar-badges","name","admin","class","is-avatar-badge","height",24,"width",24],["loc",[null,[220,2],[220,93]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","content-moderator","class","is-avatar-badge","height",24,"width",24],["loc",[null,[221,2],[221,105]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","discussion-moderator","class","is-avatar-badge","height",24,"width",24],["loc",[null,[222,2],[222,108]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","helper","class","is-avatar-badge","height",24,"width",24],["loc",[null,[223,2],[223,94]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","staff","class","is-avatar-badge","height",24,"width",24],["loc",[null,[224,2],[224,93]]],0,0],["inline","asset-box",[],["group","avatar-badges","name","vstf","class","is-avatar-badge","height",24,"width",24],["loc",[null,[225,2],[225,92]]],0,0],["block","component-demo",[],["codeOnly",!0],6,null,["loc",[null,[228,1],[230,20]]]]],locals:[],templates:[e,t,a,n,r,d,l]}}())}),define("design-system/templates/route-components/avatars",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:10,column:1},end:{line:12,column:1}},moduleName:"design-system/templates/route-components/avatars.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1); +return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),n},statements:[["inline","wds-avatar",[],["src",["subexpr","concat",[["get","rootURL",["loc",[null,[11,25],[11,32]]],0,0,0,0],"images/craig.jpg"],[],["loc",[null,[11,17],[11,52]]],0,0],"alt","user name"],["loc",[null,[11,0],[11,70]]],0,0]],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:14,column:0}},moduleName:"design-system/templates/route-components/avatars.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Avatars");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tAvatars across Fandom should be circular with a 2px internal border.\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n\n");e.appendChild(t,a);var a=e.createElement("section"),n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("h2");e.setAttribute(n,"id","avatar-circle");var r=e.createTextNode("Circle avatar");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\t");e.appendChild(a,n);var n=e.createElement("p"),r=e.createTextNode("To display an avatar image encapsulated in a circle, use ");e.appendChild(n,r);var r=e.createElement("code");e.setAttribute(r,"class","format-code");var d=e.createTextNode(".wds-avatar");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" class in your ");e.appendChild(n,r);var r=e.createElement("code"),d=e.createTextNode("");e.appendChild(r,d),e.appendChild(n,r);var r=e.createTextNode(" tag.");e.appendChild(n,r),e.appendChild(a,n);var n=e.createTextNode("\n\n");e.appendChild(a,n);var n=e.createComment("");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(e.childAt(t,[4]),5,5),n},statements:[["block","component-demo",[],[],0,null,["loc",[null,[10,1],[12,20]]]]],locals:[],templates:[e]}}())}),define("design-system/templates/route-components/buttons",["exports"],function(e){e.default=Ember.HTMLBars.template(function(){var e=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:26,column:2},end:{line:26,column:31}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:27,column:2},end:{line:27,column:47}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary disabled");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:25,column:1},end:{line:28,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],[],0,null,["loc",[null,[26,2],[26,46]]]],["block","wds-button",[],["disabled",!0],1,null,["loc",[null,[27,2],[27,62]]]]],locals:[],templates:[e,t]}}(),t=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:35,column:2},end:{line:35,column:58}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:36,column:2},end:{line:36,column:74}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary disabled");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:34,column:1},end:{line:37,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],["class","wds-is-secondary"],0,null,["loc",[null,[35,2],[35,73]]]],["block","wds-button",[],["class","wds-is-secondary","disabled",!0],1,null,["loc",[null,[36,2],[36,89]]]]],locals:[],templates:[e,t]}}(),a=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:44,column:2},end:{line:44,column:48}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:45,column:2},end:{line:45,column:64}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text disabled");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:43,column:1},end:{line:46,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],["class","wds-is-text"],0,null,["loc",[null,[44,2],[44,63]]]],["block","wds-button",[],["class","wds-is-text","disabled",!0],1,null,["loc",[null,[45,2],[45,79]]]]],locals:[],templates:[e,t]}}(),n=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:53,column:2},end:{line:53,column:24}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:54,column:2},end:{line:54,column:51}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:55,column:2},end:{line:55,column:41}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:52,column:1},end:{line:56,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(3);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n[2]=e.createMorphAt(t,5,5,a),n},statements:[["block","wds-button",[],[],0,null,["loc",[null,[53,2],[53,39]]]],["block","wds-button",[],["class","wds-is-secondary"],1,null,["loc",[null,[54,2],[54,66]]]],["block","wds-button",[],["class","wds-is-text"],2,null,["loc",[null,[55,2],[55,56]]]]],locals:[],templates:[e,t,a]}}(),r=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:63,column:2},end:{line:63,column:48}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:64,column:2},end:{line:64,column:67}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:65,column:2},end:{line:65,column:57}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:62,column:1},end:{line:66,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(3);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n[2]=e.createMorphAt(t,5,5,a),n},statements:[["block","wds-button",[],["class","wds-is-squished"],0,null,["loc",[null,[63,2],[63,63]]]],["block","wds-button",[],["class","wds-is-secondary wds-is-squished"],1,null,["loc",[null,[64,2],[64,82]]]],["block","wds-button",[],["class","wds-is-text wds-is-squished"],2,null,["loc",[null,[65,2],[65,72]]]]],locals:[],templates:[e,t,a]}}(),d=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:70,column:2},end:{line:76,column:2}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("html[lang^='zh'] &__start-a-wiki-button {\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tpadding: 9px 12px 8px;\n}\n");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),l=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:87,column:2},end:{line:87,column:49}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Primary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:88,column:2},end:{line:88,column:68}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),a=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:89,column:2},end:{line:89,column:58}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Text");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:86,column:1},end:{line:90,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(3);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n[2]=e.createMorphAt(t,5,5,a),n},statements:[["block","wds-button",[],["class","wds-is-stretched"],0,null,["loc",[null,[87,2],[87,64]]]],["block","wds-button",[],["class","wds-is-secondary wds-is-stretched"],1,null,["loc",[null,[88,2],[88,83]]]],["block","wds-button",[],["class","wds-is-text wds-is-stretched"],2,null,["loc",[null,[89,2],[89,73]]]]],locals:[],templates:[e,t,a]}}(),o=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:97,column:2},end:{line:97,column:89}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),e.insertBoundary(t,null),n},statements:[["inline","wds-icon",[],["name","facebook"],["loc",[null,[97,61],[97,89]]],0,0]],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:98,column:2},end:{line:98,column:77}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createComment("");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,0,0,a),e.insertBoundary(t,0),e.insertBoundary(t,null),n},statements:[["inline","wds-icon",[],["name","nk"],["loc",[null,[98,55],[98,77]]],0,0]],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:96,column:1},end:{line:99,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],["class","wds-is-square wds-is-facebook-color"],0,null,["loc",[null,[97,2],[97,104]]]],["block","wds-button",[],["class","wds-is-square wds-is-nk-color"],1,null,["loc",[null,[98,2],[98,92]]]]],locals:[],templates:[e,t]}}(),i=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:106,column:2},end:{line:106,column:79}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Multiline button label with 3rd line");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:105,column:1},end:{line:107,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(1);return n[0]=e.createMorphAt(t,1,1,a),n},statements:[["block","wds-button",[],["class","fixed-width-140px"],0,null,["loc",[null,[106,2],[106,94]]]]],locals:[],templates:[e]}}(),p=function(){var e=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:114,column:2},end:{line:114,column:49}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Link button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}(),t=function(){return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:115,column:2},end:{line:115,column:84}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("Secondary link button");return e.appendChild(t,a),t},buildRenderNodes:function(){return[]},statements:[],locals:[],templates:[]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:113,column:1},end:{line:116,column:1}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createTextNode("\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n\t\t");e.appendChild(t,a);var a=e.createComment("");e.appendChild(t,a);var a=e.createTextNode("\n");return e.appendChild(t,a),t},buildRenderNodes:function(e,t,a){var n=new Array(2);return n[0]=e.createMorphAt(t,1,1,a),n[1]=e.createMorphAt(t,3,3,a),n},statements:[["block","wds-button",[],["tagName","a","href","#"],0,null,["loc",[null,[114,2],[114,64]]]],["block","wds-button",[],["tagName","a","href","#","class","wds-is-secondary"],1,null,["loc",[null,[115,2],[115,99]]]]],locals:[],templates:[e,t]}}();return{meta:{revision:"Ember@2.8.2",loc:{source:null,start:{line:1,column:0},end:{line:118,column:0}},moduleName:"design-system/templates/route-components/buttons.hbs"},isEmpty:!1,arity:0,cachedFragment:null,hasRendered:!1,buildFragment:function(e){var t=e.createDocumentFragment(),a=e.createElement("h1"),n=e.createTextNode("Buttons");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tButtons provide a way for users to interact with our applications.\n\tThey can contain text, icons, or both and come in three different sizes: standard, squished, and stretched.\n\tTo help with the CTA hierarchy on a screen buttons can be displayed as primary (filled), secondary (outlined),\n\tor just text (no container). Choosing the right button style ties directly to the importance of it in relation\n\tto the content around it on the screen.\n");e.appendChild(a,n),e.appendChild(t,a);var a=e.createTextNode("\n");e.appendChild(t,a);var a=e.createElement("p"),n=e.createTextNode("\n\tThe HTML ");e.appendChild(a,n);var n=e.createElement("code"),r=e.createTextNode("