text: var __awaiter=this&&this.__awaiter||function(a,r,t,e){function n(a){return a instanceof t?a:new t((function(r){r(a)}))}return new(t||(t=Promise))((function(t,i){function o(a){try{l(e.next(a))}catch(r){i(r)}}function p(a){try{l(e["throw"](a))}catch(r){i(r)}}function l(a){a.done?t(a.value):n(a.value).then(o,p)}l((e=e.apply(a,r||[])).next())}))};var __generator=this&&this.__generator||function(a,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},e,n,i,o;return o={next:p(0),throw:p(1),return:p(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function p(a){return function(r){return l([a,r])}}function l(o){if(e)throw new TypeError("Generator is already executing.");while(t)try{if(e=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=r.call(a,t)}catch(p){o=[6,p];n=0}finally{e=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-bbb77b6b.system.js"],(function(a){"use strict";var r,t,e;return{setters:[function(a){r=a.r;t=a.h;e=a.H}],execute:function(){var n=[{title:"Half-Rombes",name:"half-rombes",author:"Valentin Agachi",authorUrl:"http://agachi.name"},{title:"Zig-Zag",name:"zig-zag",author:"eCSSpert",authorUrl:"http://twitter.com/ecsspert"},{title:"Weave",name:"carbon-fibre",author:"Jeroen Franse",authorUrl:"http://twitter.com/jroenf"},{title:"Brady Bunch",name:"brady-bunch",author:"Estelle Weyl",authorUrl:"http://www.standardista.com"},{title:"Shippo",name:"shippo",author:"",authorUrl:""},{title:"Japanese cube",name:"japanese-cube",author:"",authorUrl:""},{title:"Diagonal stripes",name:"diagonal-checkerboard",author:"",authorUrl:""},{title:"Blueprint grid",name:"blueprint-grid",author:"",authorUrl:""},{title:"Cicada stripes",name:"cicada-stripes",author:"Randy Merrill",authorUrl:"http://forthedeveloper.com"},{title:"Tablecloth",name:"tablecloth",author:"",authorUrl:""},{title:"Chocolate Weave",name:"chocolate-weave",author:"Paul Salentiny",authorUrl:""},{title:"Madras",name:"madras",author:"Divya Manian",authorUrl:"http://nimbupani.com"}];var i=":host{--width:80px;--height:80px;--border-radius:0}div{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;width:var(--width);height:var(--height);border-radius:var(--border-radius)}.half-rombes{background:#36c;background:linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0, linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0, linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px, linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px, #36c;background-size:15px 30px}.zig-zag{background:linear-gradient(135deg, #ECEDDC 25%, transparent 25%) -50px 0, linear-gradient(225deg, #ECEDDC 25%, transparent 25%) -50px 0, linear-gradient(315deg, #ECEDDC 25%, transparent 25%), linear-gradient(45deg, #ECEDDC 25%, transparent 25%);background-size:100px 100px;background-color:#EC173A}.carbon-fibre{background:radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;background-color:#282828;background-size:16px 16px}.brady-bunch{background-image:radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%), radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%);background-size:110px 110px;background-color:#C8D3A7;background-position:0 0, 55px 55px}.shippo{background-color:#def;background-image:radial-gradient(closest-side, transparent 98%, rgba(0,0,0,.3) 99%), radial-gradient(closest-side, transparent 98%, rgba(0,0,0,.3) 99%);background-size:80px 80px;background-position:0 0, 40px 40px}.japanese-cube{background-color:#556;background-image:linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);background-size:80px 140px;background-position:0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px}.diagonal-checkerboard{background-color:#eee;background-image:linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);background-size:60px 60px}.madras{background-color:hsl(34, 53%, 82%);background-image:repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px ), repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px )}.blueprint-grid{background-color:#269;background-image:linear-gradient(white 2px, transparent 2px), linear-gradient(90deg, white 2px, transparent 2px), linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px}.cicada-stripes{background-color:#026873;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255,255,255,.07)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255,255,255,.13)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(255,255,255,.17))), -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(255,255,255,.19)));background-image:linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%), linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);background-size:13px, 29px, 37px, 53px}.tablecloth{background-color:white;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, rgba(200,0,0,.5)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(200,0,0,.5)), color-stop(50%, transparent));background-image:linear-gradient(90deg, rgba(200,0,0,.5) 50%, transparent 50%), linear-gradient(rgba(200,0,0,.5) 50%, transparent 50%);background-size:50px 50px}.chocolate-weave{background:linear-gradient(45deg, #dca 12%, transparent 0, transparent 88%, #dca 0), linear-gradient(135deg, transparent 37%, #a85 0, #a85 63%, transparent 0), linear-gradient(45deg, transparent 37%, #dca 0, #dca 63%, transparent 0) #753;background-size:25px 25px}";var o=a("css_pattern",function(){function a(a){r(this,a)}a.prototype.getPatternFromExternalTitle=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,this._getPatternFromExternalTitle(a)]}))}))};a.prototype.getPatternFromPatternName=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,this._getPatternFromPatternName(a)]}))}))};a.prototype.getAllAvailablePatterns=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,n]}))}))};a.prototype._getPatternFromExternalTitle=function(a){var r=Math.round(a.length/2);var t=a.charCodeAt(r)%n.length;return n[t]};a.prototype._getPatternFromPatternName=function(a){var r=n.findIndex((function(r){return r.name===a}));return r!==-1?n[r]:n[0]};a.prototype.render=function(){var a=this.patternFor?this._getPatternFromExternalTitle(this.patternFor):this._getPatternFromPatternName(this.pattern);return t(e,{title:a.title,"data-author-url":a.authorUrl,"data-author":a.author},t("div",{class:a.name},t("slot",null)))};return a}());o.style=i}}}));