| 1 | import { r as registerInstance, h, g as getElement } from './core-bb3ac537.js';
|
| 2 | var App = (function () {
|
| 3 | function App(hostRef) {
|
| 4 | registerInstance(this, hostRef);
|
| 5 | }
|
| 6 | App.prototype.render = function () {
|
| 7 | return [
|
| 8 | h("slot", { name: 'header' }),
|
| 9 | h("slot", { name: 'side-nav' }),
|
| 10 | h("main", null, h("ad-container", null, h("slot", null)))
|
| 11 | ];
|
| 12 | };
|
| 13 | Object.defineProperty(App, "style", {
|
| 14 | get: function () { return "ad-app{display:block;font-size:.875rem;font-family:var(--anj-font-family);font-weight:400;line-height:1.5;outline:none;background-color:#fbfbfb;min-height:100%;padding:3rem 0 2rem;position:relative}ad-app,ad-app:after,ad-app:before{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}ad-app:active,ad-app :active,ad-app:focus,ad-app :focus{outline:none}ad-app[layout=fluid] ad-container{max-width:none}\@media (min-width:768px){ad-app main{margin-left:13rem;padding-left:1rem;padding-right:1rem}ad-app ad-nav[disabled]~main{margin-left:0}}ad-app main>ad-container{padding-bottom:1rem;padding-top:2rem}\@media (min-width:768px){ad-app main>ad-container{padding-left:2rem;padding-right:2rem}}"; },
|
| 15 | enumerable: true,
|
| 16 | configurable: true
|
| 17 | });
|
| 18 | return App;
|
| 19 | }());
|
| 20 | var Container = (function () {
|
| 21 | function Container(hostRef) {
|
| 22 | registerInstance(this, hostRef);
|
| 23 | }
|
| 24 | Object.defineProperty(Container, "style", {
|
| 25 | get: function () { return ".sc-ad-container-h{display:block;margin-left:auto;margin-right:auto;max-width:1140px;padding-left:15px;padding-right:15px;width:100%}"; },
|
| 26 | enumerable: true,
|
| 27 | configurable: true
|
| 28 | });
|
| 29 | return Container;
|
| 30 | }());
|
| 31 | var Footer = (function () {
|
| 32 | function Footer(hostRef) {
|
| 33 | registerInstance(this, hostRef);
|
| 34 | }
|
| 35 | Footer.prototype.render = function () {
|
| 36 | var year = new Date().getFullYear();
|
| 37 | return (h("div", null, "\u00A9 ", year, " Zuora"));
|
| 38 | };
|
| 39 | Object.defineProperty(Footer, "style", {
|
| 40 | get: function () { return ".sc-ad-footer-h{display:block;font-size:.875rem;font-family:var(--anj-font-family);font-weight:400;line-height:1.5;outline:none;bottom:.5rem;color:var(--anj-neutral-dark);font-size:.75rem;left:50%;padding:1rem 1rem 0;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sc-ad-footer-h, .sc-ad-footer-h:after, .sc-ad-footer-h:before{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}.sc-ad-footer-h:active, .sc-ad-footer-h .sc-ad-footer:active, .sc-ad-footer-h:focus, .sc-ad-footer-h .sc-ad-footer:focus{outline:none}\@media (min-width:768px){.sc-ad-footer-h{padding-left:2rem;padding-right:2rem}}"; },
|
| 41 | enumerable: true,
|
| 42 | configurable: true
|
| 43 | });
|
| 44 | return Footer;
|
| 45 | }());
|
| 46 | var FrameworkSwitcher = (function () {
|
| 47 | function FrameworkSwitcher(hostRef) {
|
| 48 | registerInstance(this, hostRef);
|
| 49 | this.frameworks = ['js', 'angular', 'vue'];
|
| 50 | }
|
| 51 | FrameworkSwitcher.prototype.switch = function (framework) {
|
| 52 | var current = this.getCurrent();
|
| 53 | if (framework !== current) {
|
| 54 | document.location.assign(document.location.toString().replace(current, framework));
|
| 55 | }
|
| 56 | };
|
| 57 | FrameworkSwitcher.prototype.getCurrent = function () {
|
| 58 | return this.frameworks.find(function (f) { return document.location.pathname.includes(f); });
|
| 59 | };
|
| 60 | FrameworkSwitcher.prototype.render = function () {
|
| 61 | var _this = this;
|
| 62 | var current = this.getCurrent();
|
| 63 | return (h("anj-dropdown", null, h("anj-button", { context: "text", slot: "dropdown-toggle" }, "Framework"), this.frameworks.map(function (f) { return h("anj-dropdown-item", { active: f === current, onClick: function () { return _this.switch(f); } }, f); })));
|
| 64 | };
|
| 65 | Object.defineProperty(FrameworkSwitcher, "style", {
|
| 66 | get: function () { return "ad-framework-switcher{display:block;font-size:.875rem;font-family:var(--anj-font-family);font-weight:400;line-height:1.5;outline:none;margin:-25px 0 0 -13px;width:50%}ad-framework-switcher,ad-framework-switcher:after,ad-framework-switcher:before{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}ad-framework-switcher:active,ad-framework-switcher :active,ad-framework-switcher:focus,ad-framework-switcher :focus{outline:none}ad-framework-switcher .anj-dropdown-item{text-transform:capitalize}ad-framework-switcher img{height:.875rem;margin-right:.25rem;position:relative;top:-2px}"; },
|
| 67 | enumerable: true,
|
| 68 | configurable: true
|
| 69 | });
|
| 70 | return FrameworkSwitcher;
|
| 71 | }());
|
| 72 | var Header = (function () {
|
| 73 | function Header(hostRef) {
|
| 74 | registerInstance(this, hostRef);
|
| 75 | }
|
| 76 | Header.prototype.render = function () {
|
| 77 | var _this = this;
|
| 78 | var navStyle = {
|
| 79 | height: this.active ? this.element.querySelector('ul').clientHeight + "px" : '0'
|
| 80 | };
|
| 81 | var toggleClass = this.active ? 'nav-toggle header-toggle active' : 'nav-toggle header-toggle';
|
| 82 | return [
|
| 83 | h("div", { class: "nav-left" }, h("slot", { name: "nav-toggle" }), h("slot", { name: "home" })),
|
| 84 | h("nav", { style: navStyle }, h("ul", { onClick: function () { return _this.toggleNav(false); } }, h("slot", null), this.github ?
|
| 85 | h("li", null, h("a", { href: this.github, target: "_blank" }, h("svg", { class: "nav-item-icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 499.36", focusable: "false" }, h("title", null, "GitHub"), h("path", { d: "M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z", fill: "currentColor", "fill-rule": "evenodd" })), "Github")) : '')),
|
| 86 | h("div", { class: "nav-right" }, this.version ? h("span", { class: "version-text" }, this.version) : '', h("span", { class: toggleClass, onClick: function () { return _this.toggleNav(); } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, h("path", { fill: "currentColor", d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }))))
|
| 87 | ];
|
| 88 | };
|
| 89 | Header.prototype.toggleNav = function (active) {
|
| 90 | this.active = active !== undefined ? active : !this.active;
|
| 91 | };
|
| 92 | Object.defineProperty(Header.prototype, "element", {
|
| 93 | get: function () { return getElement(this); },
|
| 94 | enumerable: true,
|
| 95 | configurable: true
|
| 96 | });
|
| 97 | Object.defineProperty(Header, "style", {
|
| 98 | get: function () { return "ad-header{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);-ms-flex-align:center;align-items:center;background-color:var(--anj-primary-dark);display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;font-size:1rem;-ms-flex-pack:justify;justify-content:space-between;left:0;letter-spacing:var(--anj-spacing-wide);min-height:3rem;right:0;padding:0 .75rem;position:fixed;top:0;z-index:1030}\@media (max-width:767.98px){ad-header.active nav{-webkit-box-shadow:0 1px 3px var(--anj-shadow);box-shadow:0 1px 3px var(--anj-shadow)}}ad-header a{color:var(--anj-border-dark);display:block;padding:.5rem .75rem;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease}ad-header a:focus,ad-header a:hover{color:var(--anj-background);text-decoration:none}ad-header a:active{text-decoration:none}ad-header a.active,ad-header a.active:focus,ad-header a.active:hover,ad-header a:active{color:var(--anj-light)}ad-header a .nav-item-icon{height:1rem;margin-right:.2rem;position:relative;top:-1px;width:1rem}ad-header a[slot=home]{color:var(--anj-light);font-size:1.25rem;font-weight:200;display:inline-block;padding-left:3rem;position:relative}ad-header a[slot=home] img{height:2.5rem;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}ad-header .version-text{color:var(--anj-border-dark);display:none;font-size:.75rem;font-weight:200;letter-spacing:normal;opacity:.8}\@media (min-width:768px){ad-header .version-text{display:inline-block}}ad-header .nav-toggle{color:var(--anj-border-dark);cursor:pointer;display:inline-block;font-size:1.25rem;font-weight:600;-webkit-transition:color .2s ease;transition:color .2s ease}\@media (min-width:768px){ad-header .nav-toggle{display:none}}ad-header .nav-toggle.header-toggle{margin-right:-9px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}ad-header .nav-toggle:hover{color:var(--anj-light)}ad-header .nav-toggle.active,ad-header .nav-toggle:active,ad-header .nav-toggle[active]{color:var(--anj-background)}ad-header nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-positive:1;flex-grow:1;margin-right:.75rem}\@media (max-width:767.98px){ad-header nav{background-color:var(--anj-primary);display:block;height:0;-ms-flex-preferred-size:100%;flex-basis:100%;left:0;margin-right:0;overflow:hidden;position:absolute;right:0;top:100%;-webkit-transition:height .5s ease;transition:height .5s ease}}\@media (min-width:768px){ad-header nav{height:inherit!important}}ad-header nav ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:0;padding-bottom:.5rem;padding-left:0}\@media (min-width:768px){ad-header nav ul{-ms-flex-direction:row;flex-direction:row;margin-left:auto;margin-right:auto;padding-bottom:0}}"; },
|
| 99 | enumerable: true,
|
| 100 | configurable: true
|
| 101 | });
|
| 102 | return Header;
|
| 103 | }());
|
| 104 | var Nav = (function () {
|
| 105 | function Nav(hostRef) {
|
| 106 | registerInstance(this, hostRef);
|
| 107 | }
|
| 108 | Nav.prototype.render = function () {
|
| 109 | return (h("nav", null, h("slot", null)));
|
| 110 | };
|
| 111 | Object.defineProperty(Nav, "style", {
|
| 112 | get: function () { return "ad-nav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);background-color:#f8f8f8;border-right:1px solid var(--anj-border-dark);bottom:0;overflow-y:auto;position:fixed;top:3rem;width:13rem;z-index:1020}ad-nav[disabled]{display:none}\@media (max-width:767.98px){ad-nav{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .5s ease;transition:all .5s ease;z-index:1020}ad-nav[active]{-webkit-box-shadow:0 3px 7px var(--anj-shadow);box-shadow:0 3px 7px var(--anj-shadow);-webkit-transform:translateX(0);transform:translateX(0)}}ad-nav nav{padding:1rem 1.25rem 1rem 0}"; },
|
| 113 | enumerable: true,
|
| 114 | configurable: true
|
| 115 | });
|
| 116 | return Nav;
|
| 117 | }());
|
| 118 | var NavItem = (function () {
|
| 119 | function NavItem(hostRef) {
|
| 120 | registerInstance(this, hostRef);
|
| 121 | }
|
| 122 | Object.defineProperty(NavItem, "style", {
|
| 123 | get: function () { return "ad-nav-item{display:block;margin-bottom:.5rem}ad-nav-item a{border-left:.25rem solid transparent;color:var(--anj-highlight-dark);display:block;padding-left:1rem;text-decoration:none;text-transform:capitalize;-webkit-transition:border-color .2s ease,color .2s ease;transition:border-color .2s ease,color .2s ease}ad-nav-item a.active,ad-nav-item a:focus,ad-nav-item a:hover{color:var(--anj-primary);text-decoration:none}ad-nav-item a.active{border-left:.25rem solid var(--anj-primary)}"; },
|
| 124 | enumerable: true,
|
| 125 | configurable: true
|
| 126 | });
|
| 127 | return NavItem;
|
| 128 | }());
|
| 129 | var NavToggle = (function () {
|
| 130 | function NavToggle(hostRef) {
|
| 131 | registerInstance(this, hostRef);
|
| 132 | }
|
| 133 | NavToggle.prototype.render = function () {
|
| 134 | return (h("button", { class: "ad-nav-toggle", type: "button" }, h("svg", { "aria-label": "Menu", xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", viewBox: "0 0 36 36" }, h("path", { fill: "currentColor", d: "M4 27h28v-3H4v3zm0-8h28v-3H4v3zM4 8v3h28V8H4z" }))));
|
| 135 | };
|
| 136 | Object.defineProperty(NavToggle, "style", {
|
| 137 | get: function () { return "ad-nav-toggle .ad-nav-toggle{background-color:transparent;border:0;color:var(--anj-border);margin-left:-3px;margin-right:.75rem;padding:0;position:relative;top:-.25rem;-webkit-transition:color .2s ease;transition:color .2s ease}ad-nav-toggle .ad-nav-toggle:focus{outline:none}ad-nav-toggle[active] .ad-nav-toggle{color:var(--anj-secondary)}ad-nav-toggle[disabled]{display:none!important}\@media (min-width:768px){ad-nav-toggle{display:none}}"; },
|
| 138 | enumerable: true,
|
| 139 | configurable: true
|
| 140 | });
|
| 141 | return NavToggle;
|
| 142 | }());
|
| 143 | export { App as ad_app, Container as ad_container, Footer as ad_footer, FrameworkSwitcher as ad_framework_switcher, Header as ad_header, Nav as ad_nav, NavItem as ad_nav_item, NavToggle as ad_nav_toggle };
|