diff --git a/404.html b/404.html new file mode 100644 index 00000000..a138235b --- /dev/null +++ b/404.html @@ -0,0 +1,21 @@ + + + + + + Vue Grid Layout - ️A grid layout system for Vue.js + + + + + + + + + +

404

Looks like we've got some broken links.
+ Take me home. +
+ + + diff --git a/assets/css/0.styles.91d713b3.css b/assets/css/0.styles.91d713b3.css new file mode 100644 index 00000000..cc17737e --- /dev/null +++ b/assets/css/0.styles.91d713b3.css @@ -0,0 +1 @@ +code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.theme-default-content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.theme-default-content code .token.deleted{color:#ec5975}.theme-default-content code .token.inserted{color:#3eaf7c}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.theme-default-content pre[class*=language-] code,.theme-default-content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:#eee}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-default-content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.theme-default-content:not(.custom){padding:2rem}}@media (max-width:419px){.theme-default-content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:16px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.theme-default-content:not(.custom)>:first-child{margin-top:3.6rem}.theme-default-content:not(.custom) a:hover{text-decoration:underline}.theme-default-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-default-content:not(.custom) img{max-width:100%}.theme-default-content.custom{padding:0;margin:0}.theme-default-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#3eaf7c}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.theme-default-content:not(.custom)>h1:first-child+.custom-block,.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-block,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-block,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-block,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-block,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-block,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;-webkit-user-select:none;user-select:none;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}div.theme-default-content:not(.custom){max-width:1024px}#nprogress{pointer-events:none}#nprogress .bar{background:#3eaf7c;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px #3eaf7c,0 0 5px #3eaf7c;box-shadow:0 0 10px #3eaf7c,0 0 5px #3eaf7c;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:#3eaf7c transparent transparent #3eaf7c;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html{scroll-behavior:smooth}.go-to-top[data-v-5fd4ef0c]{cursor:pointer;position:fixed;bottom:2rem;right:2.5rem;width:2rem;color:#3eaf7c;z-index:1}.go-to-top[data-v-5fd4ef0c]:hover{color:#72cda4}@media (max-width:959px){.go-to-top[data-v-5fd4ef0c]{display:none}}.fade-enter-active[data-v-5fd4ef0c],.fade-leave-active[data-v-5fd4ef0c]{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter[data-v-5fd4ef0c],.fade-leave-to[data-v-5fd4ef0c]{opacity:0}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.home{padding:3.6rem 2rem 0;max-width:960px;margin:0 auto;display:block}.home .hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:left}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1.2rem;color:#fff;background-color:#3eaf7c;padding:.8rem 1.6rem;border-radius:4px;-webkit-transition:background-color .1s ease;transition:background-color .1s ease;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #389d70}.home .hero .action-button:hover{background-color:#4abf8a}.home .features{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home .feature{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:30%;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.home img{max-height:210px!important;margin:2rem auto 1.2rem!important}.home h1{font-size:2rem;margin-top:0!important}.home .action,.home .description,.home h1{margin:1.2rem auto}.home .description{font-size:1.2rem}.home .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.algolia-search-wrapper>span{vertical-align:middle}.algolia-search-wrapper .algolia-autocomplete{line-height:normal}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu{background-color:#fff;border:1px solid #999;border-radius:4px;font-size:16px;margin:6px 0 0;padding:4px;text-align:left}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu:before{border-color:#999}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu [class*=ds-dataset-]{border:none;padding:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestion{border-bottom:1px solid #eaecef}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#2c815b}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion{border-color:#eaecef;padding:0}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header{padding:5px 10px;margin-top:0;background:#3eaf7c;color:#fff;font-weight:600}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background:hsla(0,0%,100%,.6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--wrapper{padding:0}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--title{font-weight:600;margin-bottom:0;color:#2c3e50}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{vertical-align:top;padding:5px 7px 5px 5px;border-color:#eaecef;background:#f1f3f5}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{display:none}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column-text{color:#555}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-footer{border-color:#eaecef}.algolia-search-wrapper .algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--content{background-color:#e7edf3!important;color:#2c3e50}@media (min-width:719px){.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{float:none;width:150px;min-width:150px;display:table-cell}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{float:none;display:table-cell;width:100%;vertical-align:top}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .ds-dropdown-menu{min-width:515px!important}}@media (max-width:719px){.algolia-search-wrapper .ds-dropdown-menu{min-width:calc(100vw - 4rem)!important;max-width:calc(100vw - 4rem)!important}.algolia-search-wrapper .algolia-docsearch-suggestion--wrapper{padding:5px 7px 5px 5px!important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column{padding:0!important;background:#fff!important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column-text:after{content:" > ";font-size:10px;line-height:14.4px;display:inline-block;width:5px;margin:-3px 3px 0;vertical-align:middle}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;-webkit-transition:all .2s ease;transition:all .2s ease;background:#fff url(/vue-grid-layout/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#3eaf7c}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#3eaf7c}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title,.dropdown-wrapper .mobile-dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:#2c3e50}.dropdown-wrapper .dropdown-title:hover,.dropdown-wrapper .mobile-dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow,.dropdown-wrapper .mobile-dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .mobile-dropdown-title{display:none;font-weight:600}.dropdown-wrapper .mobile-dropdown-title font-size inherit:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:1rem 1.5rem .45rem 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #3eaf7c;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{display:none}.dropdown-wrapper .mobile-dropdown-title{display:block}.dropdown-wrapper .nav-dropdown{-webkit-transition:height .1s ease-out;transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#3eaf7c}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #46bd87}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:-webkit-box;display:-ms-flexbox;display:flex}.navbar .links .search-box{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;vertical-align:top}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit{padding:2rem}}@media (max-width:419px){.page-edit{padding:1.5rem}}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#767676}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-nav{padding:2rem}}@media (max-width:419px){.page-nav{padding:1.5rem}}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page{padding-bottom:2rem;display:block}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:.95em;line-height:1.4;font-weight:400;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable){opacity:.5}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.95em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:#2c3e50;-webkit-transition:color .15s ease;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-heading.clickable:hover{color:#3eaf7c}.sidebar-group-items{-webkit-transition:height .1s ease-out;transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}a.sidebar-link:hover{color:#3eaf7c}a.sidebar-link.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.carbon-ads{min-height:102px;padding:1.5rem 1.5rem 0;margin-bottom:-.5rem;font-size:.75rem}.carbon-ads a{color:#444;font-weight:400;display:inline}.carbon-ads .carbon-img{float:left;margin-right:1rem;border:1px solid #eaecef}.carbon-ads .carbon-img img{display:block}.carbon-ads .carbon-poweredby{color:#999;display:block;margin-top:.5em}@media (max-width:719px){.carbon-ads .carbon-img img{width:100px;height:77px}}.footer[data-v-6394a605]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1em 1em 1em 2em;margin-top:auto;width:100%;font-size:.8em;color:#647d96}.footer-card[data-v-6394a605]{display:block;max-width:120px;width:90%;margin-bottom:1em;margin-top:1em}.vue-grid-layout[data-v-18a3e80e]{background:#eee}.vue-grid-item[data-v-18a3e80e]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-18a3e80e]{opacity:.9}.vue-grid-item .static[data-v-18a3e80e]{background:#cce}.vue-grid-item .text[data-v-18a3e80e]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-18a3e80e]{height:100%;width:100%}.vue-grid-item .minMax[data-v-18a3e80e]{font-size:12px}.vue-grid-item .add[data-v-18a3e80e]{cursor:pointer}.vue-draggable-handle[data-v-18a3e80e]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.vue-grid-layout[data-v-3ec3e669]{background:#eee}.vue-grid-item[data-v-3ec3e669]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-3ec3e669]{opacity:.9}.vue-grid-item .static[data-v-3ec3e669]{background:#cce}.vue-grid-item .text[data-v-3ec3e669]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-3ec3e669]{height:100%;width:100%}.vue-grid-item .minMax[data-v-3ec3e669]{font-size:12px}.vue-grid-item .add[data-v-3ec3e669]{cursor:pointer}.vue-draggable-handle[data-v-3ec3e669]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.eventsJSON[data-v-3ec3e669],.layoutJSON[data-v-3ec3e669]{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.eventsJSON[data-v-3ec3e669]{height:100px;overflow-y:scroll}.vue-grid-layout[data-v-0093a16d]{background:#eee}.vue-grid-item[data-v-0093a16d]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-0093a16d]{opacity:.9}.vue-grid-item .static[data-v-0093a16d]{background:#cce}.vue-grid-item .text[data-v-0093a16d]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-0093a16d]{height:100%;width:100%}.vue-grid-item .minMax[data-v-0093a16d]{font-size:12px}.vue-grid-item .add[data-v-0093a16d]{cursor:pointer}.vue-draggable-handle[data-v-0093a16d]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.eventsJSON[data-v-0093a16d],.layoutJSON[data-v-0093a16d]{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.eventsJSON[data-v-0093a16d]{height:100px;overflow-y:scroll}.vue-grid-layout[data-v-250686ab]{background:#eee}.vue-grid-item[data-v-250686ab]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-250686ab]{opacity:.9}.vue-grid-item .static[data-v-250686ab]{background:#cce}.vue-grid-item .text[data-v-250686ab]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-250686ab]{height:100%;width:100%}.vue-grid-item .minMax[data-v-250686ab]{font-size:12px}.vue-grid-item .add[data-v-250686ab]{cursor:pointer}.vue-draggable-handle[data-v-250686ab]{position:absolute;width:20px;height:20px;top:0;right:0;padding:0 8px 8px 0;background-origin:content-box;background-color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;cursor:pointer}.eventsJSON[data-v-250686ab],.layoutJSON[data-v-250686ab]{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.eventsJSON[data-v-250686ab]{height:100px;overflow-y:scroll}.vue-grid-layout[data-v-3110a6d3]{background:#eee}.vue-grid-item[data-v-3110a6d3]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-3110a6d3]{opacity:.9}.vue-grid-item .static[data-v-3110a6d3]{background:#cce}.vue-grid-item .text[data-v-3110a6d3]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-3110a6d3]{height:100%;width:100%}.vue-grid-item .minMax[data-v-3110a6d3]{font-size:12px}.vue-grid-item .add[data-v-3110a6d3]{cursor:pointer}.vue-draggable-handle[data-v-3110a6d3]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.vue-grid-layout[data-v-796bfeb2]{background:#eee}.vue-grid-item[data-v-796bfeb2]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-796bfeb2]{opacity:.9}.vue-grid-item .static[data-v-796bfeb2]{background:#cce}.vue-grid-item .text[data-v-796bfeb2]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-796bfeb2]{height:100%;width:100%}.vue-grid-item .minMax[data-v-796bfeb2]{font-size:12px}.vue-grid-item .add[data-v-796bfeb2]{cursor:pointer}.vue-draggable-handle[data-v-796bfeb2]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.layoutJSON[data-v-796bfeb2]{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.columns[data-v-796bfeb2]{-moz-columns:120px;-webkit-columns:120px;columns:120px}.vue-grid-layout[data-v-1ec152c6]{background:#eee}.vue-grid-item[data-v-1ec152c6]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-1ec152c6]{opacity:.9}.vue-grid-item .static[data-v-1ec152c6]{background:#cce}.vue-grid-item .text[data-v-1ec152c6]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-1ec152c6]{height:100%;width:100%}.vue-grid-item .minMax[data-v-1ec152c6]{font-size:12px}.vue-grid-item .add[data-v-1ec152c6]{cursor:pointer}.vue-draggable-handle[data-v-1ec152c6]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.vue-grid-layout[data-v-09f9c3ab]{background:#eee}.vue-grid-item[data-v-09f9c3ab]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-09f9c3ab]{opacity:.9}.vue-grid-item .static[data-v-09f9c3ab]{background:#cce}.vue-grid-item .text[data-v-09f9c3ab]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-09f9c3ab]{height:100%;width:100%}.vue-grid-item .minMax[data-v-09f9c3ab]{font-size:12px}.vue-grid-item .add[data-v-09f9c3ab]{cursor:pointer}.vue-draggable-handle[data-v-09f9c3ab]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.layoutJSON{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.columns{-moz-columns:120px;-webkit-columns:120px;columns:120px}.remove{position:absolute;right:2px;top:0;cursor:pointer}.droppable-element[data-v-4287a6e0]{width:150px;text-align:center;background:#fdd;border:1px solid #000;margin:10px 0;padding:10px}.vue-grid-layout[data-v-4287a6e0]{background:#eee}.vue-grid-item[data-v-4287a6e0]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-4287a6e0]{opacity:.9}.vue-grid-item .static[data-v-4287a6e0]{background:#cce}.vue-grid-item .text[data-v-4287a6e0]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-4287a6e0]{height:100%;width:100%}.vue-grid-item .minMax[data-v-4287a6e0]{font-size:12px}.vue-grid-item .add[data-v-4287a6e0]{cursor:pointer}.vue-draggable-handle[data-v-4287a6e0]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.layoutJSON[data-v-4287a6e0]{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.columns[data-v-4287a6e0]{-moz-columns:120px;-webkit-columns:120px;columns:120px}.vue-grid-layout[data-v-65b80052]{background:#eee}.vue-grid-item[data-v-65b80052]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-65b80052]{opacity:.9}.vue-grid-item .static[data-v-65b80052]{background:#cce}.vue-grid-item .text[data-v-65b80052]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-65b80052]{height:100%;width:100%}.vue-grid-item .minMax[data-v-65b80052]{font-size:12px}.vue-grid-item .add[data-v-65b80052]{cursor:pointer}.vue-draggable-handle[data-v-65b80052]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.layoutJSON[data-v-65b80052]{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.columns[data-v-65b80052]{-moz-columns:120px;-webkit-columns:120px;columns:120px}.grid:before{content:"";background-size:calc(8.33333% - .41667px) 40px;background-image:linear-gradient(90deg,#d3d3d3 1px,transparent 0),linear-gradient(180deg,#d3d3d3 1px,transparent 0);height:calc(100% - 5px);width:calc(100% - 5px);position:absolute;background-repeat:repeat;margin:5px}.container .vue-grid-item.vue-grid-placeholder{background:green}.vue-grid-layout{background:#eee}.vue-grid-item:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing{opacity:.9}.vue-grid-item .static{background:#cce}.vue-grid-item .text{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.vue-grid-item .no-drag,.vue-grid-item .text{height:100%;width:100%}.vue-grid-item .minMax{font-size:12px}.vue-grid-item .add{cursor:pointer}.vue-draggable-handle{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.footer[data-v-49c331c8]{border-top:1px solid #eaecef;margin-top:1em}.footer-card[data-v-49c331c8]{display:block;width:90%;padding:1em 1.5em;border-radius:5px;margin:.5em auto 1em}.vue-grid-layout[data-v-25834d9b]{background:#eee}.vue-grid-item[data-v-25834d9b]:not(.vue-grid-placeholder){background:#ccc;border:1px solid #000}.vue-grid-item .resizing[data-v-25834d9b]{opacity:.9}.vue-grid-item .static[data-v-25834d9b]{background:#cce}.vue-grid-item .text[data-v-25834d9b]{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.vue-grid-item .no-drag[data-v-25834d9b]{height:100%;width:100%}.vue-grid-item .minMax[data-v-25834d9b]{font-size:12px}.vue-grid-item .add[data-v-25834d9b]{cursor:pointer}.vue-draggable-handle[data-v-25834d9b]{position:absolute;width:20px;height:20px;top:0;left:0;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:100% 100%;padding:0 8px 8px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.docsfold-features[data-v-25834d9b]{width:90%;margin-left:auto;margin-right:auto;height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.docsfold-features img[data-v-25834d9b]{width:30%;height:auto;-o-object-fit:contain;object-fit:contain}.docsfold-features .content[data-v-25834d9b]{width:50%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px}.docsfold-features h2[data-v-25834d9b]{font-size:18px;margin-bottom:10px;border:0}.docsfold-features .btn-read-more[data-v-25834d9b]:hover{background:#4104f1}.docsfold-features .btn-read-more[data-v-25834d9b]{line-height:0;padding:10px 20px;border-radius:4px;-webkit-transition:.5s;transition:.5s;color:#fff;background:#4154f1;-webkit-box-shadow:0 5px 25px rgba(65,84,241,.3);box-shadow:0 5px 25px rgba(65,84,241,.3)}.docsfold-features .btn-read-more span[data-v-25834d9b]{font-family:Nunito,sans-serif;font-weight:600;font-size:16px;letter-spacing:1px}.docsfold-features .btn-read-more i[data-v-25834d9b]{margin-left:5px;font-size:18px!important;-webkit-transition:.3s;transition:.3s;color:#fff!important}.docsfold-features .btn-read-more:hover i[data-v-25834d9b]{-webkit-transform:translateX(5px);transform:translateX(5px)}.badge[data-v-15b7b770]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-15b7b770],.badge.tip[data-v-15b7b770],.badge[data-v-15b7b770]{background-color:#42b983}.badge.error[data-v-15b7b770]{background-color:#da5961}.badge.warn[data-v-15b7b770],.badge.warning[data-v-15b7b770],.badge.yellow[data-v-15b7b770]{background-color:#e7c000}.badge+.badge[data-v-15b7b770]{margin-left:5px}.theme-code-block[data-v-759a7d02]{display:none}.theme-code-block__active[data-v-759a7d02]{display:block}.theme-code-block>pre[data-v-759a7d02]{background-color:orange}.theme-code-group__nav[data-v-deefee04]{margin-bottom:-35px;background-color:#282c34;padding-bottom:22px;border-top-left-radius:6px;border-top-right-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__ul[data-v-deefee04]{margin:auto 0;padding-left:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:none}.theme-code-group__nav-tab[data-v-deefee04]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:hsla(0,0%,100%,.9);font-weight:600}.theme-code-group__nav-tab-active[data-v-deefee04]{border-bottom:1px solid #42b983}.pre-blank[data-v-deefee04]{color:#42b983}.searchbox{display:inline-block;position:relative;width:200px;height:32px!important;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;visibility:visible!important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .4s ease,-webkit-box-shadow .4s ease;transition:background .4s ease,-webkit-box-shadow .4s ease;transition:box-shadow .4s ease,background .4s ease;transition:box-shadow .4s ease,background .4s ease,-webkit-box-shadow .4s ease;border:0;border-radius:16px;-webkit-box-shadow:inset 0 0 0 1px #ccc;box-shadow:inset 0 0 0 1px #ccc;background:#fff!important;padding:0 26px 0 32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{-webkit-box-shadow:inset 0 0 0 1px #b3b3b3;box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{outline:0;-webkit-box-shadow:inset 0 0 0 1px #aaa;box-shadow:inset 0 0 0 1px #aaa;background:#fff}.searchbox__input::-webkit-input-placeholder{color:#aaa}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit:before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:""}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6d7e96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:none;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid~.searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0%{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes sbx-reset-in{0%{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0!important;left:inherit!important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0!important;right:inherit!important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:none;z-index:999;max-width:600px;min-width:500px;-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:"";width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{position:relative;border:1px solid #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{display:block;position:relative;padding:0 8px;background:#fff;color:#02060c;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,.1);padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;-webkit-box-shadow:inset 0 -2px 0 0 rgba(69,142,225,.8);box-shadow:inset 0 -2px 0 0 rgba(69,142,225,.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363d}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#a4a7ae;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060c;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676d}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:none;color:#222;background-color:#ebebeb;border-radius:3px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:none}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}@media (min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media (max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:inline-block;width:auto;float:left;padding:0;color:#02060c;font-size:.9em;font-weight:700;text-align:left;opacity:.5}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;width:auto;text-align:left;float:left;padding:0}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url('data:image/svg+xml;utf8,');content:"";width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none!important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458ee1;font-size:.9em;font-weight:400}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{content:"#";font-weight:700;color:#458ee1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:700;-webkit-box-shadow:none;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:134px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 012.966 2.966V20.5a2.967 2.967 0 01-2.966 2.964H78.988a2.967 2.967 0 01-2.966-2.964V3.897A2.961 2.961 0 0178.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 00-1.574-.199 5.7 5.7 0 00-.897.069 2.699 2.699 0 00-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 01-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 01-1.471-.636 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 011.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 011.82-.185 8.404 8.404 0 011.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 00-.384-.73 1.784 1.784 0 00-.724-.493 3.164 3.164 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 00-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 012.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 00-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 00-.814.24 1.46 1.46 0 00-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 01.233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 01-1.471-.635 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 012.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 00-.109-.875 1.873 1.873 0 00-.384-.731 1.784 1.784 0 00-.724-.492 3.165 3.165 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 00-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 012.073-.177zm-8.034-1.271a1.626 1.626 0 01-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 01-1.128 1.906 4.986 4.986 0 01-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 01-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 01-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 011.15-1.892 5.133 5.133 0 011.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 011.753 1.216 5.644 5.644 0 011.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 00-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 01-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 01-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 012.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 00-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 01-.582-.271 13.67 13.67 0 01-.55-.287 4.275 4.275 0 01-.567-.351 6.92 6.92 0 01-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 01-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 00-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 00-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 00-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 01-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 00-.978-.977h-2.28a.978.978 0 00-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 011.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 00-1.382 0l-.465.465a.973.973 0 000 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 00-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 01-4.49-4.482 4.488 4.488 0 014.49-4.482 4.488 4.488 0 014.489 4.482 4.484 4.484 0 01-4.49 4.482m0-10.85a6.363 6.363 0 100 12.729 6.37 6.37 0 006.372-6.368 6.358 6.358 0 00-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0!important;width:100%;height:100%;display:block} \ No newline at end of file diff --git a/assets/favicon/apple-touch-icon.png b/assets/favicon/apple-touch-icon.png new file mode 100644 index 00000000..95100f18 Binary files /dev/null and b/assets/favicon/apple-touch-icon.png differ diff --git a/assets/img/docsfold-logo-sm.png b/assets/img/docsfold-logo-sm.png new file mode 100644 index 00000000..de1e938c Binary files /dev/null and b/assets/img/docsfold-logo-sm.png differ diff --git a/assets/img/logo-jbay.png b/assets/img/logo-jbay.png new file mode 100644 index 00000000..a78f9140 Binary files /dev/null and b/assets/img/logo-jbay.png differ diff --git a/assets/img/logo.png b/assets/img/logo.png new file mode 100644 index 00000000..159fda76 Binary files /dev/null and b/assets/img/logo.png differ diff --git a/assets/img/search.83621669.svg b/assets/img/search.83621669.svg new file mode 100644 index 00000000..03d83913 --- /dev/null +++ b/assets/img/search.83621669.svg @@ -0,0 +1 @@ + diff --git a/assets/js/1.d0f372df.js b/assets/js/1.d0f372df.js new file mode 100644 index 00000000..70d02a8b --- /dev/null +++ b/assets/js/1.d0f372df.js @@ -0,0 +1,3 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{371:function(t,e,n){ +/*! vue-grid-layout - 2.4.0 | (c) 2015, 2022 Gustavo Santos (JBay Solutions) (http://www.jbaysolutions.com) | https://github.com/jbaysolutions/vue-grid-layout */ +t.exports=function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(i,r,function(e){return t[e]}.bind(null,r));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"01f9":function(t,e,n){"use strict";var i=n("2d00"),r=n("5ca1"),o=n("2aba"),s=n("32e9"),a=n("84f2"),c=n("41a0"),l=n("7f20"),u=n("38fd"),h=n("2b4c")("iterator"),d=!([].keys&&"next"in[].keys()),f=function(){return this};t.exports=function(t,e,n,p,g,m,v){c(n,e,p);var b,y,x,w=function(t){if(!d&&t in T)return T[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},S=e+" Iterator",E="values"==g,O=!1,T=t.prototype,z=T[h]||T["@@iterator"]||g&&T[g],M=z||w(g),_=g?E?w("entries"):M:void 0,I="Array"==e&&T.entries||z;if(I&&(x=u(I.call(new t)))!==Object.prototype&&x.next&&(l(x,S,!0),i||"function"==typeof x[h]||s(x,h,f)),E&&z&&"values"!==z.name&&(O=!0,M=function(){return z.call(this)}),i&&!v||!d&&!O&&T[h]||s(T,h,M),a[e]=M,a[S]=f,g)if(b={values:E?M:w("values"),keys:m?M:w("keys"),entries:_},v)for(y in b)y in T||o(T,y,b[y]);else r(r.P+r.F*(d||O),e,b);return b}},"02f4":function(t,e,n){var i=n("4588"),r=n("be13");t.exports=function(t){return function(e,n){var o,s,a=String(r(e)),c=i(n),l=a.length;return c<0||c>=l?t?"":void 0:(o=a.charCodeAt(c))<55296||o>56319||c+1===l||(s=a.charCodeAt(c+1))<56320||s>57343?t?a.charAt(c):o:t?a.slice(c,c+2):s-56320+(o-55296<<10)+65536}}},"0390":function(t,e,n){"use strict";var i=n("02f4")(!0);t.exports=function(t,e,n){return e+(n?i(t,e).length:1)}},"0bfb":function(t,e,n){"use strict";var i=n("cb7c");t.exports=function(){var t=i(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},"0d58":function(t,e,n){var i=n("ce10"),r=n("e11e");t.exports=Object.keys||function(t){return i(t,r)}},1156:function(t,e,n){var i=n("ad20");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("499e").default)("c1ec597e",i,!0,{sourceMap:!1,shadowMode:!1})},"11e9":function(t,e,n){var i=n("52a7"),r=n("4630"),o=n("6821"),s=n("6a99"),a=n("69a8"),c=n("c69a"),l=Object.getOwnPropertyDescriptor;e.f=n("9e1e")?l:function(t,e){if(t=o(t),e=s(e,!0),c)try{return l(t,e)}catch(t){}if(a(t,e))return r(!i.f.call(t,e),t[e])}},1495:function(t,e,n){var i=n("86cc"),r=n("cb7c"),o=n("0d58");t.exports=n("9e1e")?Object.defineProperties:function(t,e){r(t);for(var n,s=o(e),a=s.length,c=0;a>c;)i.f(t,n=s[c++],e[n]);return t}},"18d2":function(t,e,n){"use strict";var i=n("18e9");t.exports=function(t){var e=(t=t||{}).reporter,n=t.batchProcessor,r=t.stateHandler.getState;if(!e)throw new Error("Missing required dependency: reporter.");function o(e){var n=t.important?" !important; ":"; ";return(e.join(n)+n).trim()}function s(t){return r(t).object}return{makeDetectable:function(t,s,a){a||(a=s,s=t,t=null),(t=t||{}).debug,i.isIE(8)?a(s):function(s,a){var c=o(["display: block","position: absolute","top: 0","left: 0","width: 100%","height: 100%","border: none","padding: 0","margin: 0","opacity: 0","z-index: -1000","pointer-events: none"]),l=!1,u=window.getComputedStyle(s),h=s.offsetWidth,d=s.offsetHeight;function f(){function n(){if("static"===u.position){s.style.setProperty("position","relative",t.important?"important":"");var n=function(e,n,i,r){var o=i[r];"auto"!==o&&"0"!==function(t){return t.replace(/[^-\d\.]/g,"")}(o)&&(e.warn("An element that is positioned static has style."+r+"="+o+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+r+" will be set to 0. Element: ",n),n.style.setProperty(r,"0",t.important?"important":""))};n(e,s,u,"top"),n(e,s,u,"right"),n(e,s,u,"bottom"),n(e,s,u,"left")}}""!==u.position&&(n(),l=!0);var o=document.createElement("object");o.style.cssText=c,o.tabIndex=-1,o.type="text/html",o.setAttribute("aria-hidden","true"),o.onload=function(){l||n(),function t(e,n){if(!e.contentDocument){var i=r(e);return i.checkForObjectDocumentTimeoutId&&window.clearTimeout(i.checkForObjectDocumentTimeoutId),void(i.checkForObjectDocumentTimeoutId=setTimeout((function(){i.checkForObjectDocumentTimeoutId=0,t(e,n)}),100))}n(e.contentDocument)}(this,(function(t){a(s)}))},i.isIE()||(o.data="about:blank"),r(s)&&(s.appendChild(o),r(s).object=o,i.isIE()&&(o.data="about:blank"))}r(s).startSize={width:h,height:d},n?n.add(f):f()}(s,a)},addListener:function(t,e){function n(){e(t)}if(i.isIE(8))r(t).object={proxy:n},t.attachEvent("onresize",n);else{var o=s(t);if(!o)throw new Error("Element is not detectable by this strategy.");o.contentDocument.defaultView.addEventListener("resize",n)}},uninstall:function(t){if(r(t)){var e=s(t);e&&(i.isIE(8)?t.detachEvent("onresize",e.proxy):t.removeChild(e),r(t).checkForObjectDocumentTimeoutId&&window.clearTimeout(r(t).checkForObjectDocumentTimeoutId),delete r(t).object)}}}}},"18e9":function(t,e,n){"use strict";var i=t.exports={};i.isIE=function(t){return(-1!==(e=navigator.userAgent.toLowerCase()).indexOf("msie")||-1!==e.indexOf("trident")||-1!==e.indexOf(" edge/"))&&(!t||t===function(){var t=3,e=document.createElement("div"),n=e.getElementsByTagName("i");do{e.innerHTML="\x3c!--[if gt IE "+ ++t+"]>4?t:void 0}());var e},i.isLegacyOpera=function(){return!!window.opera}},"1ca7":function(t,e,n){"use strict";n.d(e,"b",(function(){return s})),n.d(e,"a",(function(){return a})),n.d(e,"c",(function(){return c}));var i="auto";function r(){return"undefined"!=typeof document}function o(){return"undefined"!=typeof window}function s(){return r()?void 0!==document.dir?document.dir:document.getElementsByTagName("html")[0].getAttribute("dir"):i}function a(t,e){o?window.addEventListener(t,e):e()}function c(t,e){o&&window.removeEventListener(t,e)}},"214f":function(t,e,n){"use strict";n("b0c5");var i=n("2aba"),r=n("32e9"),o=n("79e5"),s=n("be13"),a=n("2b4c"),c=n("520a"),l=a("species"),u=!o((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$")})),h=function(){var t=/(?:)/,e=t.exec;t.exec=function(){return e.apply(this,arguments)};var n="ab".split(t);return 2===n.length&&"a"===n[0]&&"b"===n[1]}();t.exports=function(t,e,n){var d=a(t),f=!o((function(){var e={};return e[d]=function(){return 7},7!=""[t](e)})),p=f?!o((function(){var e=!1,n=/a/;return n.exec=function(){return e=!0,null},"split"===t&&(n.constructor={},n.constructor[l]=function(){return n}),n[d](""),!e})):void 0;if(!f||!p||"replace"===t&&!u||"split"===t&&!h){var g=/./[d],m=n(s,d,""[t],(function(t,e,n,i,r){return e.exec===c?f&&!r?{done:!0,value:g.call(e,n,i)}:{done:!0,value:t.call(n,e,i)}:{done:!1}})),v=m[0],b=m[1];i(String.prototype,t,v),r(RegExp.prototype,d,2==e?function(t,e){return b.call(t,this,e)}:function(t){return b.call(t,this)})}}},"230e":function(t,e,n){var i=n("d3f4"),r=n("7726").document,o=i(r)&&i(r.createElement);t.exports=function(t){return o?r.createElement(t):{}}},2350:function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var r=(s=i,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(s))))+" */"),o=i.sources.map((function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"}));return[n].concat(o).concat([r]).join("\n")}var s;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n})).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},r=0;rdocument.F=Object<\/script>"),t.close(),c=t.F;i--;)delete c.prototype[o[i]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(a.prototype=i(t),n=new a,a.prototype=null,n[s]=t):n=c(),void 0===e?n:r(n,e)}},"2af9":function(t,e,n){"use strict";(function(t){n.d(e,"d",(function(){return s}));n("7f7f"),n("cadf"),n("456d"),n("ac6a");var i=n("bc21");n.d(e,"a",(function(){return i.a}));var r=n("37c8");n.d(e,"b",(function(){return r.a}));var o={GridLayout:r.a,GridItem:i.a};function s(t){s.installed||(s.installed=!0,Object.keys(o).forEach((function(e){t.component(e,o[e])})))}var a={install:s},c=null;"undefined"!=typeof window?c=window.Vue:void 0!==t&&(c=t.Vue),c&&c.use(a),e.c=o}).call(this,n("c8ba"))},"2b4c":function(t,e,n){var i=n("5537")("wks"),r=n("ca5a"),o=n("7726").Symbol,s="function"==typeof o;(t.exports=function(t){return i[t]||(i[t]=s&&o[t]||(s?o:r)("Symbol."+t))}).store=i},"2cef":function(t,e,n){"use strict";t.exports=function(){var t=1;return{generate:function(){return t++}}}},"2d00":function(t,e){t.exports=!1},"2d95":function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},"2f21":function(t,e,n){"use strict";var i=n("79e5");t.exports=function(t,e){return!!t&&i((function(){e?t.call(null,(function(){}),1):t.call(null)}))}},"32e9":function(t,e,n){var i=n("86cc"),r=n("4630");t.exports=n("9e1e")?function(t,e,n){return i.f(t,e,r(1,n))}:function(t,e,n){return t[e]=n,t}},"37c8":function(t,e,n){"use strict";n("8e6e"),n("cadf"),n("456d"),n("f751"),n("fca0"),n("ac6a");var i=n("ade3"),r=(n("c5f6"),n("8bbf")),o=n.n(r),s=n("a2b6"),a=n("97a7"),c=n("bc21"),l=n("1ca7");function u(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function h(t){for(var e=1;e0&&(this.layout.length>this.originalLayout.length?this.originalLayout=this.originalLayout.concat(t):this.originalLayout=this.originalLayout.filter((function(e){return!t.some((function(t){return e.i===t.i}))}))),this.lastLayoutLength=this.layout.length,this.initResponsiveFeatures()}Object(s.c)(this.layout,this.verticalCompact),this.eventBus.$emit("updateWidth",this.width),this.updateHeight(),this.$emit("layout-updated",this.layout)}},updateHeight:function(){this.mergedStyle={height:this.containerHeight()}},onWindowResize:function(){null!==this.$refs&&null!==this.$refs.item&&void 0!==this.$refs.item&&(this.width=this.$refs.item.offsetWidth),this.eventBus.$emit("resizeEvent")},containerHeight:function(){if(this.autoSize){var t=Object(s.a)(this.layout)*(this.rowHeight+this.margin[1])+this.margin[1]+"px";return t}},dragEvent:function(t,e,n,r,o,a){var c=Object(s.f)(this.layout,e);null==c&&(c={x:0,y:0}),"dragstart"!==t||this.verticalCompact||(this.positionsBeforeDrag=this.layout.reduce((function(t,e){var n=e.i,r=e.x,o=e.y;return h(h({},t),{},Object(i.a)({},n,{x:r,y:o}))}),{})),"dragmove"===t||"dragstart"===t?(this.placeholder.i=e,this.placeholder.x=c.x,this.placeholder.y=c.y,this.placeholder.w=a,this.placeholder.h=o,this.$nextTick((function(){this.isDragging=!0})),this.eventBus.$emit("updateWidth",this.width)):this.$nextTick((function(){this.isDragging=!1})),this.layout=Object(s.g)(this.layout,c,n,r,!0,this.preventCollision),this.restoreOnDrag?(c.static=!0,Object(s.c)(this.layout,this.verticalCompact,this.positionsBeforeDrag),c.static=!1):Object(s.c)(this.layout,this.verticalCompact),this.eventBus.$emit("compact"),this.updateHeight(),"dragend"===t&&(delete this.positionsBeforeDrag,this.$emit("layout-updated",this.layout))},resizeEvent:function(t,e,n,i,r,o){var a,c=Object(s.f)(this.layout,e);if(null==c&&(c={h:0,w:0}),this.preventCollision){var l=Object(s.e)(this.layout,h(h({},c),{},{w:o,h:r})).filter((function(t){return t.i!==c.i}));if(a=l.length>0){var u=1/0,d=1/0;l.forEach((function(t){t.x>c.x&&(u=Math.min(u,t.x)),t.y>c.y&&(d=Math.min(d,t.y))})),Number.isFinite(u)&&(c.w=u-c.x),Number.isFinite(d)&&(c.h=d-c.y)}}a||(c.w=o,c.h=r),"resizestart"===t||"resizemove"===t?(this.placeholder.i=e,this.placeholder.x=n,this.placeholder.y=i,this.placeholder.w=c.w,this.placeholder.h=c.h,this.$nextTick((function(){this.isDragging=!0})),this.eventBus.$emit("updateWidth",this.width)):this.$nextTick((function(){this.isDragging=!1})),this.responsive&&this.responsiveGridLayout(),Object(s.c)(this.layout,this.verticalCompact),this.eventBus.$emit("compact"),this.updateHeight(),"resizeend"===t&&this.$emit("layout-updated",this.layout)},responsiveGridLayout:function(){var t=Object(a.b)(this.breakpoints,this.width),e=Object(a.c)(t,this.cols);null==this.lastBreakpoint||this.layouts[this.lastBreakpoint]||(this.layouts[this.lastBreakpoint]=Object(s.b)(this.layout));var n=Object(a.a)(this.originalLayout,this.layouts,this.breakpoints,t,this.lastBreakpoint,e,this.verticalCompact);this.layouts[t]=n,this.lastBreakpoint!==t&&this.$emit("breakpoint-changed",t,n),this.$emit("update:layout",n),this.lastBreakpoint=t,this.eventBus.$emit("setColNum",Object(a.c)(t,this.cols))},initResponsiveFeatures:function(){this.layouts=Object.assign({},this.responsiveLayouts)},findDifference:function(t,e){var n=t.filter((function(t){return!e.some((function(e){return t.i===e.i}))})),i=e.filter((function(e){return!t.some((function(t){return e.i===t.i}))}));return n.concat(i)}}},p=(n("e279"),n("2877")),g=Object(p.a)(f,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"item",staticClass:"vue-grid-layout",style:t.mergedStyle},[t._t("default"),n("grid-item",{directives:[{name:"show",rawName:"v-show",value:t.isDragging,expression:"isDragging"}],staticClass:"vue-grid-placeholder",attrs:{x:t.placeholder.x,y:t.placeholder.y,w:t.placeholder.w,h:t.placeholder.h,i:t.placeholder.i}})],2)}),[],!1,null,null,null);e.a=g.exports},"38fd":function(t,e,n){var i=n("69a8"),r=n("4bf8"),o=n("613b")("IE_PROTO"),s=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=r(t),i(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?s:null}},"41a0":function(t,e,n){"use strict";var i=n("2aeb"),r=n("4630"),o=n("7f20"),s={};n("32e9")(s,n("2b4c")("iterator"),(function(){return this})),t.exports=function(t,e,n){t.prototype=i(s,{next:r(1,n)}),o(t,e+" Iterator")}},"456d":function(t,e,n){var i=n("4bf8"),r=n("0d58");n("5eda")("keys",(function(){return function(t){return r(i(t))}}))},4588:function(t,e){var n=Math.ceil,i=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?i:n)(t)}},4630:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},4917:function(t,e,n){"use strict";var i=n("cb7c"),r=n("9def"),o=n("0390"),s=n("5f1b");n("214f")("match",1,(function(t,e,n,a){return[function(n){var i=t(this),r=null==n?void 0:n[e];return void 0!==r?r.call(n,i):new RegExp(n)[e](String(i))},function(t){var e=a(n,t,this);if(e.done)return e.value;var c=i(t),l=String(this);if(!c.global)return s(c,l);var u=c.unicode;c.lastIndex=0;for(var h,d=[],f=0;null!==(h=s(c,l));){var p=String(h[0]);d[f]=p,""===p&&(c.lastIndex=o(l,r(c.lastIndex),u)),f++}return 0===f?null:d}]}))},"499e":function(t,e,n){"use strict";function i(t,e){for(var n=[],i={},r=0;rn.parts.length&&(i.parts.length=n.parts.length)}else{var s=[];for(r=0;r1&&a.call(i[0],n,(function(){for(r=1;ru;)for(var f,p=c(arguments[u++]),g=h?r(p).concat(h(p)):r(p),m=g.length,v=0;m>v;)f=g[v++],i&&!d.call(p,f)||(n[f]=p[f]);return n}:l},7726:function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},"77f1":function(t,e,n){var i=n("4588"),r=Math.max,o=Math.min;t.exports=function(t,e){return(t=i(t))<0?r(t+e,0):o(t,e)}},"79e5":function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},"7f20":function(t,e,n){var i=n("86cc").f,r=n("69a8"),o=n("2b4c")("toStringTag");t.exports=function(t,e,n){t&&!r(t=n?t:t.prototype,o)&&i(t,o,{configurable:!0,value:e})}},"7f7f":function(t,e,n){var i=n("86cc").f,r=Function.prototype,o=/^\s*function ([^ (]*)/;"name"in r||n("9e1e")&&i(r,"name",{configurable:!0,get:function(){try{return(""+this).match(o)[1]}catch(t){return""}}})},8378:function(t,e){var n=t.exports={version:"2.6.12"};"number"==typeof __e&&(__e=n)},"84f2":function(t,e){t.exports={}},"86cc":function(t,e,n){var i=n("cb7c"),r=n("c69a"),o=n("6a99"),s=Object.defineProperty;e.f=n("9e1e")?Object.defineProperty:function(t,e,n){if(i(t),e=o(e,!0),i(n),r)try{return s(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},"8b97":function(t,e,n){var i=n("d3f4"),r=n("cb7c"),o=function(t,e){if(r(t),!i(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,i){try{(i=n("9b43")(Function.call,n("11e9").f(Object.prototype,"__proto__").set,2))(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return o(t,n),e?t.__proto__=n:i(t,n),t}}({},!1):void 0),check:o}},"8bbf":function(t,e){t.exports=n(0)},"8e6e":function(t,e,n){var i=n("5ca1"),r=n("990b"),o=n("6821"),s=n("11e9"),a=n("f1ae");i(i.S,"Object",{getOwnPropertyDescriptors:function(t){for(var e,n,i=o(t),c=s.f,l=r(i),u={},h=0;l.length>h;)void 0!==(n=c(i,e=l[h++]))&&a(u,e,n);return u}})},9093:function(t,e,n){var i=n("ce10"),r=n("e11e").concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return i(t,r)}},"97a7":function(t,e,n){"use strict";n.d(e,"b",(function(){return r})),n.d(e,"c",(function(){return o})),n.d(e,"a",(function(){return s}));n("55dd"),n("ac6a"),n("cadf"),n("456d");var i=n("a2b6");function r(t,e){for(var n=a(t),i=n[0],r=1,o=n.length;rt[s]&&(i=s)}return i}function o(t,e){if(!e[t])throw new Error("ResponsiveGridLayout: `cols` entry for breakpoint "+t+" is missing!");return e[t]}function s(t,e,n,r,o,s,c){if(e[r])return Object(i.b)(e[r]);for(var l=t,u=a(n),h=u.slice(u.indexOf(r)),d=0,f=h.length;d.vue-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url("data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:se-resize}.vue-grid-item>.vue-rtl-resizable-handle{bottom:0;left:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoMTJ2MTJILTF6Ii8+PGc+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVqb2luPSJ1bmRlZmluZWQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0xNDQuODIxLTM4LjM5M2wtMjAuMzU3LTMxLjc4NSIvPjxwYXRoIHN0cm9rZT0iIzY2NiIgc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVqb2luPSJ1bmRlZmluZWQiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZD0iTS45NDctLjAxOHY5LjEyNU0tLjY1NiA5aDEwLjczIi8+PC9nPjwvc3ZnPg==);background-position:0 100%;padding-left:3px;background-repeat:no-repeat;background-origin:content-box;cursor:sw-resize;right:auto}.vue-grid-item.disable-userselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}',""])},"9def":function(t,e,n){var i=n("4588"),r=Math.min;t.exports=function(t){return t>0?r(i(t),9007199254740991):0}},"9e1e":function(t,e,n){t.exports=!n("79e5")((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},a2b6:function(t,e,n){"use strict";n.d(e,"a",(function(){return i})),n.d(e,"b",(function(){return r})),n.d(e,"c",(function(){return s})),n.d(e,"d",(function(){return c})),n.d(e,"f",(function(){return l})),n.d(e,"e",(function(){return h})),n.d(e,"g",(function(){return f})),n.d(e,"j",(function(){return g})),n.d(e,"k",(function(){return m})),n.d(e,"h",(function(){return v})),n.d(e,"i",(function(){return b})),n.d(e,"l",(function(){return x}));n("a481"),n("cadf"),n("456d"),n("ac6a"),n("55dd");function i(t){for(var e,n=0,i=0,r=t.length;in&&(n=e);return n}function r(t){for(var e,n=Array(t.length),i=0,r=t.length;i=e.x+e.w)&&(!(t.y+t.h<=e.y)&&!(t.y>=e.y+e.h))))}function s(t,e,n){for(var i=d(t),r=y(t),o=Array(t.length),s=0,c=r.length;s0&&!u(t,e);)e.y--;else if(i)for(var r=i[e.i].y;e.y>r&&!u(t,e);)e.y--;for(var o;o=u(t,e);)e.y=o.y+o.h;return e}function c(t,e){for(var n=d(t),i=0,r=t.length;ie.cols&&(o.x=e.cols-o.w),o.x<0&&(o.x=0,o.w=e.cols),o.static)for(;u(n,o);)o.y++;else n.push(o)}return t}function l(t,e){for(var n=0,i=t.length;ni;"number"==typeof n&&(e.x=n),"number"==typeof i&&(e.y=i),e.moved=!0;var l=y(t);c&&(l=l.reverse());var u=h(l,e);if(o&&u.length)return e.x=s,e.y=a,e.moved=!1,t;for(var d=0,f=u.length;dg.y&&e.y-g.y>g.h/4||(t=g.static?p(t,g,e,r):p(t,e,g,r)))}return t}function p(t,e,n,i){if(i){var r={x:n.x,y:n.y,w:n.w,h:n.h,i:"-1"};if(r.y=Math.max(e.y-n.h,0),!u(t,r))return f(t,n,void 0,r.y,!1)}return f(t,n,void 0,n.y+1,!1)}function g(t,e,n,i){var r="translate3d("+e+"px,"+t+"px, 0)";return{transform:r,WebkitTransform:r,MozTransform:r,msTransform:r,OTransform:r,width:n+"px",height:i+"px",position:"absolute"}}function m(t,e,n,i){var r="translate3d("+-1*e+"px,"+t+"px, 0)";return{transform:r,WebkitTransform:r,MozTransform:r,msTransform:r,OTransform:r,width:n+"px",height:i+"px",position:"absolute"}}function v(t,e,n,i){return{top:t+"px",left:e+"px",width:n+"px",height:i+"px",position:"absolute"}}function b(t,e,n,i){return{top:t+"px",right:e+"px",width:n+"px",height:i+"px",position:"absolute"}}function y(t){return[].concat(t).sort((function(t,e){return t.y===e.y&&t.x===e.x?0:t.y>e.y||t.y===e.y&&t.x>e.x?1:-1}))}function x(t,e){e=e||"Layout";var n=["x","y","w","h"],i=[];if(!Array.isArray(t))throw new Error(e+" must be an array!");for(var r=0,o=t.length;r=0)throw new Error("VueGridLayout: "+e+"["+r+"].i must be unique!");if(i.push(s.i),void 0!==s.static&&"boolean"!=typeof s.static)throw new Error("VueGridLayout: "+e+"["+r+"].static must be a boolean!")}}},a481:function(t,e,n){"use strict";var i=n("cb7c"),r=n("4bf8"),o=n("9def"),s=n("4588"),a=n("0390"),c=n("5f1b"),l=Math.max,u=Math.min,h=Math.floor,d=/\$([$&`']|\d\d?|<[^>]*>)/g,f=/\$([$&`']|\d\d?)/g;n("214f")("replace",2,(function(t,e,n,p){return[function(i,r){var o=t(this),s=null==i?void 0:i[e];return void 0!==s?s.call(i,o,r):n.call(String(o),i,r)},function(t,e){var r=p(n,t,this,e);if(r.done)return r.value;var h=i(t),d=String(this),f="function"==typeof e;f||(e=String(e));var m=h.global;if(m){var v=h.unicode;h.lastIndex=0}for(var b=[];;){var y=c(h,d);if(null===y)break;if(b.push(y),!m)break;""===String(y[0])&&(h.lastIndex=a(d,o(h.lastIndex),v))}for(var x,w="",S=0,E=0;E=S&&(w+=d.slice(S,T)+P,S=T+O.length)}return w+d.slice(S)}];function g(t,e,i,o,s,a){var c=i+t.length,l=o.length,u=f;return void 0!==s&&(s=r(s),u=d),n.call(a,u,(function(n,r){var a;switch(r.charAt(0)){case"$":return"$";case"&":return t;case"`":return e.slice(0,i);case"'":return e.slice(c);case"<":a=s[r.slice(1,-1)];break;default:var u=+r;if(0===u)return n;if(u>l){var d=h(u/10);return 0===d?n:d<=l?void 0===o[d-1]?r.charAt(1):o[d-1]+r.charAt(1):n}a=o[u-1]}return void 0===a?"":a}))}}))},aa77:function(t,e,n){var i=n("5ca1"),r=n("be13"),o=n("79e5"),s=n("fdef"),a="["+s+"]",c=RegExp("^"+a+a+"*"),l=RegExp(a+a+"*$"),u=function(t,e,n){var r={},a=o((function(){return!!s[t]()||"​…"!="​…"[t]()})),c=r[t]=a?e(h):s[t];n&&(r[n]=c),i(i.P+i.F*a,"String",r)},h=u.trim=function(t,e){return t=String(r(t)),1&e&&(t=t.replace(c,"")),2&e&&(t=t.replace(l,"")),t};t.exports=u},abb4:function(t,e,n){"use strict";t.exports=function(t){function e(){}var n={log:e,warn:e,error:e};if(!t&&window.console){var i=function(t,e){t[e]=function(){var t=console[e];if(t.apply)t.apply(console,arguments);else for(var n=0;n!(!t||!t.Window)&&t instanceof t.Window;let p=void 0,g=void 0;function m(t){p=t;const e=t.document.createTextNode("");e.ownerDocument!==t.document&&"function"==typeof t.wrap&&t.wrap(e)===e&&(t=t.wrap(t)),g=t}function v(t){if(f(t))return t;return(t.ownerDocument||t).defaultView||g.window}"undefined"!=typeof window&&window&&m(window);const b=t=>!!t&&"object"==typeof t,y=t=>"function"==typeof t;var x={window:t=>t===g||f(t),docFrag:t=>b(t)&&11===t.nodeType,object:b,func:y,number:t=>"number"==typeof t,bool:t=>"boolean"==typeof t,string:t=>"string"==typeof t,element:t=>{if(!t||"object"!=typeof t)return!1;const e=v(t)||g;return/object|function/.test(typeof e.Element)?t instanceof e.Element:1===t.nodeType&&"string"==typeof t.nodeName},plainObject:t=>b(t)&&!!t.constructor&&/function Object\b/.test(t.constructor.toString()),array:t=>b(t)&&void 0!==t.length&&y(t.splice)};const w={init:function(t){const e=d.Element,n=g.navigator;w.supportsTouch="ontouchstart"in t||x.func(t.DocumentTouch)&&d.document instanceof t.DocumentTouch,w.supportsPointerEvent=!1!==n.pointerEnabled&&!!d.PointerEvent,w.isIOS=/iP(hone|od|ad)/.test(n.platform),w.isIOS7=/iP(hone|od|ad)/.test(n.platform)&&/OS 7[^\d]/.test(n.appVersion),w.isIe9=/MSIE 9/.test(n.userAgent),w.isOperaMobile="Opera"===n.appName&&w.supportsTouch&&/Presto/.test(n.userAgent),w.prefixedMatchesSelector="matches"in e.prototype?"matches":"webkitMatchesSelector"in e.prototype?"webkitMatchesSelector":"mozMatchesSelector"in e.prototype?"mozMatchesSelector":"oMatchesSelector"in e.prototype?"oMatchesSelector":"msMatchesSelector",w.pEventTypes=w.supportsPointerEvent?d.PointerEvent===t.MSPointerEvent?{up:"MSPointerUp",down:"MSPointerDown",over:"mouseover",out:"mouseout",move:"MSPointerMove",cancel:"MSPointerCancel"}:{up:"pointerup",down:"pointerdown",over:"pointerover",out:"pointerout",move:"pointermove",cancel:"pointercancel"}:null,w.wheelEvent="onmousewheel"in d.document?"mousewheel":"wheel"},supportsTouch:null,supportsPointerEvent:null,isIOS7:null,isIOS:null,isIe9:null,isOperaMobile:null,prefixedMatchesSelector:null,pEventTypes:null,wheelEvent:null};var S=w;const E=(t,e)=>{for(const n of e)t.push(n);return t},O=t=>E([],t),T=(t,e)=>{for(let n=0;nt[T(t,e)];function M(t){const e={};for(const n in t){const i=t[n];x.plainObject(i)?e[n]=M(i):x.array(i)?e[n]=O(i):e[n]=i}return e}function _(t,e){for(const n in e)t[n]=e[n];return t}let I,P,j=0;var D={request:t=>I(t),cancel:t=>P(t),init:function(t){if(I=t.requestAnimationFrame,P=t.cancelAnimationFrame,!I){const e=["ms","moz","webkit","o"];for(const n of e)I=t[n+"RequestAnimationFrame"],P=t[n+"CancelAnimationFrame"]||t[n+"CancelRequestAnimationFrame"]}I=I&&I.bind(t),P=P&&P.bind(t),I||(I=e=>{const n=Date.now(),i=Math.max(0,16-(n-j)),r=t.setTimeout(()=>{e(n+i)},i);return j=n+i,r},P=t=>clearTimeout(t))}};function k(t,e,n){if(n=n||{},x.string(t)&&-1!==t.search(" ")&&(t=R(t)),x.array(t))return t.reduce((t,i)=>_(t,k(i,e,n)),n);if(x.object(t)&&(e=t,t=""),x.func(e))n[t]=n[t]||[],n[t].push(e);else if(x.array(e))for(const i of e)k(t,i,n);else if(x.object(e))for(const i in e){k(R(i).map(e=>`${t}${e}`),e[i],n)}return n}function R(t){return t.trim().split(/ +/)}function A(t,e){for(const n of e){if(t.immediatePropagationStopped)break;n(t)}}class C{constructor(t){this.options=void 0,this.types={},this.propagationStopped=!1,this.immediatePropagationStopped=!1,this.global=void 0,this.options=_({},t||{})}fire(t){let e;const n=this.global;(e=this.types[t.type])&&A(t,e),!t.propagationStopped&&n&&(e=n[t.type])&&A(t,e)}on(t,e){const n=k(t,e);for(t in n)this.types[t]=E(this.types[t]||[],n[t])}off(t,e){const n=k(t,e);for(t in n){const e=this.types[t];if(e&&e.length)for(const i of n[t]){const t=e.indexOf(i);-1!==t&&e.splice(t,1)}}}getRect(t){return null}}function H(t,e){if(t.contains)return t.contains(e);for(;e;){if(e===t)return!0;e=e.parentNode}return!1}function L(t,e){for(;x.element(t);){if(B(t,e))return t;t=N(t)}return null}function N(t){let e=t.parentNode;if(x.docFrag(e)){for(;(e=e.host)&&x.docFrag(e););return e}return e}function B(t,e){return g!==p&&(e=e.replace(/\/deep\//g," ")),t[S.prefixedMatchesSelector](e)}function W(t,e,n){for(;x.element(t);){if(B(t,e))return!0;if((t=N(t))===n)return B(t,e)}return!1}function $(t){return t.correspondingUseElement||t}function F(t){const e=t instanceof d.SVGElement?t.getBoundingClientRect():t.getClientRects()[0];return e&&{left:e.left,right:e.right,top:e.top,bottom:e.bottom,width:e.width||e.right-e.left,height:e.height||e.bottom-e.top}}function X(t){const e=F(t);if(!S.isIOS7&&e){const i={x:(n=(n=v(t))||g).scrollX||n.document.documentElement.scrollLeft,y:n.scrollY||n.document.documentElement.scrollTop};e.left+=i.x,e.right+=i.x,e.top+=i.y,e.bottom+=i.y}var n;return e}function Y(t){return!!x.string(t)&&(d.document.querySelector(t),!0)}function G(t,e,n){return"parent"===t?N(n):"self"===t?e.getRect(n):L(n,t)}function q(t,e,n,i){let r=t;return x.string(r)?r=G(r,e,n):x.func(r)&&(r=r(...i)),x.element(r)&&(r=X(r)),r}function V(t){return t&&{x:"x"in t?t.x:t.left,y:"y"in t?t.y:t.top}}function U(t){return!t||"x"in t&&"y"in t||((t=_({},t)).x=t.left||0,t.y=t.top||0,t.width=t.width||(t.right||0)-t.x,t.height=t.height||(t.bottom||0)-t.y),t}function Z(t,e,n){t.left&&(e.left+=n.x),t.right&&(e.right+=n.x),t.top&&(e.top+=n.y),t.bottom&&(e.bottom+=n.y),e.width=e.right-e.left,e.height=e.bottom-e.top}var J=function(t,e,n){const i=t.options[n];return V(q(i&&i.origin||t.options.origin,t,e,[t&&e]))||{x:0,y:0}},K=(t,e)=>Math.sqrt(t*t+e*e);class Q{constructor(t){this.type=void 0,this.target=void 0,this.currentTarget=void 0,this.interactable=void 0,this._interaction=void 0,this.timeStamp=void 0,this.immediatePropagationStopped=!1,this.propagationStopped=!1,this._interaction=t}preventDefault(){}stopPropagation(){this.propagationStopped=!0}stopImmediatePropagation(){this.immediatePropagationStopped=this.propagationStopped=!0}}Object.defineProperty(Q.prototype,"interaction",{get(){return this._interaction._proxy},set(){}});const tt={base:{preventDefault:"auto",deltaSource:"page"},perAction:{enabled:!1,origin:{x:0,y:0}},actions:{}};class et extends Q{constructor(t,e,n,i,r,o,s){super(t),this.target=void 0,this.currentTarget=void 0,this.relatedTarget=null,this.screenX=void 0,this.screenY=void 0,this.button=void 0,this.buttons=void 0,this.ctrlKey=void 0,this.shiftKey=void 0,this.altKey=void 0,this.metaKey=void 0,this.page=void 0,this.client=void 0,this.delta=void 0,this.rect=void 0,this.x0=void 0,this.y0=void 0,this.t0=void 0,this.dt=void 0,this.duration=void 0,this.clientX0=void 0,this.clientY0=void 0,this.velocity=void 0,this.speed=void 0,this.swipe=void 0,this.timeStamp=void 0,this.axes=void 0,this.preEnd=void 0,r=r||t.element;const a=t.interactable,c=(a&&a.options||tt).deltaSource,l=J(a,r,n),u="start"===i,h="end"===i,d=u?this:t.prevEvent,f=u?t.coords.start:h?{page:d.page,client:d.client,timeStamp:t.coords.cur.timeStamp}:t.coords.cur;this.page=_({},f.page),this.client=_({},f.client),this.rect=_({},t.rect),this.timeStamp=f.timeStamp,h||(this.page.x-=l.x,this.page.y-=l.y,this.client.x-=l.x,this.client.y-=l.y),this.ctrlKey=e.ctrlKey,this.altKey=e.altKey,this.shiftKey=e.shiftKey,this.metaKey=e.metaKey,this.button=e.button,this.buttons=e.buttons,this.target=r,this.currentTarget=r,this.preEnd=o,this.type=s||n+(i||""),this.interactable=a,this.t0=u?t.pointers[t.pointers.length-1].downTime:d.t0,this.x0=t.coords.start.page.x-l.x,this.y0=t.coords.start.page.y-l.y,this.clientX0=t.coords.start.client.x-l.x,this.clientY0=t.coords.start.client.y-l.y,this.delta=u||h?{x:0,y:0}:{x:this[c].x-d[c].x,y:this[c].y-d[c].y},this.dt=t.coords.delta.timeStamp,this.duration=this.timeStamp-this.t0,this.velocity=_({},t.coords.velocity[c]),this.speed=K(this.velocity.x,this.velocity.y),this.swipe=h||"inertiastart"===i?this.getSwipe():null}getSwipe(){const t=this._interaction;if(t.prevEvent.speed<600||this.timeStamp-t.prevEvent.timeStamp>150)return null;let e=180*Math.atan2(t.prevEvent.velocityY,t.prevEvent.velocityX)/Math.PI;e<0&&(e+=360);const n=112.5<=e&&e<247.5,i=202.5<=e&&e<337.5;return{up:i,down:!i&&22.5<=e&&e<157.5,left:n,right:!n&&(292.5<=e||e<67.5),angle:e,speed:t.prevEvent.speed,velocity:{x:t.prevEvent.velocityX,y:t.prevEvent.velocityY}}}preventDefault(){}stopImmediatePropagation(){this.immediatePropagationStopped=this.propagationStopped=!0}stopPropagation(){this.propagationStopped=!0}}function nt(t,e){if(e.phaselessTypes[t])return!0;for(const n in e.map)if(0===t.indexOf(n)&&t.substr(n.length)in e.phases)return!0;return!1}Object.defineProperties(et.prototype,{pageX:{get(){return this.page.x},set(t){this.page.x=t}},pageY:{get(){return this.page.y},set(t){this.page.y=t}},clientX:{get(){return this.client.x},set(t){this.client.x=t}},clientY:{get(){return this.client.y},set(t){this.client.y=t}},dx:{get(){return this.delta.x},set(t){this.delta.x=t}},dy:{get(){return this.delta.y},set(t){this.delta.y=t}},velocityX:{get(){return this.velocity.x},set(t){this.velocity.x=t}},velocityY:{get(){return this.velocity.y},set(t){this.velocity.y=t}}});class it{constructor(t){this.list=[],this.selectorMap={},this.scope=void 0,this.scope=t,t.addListeners({"interactable:unset":({interactable:t})=>{const{target:e,_context:n}=t,i=x.string(e)?this.selectorMap[e]:e[this.scope.id],r=T(i,t=>t.context===n);i[r]&&(i[r].context=null,i[r].interactable=null),i.splice(r,1)}})}new(t,e){e=_(e||{},{actions:this.scope.actions});const n=new this.scope.Interactable(t,e,this.scope.document,this.scope.events),i={context:n._context,interactable:n};return this.scope.addDocument(n._doc),this.list.push(n),x.string(t)?(this.selectorMap[t]||(this.selectorMap[t]=[]),this.selectorMap[t].push(i)):(n.target[this.scope.id]||Object.defineProperty(t,this.scope.id,{value:[],configurable:!0}),t[this.scope.id].push(i)),this.scope.fire("interactable:new",{target:t,options:e,interactable:n,win:this.scope._win}),n}get(t,e){const n=e&&e.context||this.scope.document,i=x.string(t),r=i?this.selectorMap[t]:t[this.scope.id];if(!r)return null;const o=z(r,e=>e.context===n&&(i||e.interactable.inContext(t)));return o&&o.interactable}forEachMatch(t,e){for(const n of this.list){let i;if((x.string(n.target)?x.element(t)&&B(t,n.target):t===n.target)&&n.inContext(t)&&(i=e(n)),void 0!==i)return i}}}function rt(t,e){for(const n in e){const i=rt.prefixedPropREs;let r=!1;for(const t in i)if(0===n.indexOf(t)&&i[t].test(n)){r=!0;break}r||"function"==typeof e[n]||(t[n]=e[n])}return t}rt.prefixedPropREs={webkit:/(Movement[XY]|Radius[XY]|RotationAngle|Force)$/,moz:/(Pressure)$/};var ot=rt;function st(t,e){t.page=t.page||{},t.page.x=e.page.x,t.page.y=e.page.y,t.client=t.client||{},t.client.x=e.client.x,t.client.y=e.client.y,t.timeStamp=e.timeStamp}function at(t){return t instanceof d.Event||t instanceof d.Touch}function ct(t,e,n){return t=t||"page",(n=n||{}).x=e[t+"X"],n.y=e[t+"Y"],n}function lt(t){return x.number(t.pointerId)?t.pointerId:t.identifier}function ut(t,e,n){const i=e.length>1?dt(e):e[0];!function(t,e){e=e||{x:0,y:0},S.isOperaMobile&&at(t)?(ct("screen",t,e),e.x+=window.scrollX,e.y+=window.scrollY):ct("page",t,e)}(i,t.page),function(t,e){e=e||{},S.isOperaMobile&&at(t)?ct("screen",t,e):ct("client",t,e)}(i,t.client),t.timeStamp=n}function ht(t){const e=[];return x.array(t)?(e[0]=t[0],e[1]=t[1]):"touchend"===t.type?1===t.touches.length?(e[0]=t.touches[0],e[1]=t.changedTouches[0]):0===t.touches.length&&(e[0]=t.changedTouches[0],e[1]=t.changedTouches[1]):(e[0]=t.touches[0],e[1]=t.touches[1]),e}function dt(t){const e={pageX:0,pageY:0,clientX:0,clientY:0,screenX:0,screenY:0};for(const n of t)for(const t in e)e[t]+=n[t];for(const n in e)e[n]/=t.length;return e}function ft(t){if(!t.length)return null;const e=ht(t),n=Math.min(e[0].pageX,e[1].pageX),i=Math.min(e[0].pageY,e[1].pageY),r=Math.max(e[0].pageX,e[1].pageX),o=Math.max(e[0].pageY,e[1].pageY);return{x:n,y:i,left:n,top:i,right:r,bottom:o,width:r-n,height:o-i}}function pt(t,e){const n=e+"X",i=e+"Y",r=ht(t),o=r[0][n]-r[1][n],s=r[0][i]-r[1][i];return K(o,s)}function gt(t,e){const n=e+"X",i=e+"Y",r=ht(t),o=r[1][n]-r[0][n],s=r[1][i]-r[0][i];return 180*Math.atan2(s,o)/Math.PI}function mt(t){const e=x.func(t.composedPath)?t.composedPath():t.path;return[$(e?e[0]:t.target),$(t.currentTarget)]}class vt{constructor(t){this.currentTarget=void 0,this.originalEvent=void 0,this.type=void 0,this.originalEvent=t,ot(this,t)}preventOriginalDefault(){this.originalEvent.preventDefault()}stopPropagation(){this.originalEvent.stopPropagation()}stopImmediatePropagation(){this.originalEvent.stopImmediatePropagation()}}function bt(t){if(!x.object(t))return{capture:!!t,passive:!1};const e=_({},t);return e.capture=!!t.capture,e.passive=!!t.passive,e}var yt={id:"events",install:function(t){const e=[],n={},i=[],r={add:o,remove:s,addDelegate:function(t,e,r,s,l){const u=bt(l);if(!n[r]){n[r]=[];for(const t of i)o(t,r,a),o(t,r,c,!0)}const h=n[r];let d=z(h,n=>n.selector===t&&n.context===e);d||(d={selector:t,context:e,listeners:[]},h.push(d));d.listeners.push([s,u])},removeDelegate:function(t,e,i,r,o){const l=bt(o),u=n[i];let h,d=!1;if(!u)return;for(h=u.length-1;h>=0;h--){const n=u[h];if(n.selector===t&&n.context===e){const{listeners:t}=n;for(let n=t.length-1;n>=0;n--){const[o,{capture:f,passive:p}]=t[n];if(o===r&&f===l.capture&&p===l.passive){t.splice(n,1),t.length||(u.splice(h,1),s(e,i,a),s(e,i,c,!0)),d=!0;break}}if(d)break}}},delegateListener:a,delegateUseCapture:c,delegatedEvents:n,documents:i,targets:e,supportsOptions:!1,supportsPassive:!1};function o(t,n,i,o){const s=bt(o);let a=z(e,e=>e.eventTarget===t);a||(a={eventTarget:t,events:{}},e.push(a)),a.events[n]||(a.events[n]=[]),t.addEventListener&&!((t,e)=>-1!==t.indexOf(e))(a.events[n],i)&&(t.addEventListener(n,i,r.supportsOptions?s:s.capture),a.events[n].push(i))}function s(t,n,i,o){const a=bt(o),c=T(e,e=>e.eventTarget===t),l=e[c];if(!l||!l.events)return;if("all"===n){for(n in l.events)l.events.hasOwnProperty(n)&&s(t,n,"all");return}let u=!1;const h=l.events[n];if(h){if("all"===i){for(let e=h.length-1;e>=0;e--)s(t,n,h[e],a);return}for(let e=0;en[t]});for(const t in Ot)Object.defineProperty(this._proxy,t,{value:(...e)=>n[t](...e)});this._scopeFire("interactions:new",{interaction:this})}pointerDown(t,e,n){const i=this.updatePointer(t,e,n,!0),r=this.pointers[i];this._scopeFire("interactions:down",{pointer:t,event:e,eventTarget:n,pointerIndex:i,pointerInfo:r,type:"down",interaction:this})}start(t,e,n){return!(this.interacting()||!this.pointerIsDown||this.pointers.length<("gesture"===t.name?2:1)||!e.options[t.name].enabled)&&(wt(this.prepared,t),this.interactable=e,this.element=n,this.rect=e.getRect(n),this.edges=this.prepared.edges?_({},this.prepared.edges):{left:!0,right:!0,top:!0,bottom:!0},this._stopped=!1,this._interacting=this._doPhase({interaction:this,event:this.downEvent,phase:"start"})&&!this._stopped,this._interacting)}pointerMove(t,e,n){this.simulation||this.modification&&this.modification.endResult||this.updatePointer(t,e,n,!1);const i=this.coords.cur.page.x===this.coords.prev.page.x&&this.coords.cur.page.y===this.coords.prev.page.y&&this.coords.cur.client.x===this.coords.prev.client.x&&this.coords.cur.client.y===this.coords.prev.client.y;let r,o;this.pointerIsDown&&!this.pointerWasMoved&&(r=this.coords.cur.client.x-this.coords.start.client.x,o=this.coords.cur.client.y-this.coords.start.client.y,this.pointerWasMoved=K(r,o)>this.pointerMoveTolerance);const s=this.getPointerIndex(t),a={pointer:t,pointerIndex:s,pointerInfo:this.pointers[s],event:e,type:"move",eventTarget:n,dx:r,dy:o,duplicate:i,interaction:this};i||function(t,e){const n=Math.max(e.timeStamp/1e3,.001);t.page.x=e.page.x/n,t.page.y=e.page.y/n,t.client.x=e.client.x/n,t.client.y=e.client.y/n,t.timeStamp=n}(this.coords.velocity,this.coords.delta),this._scopeFire("interactions:move",a),i||this.simulation||(this.interacting()&&(a.type=null,this.move(a)),this.pointerWasMoved&&st(this.coords.prev,this.coords.cur))}move(t){var e;t&&t.event||((e=this.coords.delta).page.x=0,e.page.y=0,e.client.x=0,e.client.y=0),(t=_({pointer:this._latestPointer.pointer,event:this._latestPointer.event,eventTarget:this._latestPointer.eventTarget,interaction:this},t||{})).phase="move",this._doPhase(t)}pointerUp(t,e,n,i){let r=this.getPointerIndex(t);-1===r&&(r=this.updatePointer(t,e,n,!1));const o=/cancel$/i.test(e.type)?"cancel":"up";this._scopeFire("interactions:"+o,{pointer:t,pointerIndex:r,pointerInfo:this.pointers[r],event:e,eventTarget:n,type:o,curEventTarget:i,interaction:this}),this.simulation||this.end(e),this.removePointer(t,e)}documentBlur(t){this.end(t),this._scopeFire("interactions:blur",{event:t,type:"blur",interaction:this})}end(t){let e;this._ending=!0,t=t||this._latestPointer.event,this.interacting()&&(e=this._doPhase({event:t,interaction:this,phase:"end"})),this._ending=!1,!0===e&&this.stop()}currentAction(){return this._interacting?this.prepared.name:null}interacting(){return this._interacting}stop(){this._scopeFire("interactions:stop",{interaction:this}),this.interactable=this.element=null,this._interacting=!1,this._stopped=!0,this.prepared.name=this.prevEvent=null}getPointerIndex(t){const e=lt(t);return"mouse"===this.pointerType||"pen"===this.pointerType?this.pointers.length-1:T(this.pointers,t=>t.id===e)}getPointerInfo(t){return this.pointers[this.getPointerIndex(t)]}updatePointer(t,e,n,i){const r=lt(t);let o=this.getPointerIndex(t),s=this.pointers[o];var a,c,l;return i=!1!==i&&(i||/(down|start)$/i.test(e.type)),s?s.pointer=t:(s=new St(r,t,e,null,null),o=this.pointers.length,this.pointers.push(s)),ut(this.coords.cur,this.pointers.map(t=>t.pointer),this._now()),a=this.coords.delta,c=this.coords.prev,l=this.coords.cur,a.page.x=l.page.x-c.page.x,a.page.y=l.page.y-c.page.y,a.client.x=l.client.x-c.client.x,a.client.y=l.client.y-c.client.y,a.timeStamp=l.timeStamp-c.timeStamp,i&&(this.pointerIsDown=!0,s.downTime=this.coords.cur.timeStamp,s.downTarget=n,ot(this.downPointer,t),this.interacting()||(st(this.coords.start,this.coords.cur),st(this.coords.prev,this.coords.cur),this.downEvent=e,this.pointerWasMoved=!1)),this._updateLatestPointer(t,e,n),this._scopeFire("interactions:update-pointer",{pointer:t,event:e,eventTarget:n,down:i,pointerInfo:s,pointerIndex:o,interaction:this}),o}removePointer(t,e){const n=this.getPointerIndex(t);if(-1===n)return;const i=this.pointers[n];this._scopeFire("interactions:remove-pointer",{pointer:t,event:e,eventTarget:null,pointerIndex:n,pointerInfo:i,interaction:this}),this.pointers.splice(n,1),this.pointerIsDown=!1}_updateLatestPointer(t,e,n){this._latestPointer.pointer=t,this._latestPointer.event=e,this._latestPointer.eventTarget=n}destroy(){this._latestPointer.pointer=null,this._latestPointer.event=null,this._latestPointer.eventTarget=null}_createPreparedEvent(t,e,n,i){return new et(this,t,this.prepared.name,e,this.element,n,i)}_fireEvent(t){this.interactable.fire(t),(!this.prevEvent||t.timeStamp>=this.prevEvent.timeStamp)&&(this.prevEvent=t)}_doPhase(t){const{event:e,phase:n,preEnd:i,type:r}=t,{rect:o}=this;o&&"move"===n&&(Z(this.edges,o,this.coords.delta[this.interactable.options.deltaSource]),o.width=o.right-o.left,o.height=o.bottom-o.top);if(!1===this._scopeFire("interactions:before-action-"+n,t))return!1;const s=t.iEvent=this._createPreparedEvent(e,n,i,r);return this._scopeFire("interactions:action-"+n,t),"start"===n&&(this.prevEvent=s),this._fireEvent(s),this._scopeFire("interactions:after-action-"+n,t),!0}_now(){return Date.now()}};function Mt(t){return/^(always|never|auto)$/.test(t)?(this.options.preventDefault=t,this):x.bool(t)?(this.options.preventDefault=t?"always":"never",this):this.options.preventDefault}function _t({interaction:t,event:e}){t.interactable&&t.interactable.checkAndPreventDefault(e)}var It={id:"core/interactablePreventDefault",install:function(t){const{Interactable:e}=t;e.prototype.preventDefault=Mt,e.prototype.checkAndPreventDefault=function(e){return function(t,e,n){const i=t.options.preventDefault;if("never"!==i)if("always"!==i){if(e.events.supportsPassive&&/^touch(start|move)$/.test(n.type)){const t=v(n.target).document,i=e.getDocOptions(t);if(!i||!i.events||!1!==i.events.passive)return}/^(mouse|pointer|touch)*(down|start)/i.test(n.type)||x.element(n.target)&&B(n.target,"input,select,textarea,[contenteditable=true],[contenteditable=true] *")||n.preventDefault()}else n.preventDefault()}(this,t,e)},t.interactions.docEvents.push({type:"dragstart",listener(e){for(const n of t.interactions.list)if(n.element&&(n.element===e.target||H(n.element,e.target)))return void n.interactable.checkAndPreventDefault(e)}})},listeners:["down","move","up","cancel"].reduce((t,e)=>(t["interactions:"+e]=_t,t),{})};const Pt={methodOrder:["simulationResume","mouseOrPen","hasPointer","idle"],search(t){for(const e of Pt.methodOrder){const n=Pt[e](t);if(n)return n}return null},simulationResume({pointerType:t,eventType:e,eventTarget:n,scope:i}){if(!/down|start/i.test(e))return null;for(const e of i.interactions.list){let i=n;if(e.simulation&&e.simulation.allowResume&&e.pointerType===t)for(;i;){if(i===e.element)return e;i=N(i)}}return null},mouseOrPen({pointerId:t,pointerType:e,eventType:n,scope:i}){if("mouse"!==e&&"pen"!==e)return null;let r;for(const n of i.interactions.list)if(n.pointerType===e){if(n.simulation&&!jt(n,t))continue;if(n.interacting())return n;r||(r=n)}if(r)return r;for(const t of i.interactions.list)if(!(t.pointerType!==e||/down/i.test(n)&&t.simulation))return t;return null},hasPointer({pointerId:t,scope:e}){for(const n of e.interactions.list)if(jt(n,t))return n;return null},idle({pointerType:t,scope:e}){for(const n of e.interactions.list){if(1===n.pointers.length){const t=n.interactable;if(t&&(!t.options.gesture||!t.options.gesture.enabled))continue}else if(n.pointers.length>=2)continue;if(!n.interacting()&&t===n.pointerType)return n}return null}};function jt(t,e){return t.pointers.some(({id:t})=>t===e)}var Dt=Pt;const kt=["pointerDown","pointerMove","pointerUp","updatePointer","removePointer","windowBlur"];function Rt(t,e){return function(n){const i=e.interactions.list,r=(o=n,x.string(o.pointerType)?o.pointerType:x.number(o.pointerType)?[void 0,void 0,"touch","pen","mouse"][o.pointerType]:/touch/.test(o.type)||o instanceof d.Touch?"touch":"mouse");var o;const[s,a]=mt(n),c=[];if(/^touch/.test(n.type)){e.prevTouchTime=e.now();for(const t of n.changedTouches){const i={pointer:t,pointerId:lt(t),pointerType:r,eventType:n.type,eventTarget:s,curEventTarget:a,scope:e},o=At(i);c.push([i.pointer,i.eventTarget,i.curEventTarget,o])}}else{let t=!1;if(!S.supportsPointerEvent&&/mouse/.test(n.type)){for(let e=0;eH(t,n.downTarget))||e.removePointer(n.pointer,n.event)}i=d.PointerEvent?[{type:n.down,listener:r},{type:n.down,listener:e.pointerDown},{type:n.move,listener:e.pointerMove},{type:n.up,listener:e.pointerUp},{type:n.cancel,listener:e.pointerUp}]:[{type:"mousedown",listener:e.pointerDown},{type:"mousemove",listener:e.pointerMove},{type:"mouseup",listener:e.pointerUp},{type:"touchstart",listener:r},{type:"touchstart",listener:e.pointerDown},{type:"touchmove",listener:e.pointerMove},{type:"touchend",listener:e.pointerUp},{type:"touchcancel",listener:e.pointerUp}],i.push({type:"blur",listener(e){for(const n of t.interactions.list)n.documentBlur(e)}}),t.prevTouchTime=0,t.Interaction=class extends zt{get pointerMoveTolerance(){return t.interactions.pointerMoveTolerance}set pointerMoveTolerance(e){t.interactions.pointerMoveTolerance=e}_now(){return t.now()}},t.interactions={list:[],new(e){e.scopeFire=(e,n)=>t.fire(e,n);const n=new t.Interaction(e);return t.interactions.list.push(n),n},listeners:e,docEvents:i,pointerMoveTolerance:1},t.usePlugin(It)},listeners:{"scope:add-document":t=>Ct(t,"add"),"scope:remove-document":t=>Ct(t,"remove"),"interactable:unset":({interactable:t},e)=>{for(let n=e.interactions.list.length-1;n>=0;n--){const i=e.interactions.list[n];i.interactable===t&&(i.stop(),e.fire("interactions:destroy",{interaction:i}),i.destroy(),e.interactions.list.length>2&&e.interactions.list.splice(n,1))}}},onDocSignal:Ct,doOnInteractions:Rt,methodNames:kt};function Lt(t){return t&&t.replace(/\/.*$/,"")}const Nt=new class{constructor(){this.id="__interact_scope_"+Math.floor(100*Math.random()),this.isInitialized=!1,this.listenerMaps=[],this.browser=S,this.defaults=M(tt),this.Eventable=C,this.actions={map:{},phases:{start:!0,move:!0,end:!0},methodDict:{},phaselessTypes:{}},this.interactStatic=function(t){const e=(n,i)=>{let r=t.interactables.get(n,i);return r||(r=t.interactables.new(n,i),r.events.global=e.globalEvents),r};return e.getPointerAverage=dt,e.getTouchBBox=ft,e.getTouchDistance=pt,e.getTouchAngle=gt,e.getElementRect=X,e.getElementClientRect=F,e.matchesSelector=B,e.closest=L,e.globalEvents={},e.version="1.10.2",e.scope=t,e.use=function(t,e){return this.scope.usePlugin(t,e),this},e.isSet=function(t,e){return!!this.scope.interactables.get(t,e&&e.context)},e.on=xt((function(t,e,n){if(x.string(t)&&-1!==t.search(" ")&&(t=t.trim().split(/ +/)),x.array(t)){for(const i of t)this.on(i,e,n);return this}if(x.object(t)){for(const n in t)this.on(n,t[n],e);return this}return nt(t,this.scope.actions)?this.globalEvents[t]?this.globalEvents[t].push(e):this.globalEvents[t]=[e]:this.scope.events.add(this.scope.document,t,e,{options:n}),this}),"The interact.on() method is being deprecated"),e.off=xt((function(t,e,n){if(x.string(t)&&-1!==t.search(" ")&&(t=t.trim().split(/ +/)),x.array(t)){for(const i of t)this.off(i,e,n);return this}if(x.object(t)){for(const n in t)this.off(n,t[n],e);return this}if(nt(t,this.scope.actions)){let n;t in this.globalEvents&&-1!==(n=this.globalEvents[t].indexOf(e))&&this.globalEvents[t].splice(n,1)}else this.scope.events.remove(this.scope.document,t,e,n);return this}),"The interact.off() method is being deprecated"),e.debug=function(){return this.scope},e.supportsTouch=function(){return S.supportsTouch},e.supportsPointerEvent=function(){return S.supportsPointerEvent},e.stop=function(){for(const t of this.scope.interactions.list)t.stop();return this},e.pointerMoveTolerance=function(t){return x.number(t)?(this.scope.interactions.pointerMoveTolerance=t,this):this.scope.interactions.pointerMoveTolerance},e.addDocument=function(t,e){this.scope.addDocument(t,e)},e.removeDocument=function(t){this.scope.removeDocument(t)},e}(this),this.InteractEvent=et,this.Interactable=void 0,this.interactables=new it(this),this._win=void 0,this.document=void 0,this.window=void 0,this.documents=[],this._plugins={list:[],map:{}},this.onWindowUnload=t=>this.removeDocument(t.target);const t=this;this.Interactable=class extends class{get _defaults(){return{base:{},perAction:{},actions:{}}}constructor(t,e,n,i){this.options=void 0,this._actions=void 0,this.target=void 0,this.events=new C,this._context=void 0,this._win=void 0,this._doc=void 0,this._scopeEvents=void 0,this._rectChecker=void 0,this._actions=e.actions,this.target=t,this._context=e.context||n,this._win=v(Y(t)?this._context:t),this._doc=this._win.document,this._scopeEvents=i,this.set(e)}setOnEvents(t,e){return x.func(e.onstart)&&this.on(t+"start",e.onstart),x.func(e.onmove)&&this.on(t+"move",e.onmove),x.func(e.onend)&&this.on(t+"end",e.onend),x.func(e.oninertiastart)&&this.on(t+"inertiastart",e.oninertiastart),this}updatePerActionListeners(t,e,n){(x.array(e)||x.object(e))&&this.off(t,e),(x.array(n)||x.object(n))&&this.on(t,n)}setPerAction(t,e){const n=this._defaults;for(const i in e){const r=i,o=this.options[t],s=e[r];"listeners"===r&&this.updatePerActionListeners(t,o.listeners,s),x.array(s)?o[r]=O(s):x.plainObject(s)?(o[r]=_(o[r]||{},M(s)),x.object(n.perAction[r])&&"enabled"in n.perAction[r]&&(o[r].enabled=!1!==s.enabled)):x.bool(s)&&x.object(n.perAction[r])?o[r].enabled=s:o[r]=s}}getRect(t){return t=t||(x.element(this.target)?this.target:null),x.string(this.target)&&(t=t||this._context.querySelector(this.target)),X(t)}rectChecker(t){return x.func(t)?(this._rectChecker=t,this.getRect=t=>{const e=_({},this._rectChecker(t));return"width"in e||(e.width=e.right-e.left,e.height=e.bottom-e.top),e},this):null===t?(delete this.getRect,delete this._rectChecker,this):this.getRect}_backCompatOption(t,e){if(Y(e)||x.object(e)){this.options[t]=e;for(const n in this._actions.map)this.options[n][t]=e;return this}return this.options[t]}origin(t){return this._backCompatOption("origin",t)}deltaSource(t){return"page"===t||"client"===t?(this.options.deltaSource=t,this):this.options.deltaSource}context(){return this._context}inContext(t){return this._context===t.ownerDocument||H(this._context,t)}testIgnoreAllow(t,e,n){return!this.testIgnore(t.ignoreFrom,e,n)&&this.testAllow(t.allowFrom,e,n)}testAllow(t,e,n){return!t||!!x.element(n)&&(x.string(t)?W(n,t,e):!!x.element(t)&&H(t,n))}testIgnore(t,e,n){return!(!t||!x.element(n))&&(x.string(t)?W(n,t,e):!!x.element(t)&&H(t,n))}fire(t){return this.events.fire(t),this}_onOff(t,e,n,i){x.object(e)&&!x.array(e)&&(i=n,n=null);const r="on"===t?"add":"remove",o=k(e,n);for(let e in o){"wheel"===e&&(e=S.wheelEvent);for(const n of o[e])nt(e,this._actions)?this.events[t](e,n):x.string(this.target)?this._scopeEvents[r+"Delegate"](this.target,this._context,e,n,i):this._scopeEvents[r](this.target,e,n,i)}return this}on(t,e,n){return this._onOff("on",t,e,n)}off(t,e,n){return this._onOff("off",t,e,n)}set(t){const e=this._defaults;x.object(t)||(t={}),this.options=M(e.base);for(const n in this._actions.methodDict){const i=n,r=this._actions.methodDict[i];this.options[i]={},this.setPerAction(i,_(_({},e.perAction),e.actions[i])),this[r](t[i])}for(const e in t)x.func(this[e])&&this[e](t[e]);return this}unset(){if(x.string(this.target))for(const t in this._scopeEvents.delegatedEvents){const e=this._scopeEvents.delegatedEvents[t];for(let n=e.length-1;n>=0;n--){const{selector:i,context:r,listeners:o}=e[n];i===this.target&&r===this._context&&e.splice(n,1);for(let e=o.length-1;e>=0;e--)this._scopeEvents.removeDelegate(this.target,this._context,t,o[e][0],o[e][1])}}else this._scopeEvents.remove(this.target,"all")}}{get _defaults(){return t.defaults}set(e){return super.set(e),t.fire("interactable:set",{options:e,interactable:this}),this}unset(){super.unset(),t.interactables.list.splice(t.interactables.list.indexOf(this),1),t.fire("interactable:unset",{interactable:this})}}}addListeners(t,e){this.listenerMaps.push({id:e,map:t})}fire(t,e){for(const{map:{[t]:n}}of this.listenerMaps)if(n&&!1===n(e,this,t))return!1}init(t){return this.isInitialized?this:function(t,e){return t.isInitialized=!0,m(e),d.init(e),S.init(e),D.init(e),t.window=e,t.document=e.document,t.usePlugin(Ht),t.usePlugin(yt),t}(this,t)}pluginIsInstalled(t){return this._plugins.map[t.id]||-1!==this._plugins.list.indexOf(t)}usePlugin(t,e){if(!this.isInitialized)return this;if(this.pluginIsInstalled(t))return this;if(t.id&&(this._plugins.map[t.id]=t),this._plugins.list.push(t),t.install&&t.install(this,e),t.listeners&&t.before){let e=0;const n=this.listenerMaps.length,i=t.before.reduce((t,e)=>(t[e]=!0,t[Lt(e)]=!0,t),{});for(;eNt.init(t);function $t(t){return x.bool(t)?(this.options.styleCursor=t,this):null===t?(delete this.options.styleCursor,this):this.options.styleCursor}function Ft(t){return x.func(t)?(this.options.actionChecker=t,this):null===t?(delete this.options.actionChecker,this):this.options.actionChecker}"object"==typeof window&&window&&Wt(window);var Xt={id:"auto-start/interactableMethods",install:function(t){const{Interactable:e}=t;e.prototype.getAction=function(e,n,i,r){const o=function(t,e,n,i,r){const o=t.getRect(i),s=e.buttons||{0:1,1:4,3:8,4:16}[e.button],a={action:null,interactable:t,interaction:n,element:i,rect:o,buttons:s};return r.fire("auto-start:check",a),a.action}(this,n,i,r,t);return this.options.actionChecker?this.options.actionChecker(e,n,o,this,r,i):o},e.prototype.ignoreFrom=xt((function(t){return this._backCompatOption("ignoreFrom",t)}),"Interactable.ignoreFrom() has been deprecated. Use Interactble.draggable({ignoreFrom: newValue})."),e.prototype.allowFrom=xt((function(t){return this._backCompatOption("allowFrom",t)}),"Interactable.allowFrom() has been deprecated. Use Interactble.draggable({allowFrom: newValue})."),e.prototype.actionChecker=Ft,e.prototype.styleCursor=$t}};function Yt(t,e,n,i,r){return e.testIgnoreAllow(e.options[t.name],n,i)&&e.options[t.name].enabled&&Ut(e,n,t,r)?t:null}function Gt(t,e,n,i,r,o,s){for(let a=0,c=i.length;a=a)return!1;if(r.interactable===t){if(l+=i===n.name?1:0,l>=o)return!1;if(r.element===e&&(u++,i===n.name&&u>=s))return!1}}}return a>0}function Zt(t,e){return x.number(t)?(e.autoStart.maxInteractions=t,this):e.autoStart.maxInteractions}function Jt(t,e,n){const{cursorElement:i}=n.autoStart;i&&i!==t&&(i.style.cursor=""),t.ownerDocument.documentElement.style.cursor=e,t.style.cursor=e,n.autoStart.cursorElement=e?t:null}function Kt(t,e){const{interactable:n,element:i,prepared:r}=t;if("mouse"!==t.pointerType||!n||!n.options.styleCursor)return void(e.autoStart.cursorElement&&Jt(e.autoStart.cursorElement,"",e));let o="";if(r.name){const s=n.options[r.name].cursorChecker;o=x.func(s)?s(r,n,i,t._interacting):e.actions.map[r.name].getCursor(r)}Jt(t.element,o||"",e)}var Qt={id:"auto-start/base",before:["actions"],install:function(t){const{interactStatic:e,defaults:n}=t;t.usePlugin(Xt),n.base.actionChecker=null,n.base.styleCursor=!0,_(n.perAction,{manualStart:!1,max:1/0,maxPerElement:1,allowFrom:null,ignoreFrom:null,mouseButtons:1}),e.maxInteractions=e=>Zt(e,t),t.autoStart={maxInteractions:1/0,withinInteractionLimit:Ut,cursorElement:null}},listeners:{"interactions:down":function({interaction:t,pointer:e,event:n,eventTarget:i},r){if(t.interacting())return;Vt(t,qt(t,e,n,i,r),r)},"interactions:move":(t,e)=>{!function({interaction:t,pointer:e,event:n,eventTarget:i},r){if("mouse"!==t.pointerType||t.pointerIsDown||t.interacting())return;Vt(t,qt(t,e,n,i,r),r)}(t,e),function(t,e){const{interaction:n}=t;if(!n.pointerIsDown||n.interacting()||!n.pointerWasMoved||!n.prepared.name)return;e.fire("autoStart:before-start",t);const{interactable:i}=n,r=n.prepared.name;r&&i&&(i.options[r].manualStart||!Ut(i,n.element,n.prepared,e)?n.stop():(n.start(n.prepared,i,n.element),Kt(n,e)))}(t,e)},"interactions:stop":function({interaction:t},e){const{interactable:n}=t;n&&n.options.styleCursor&&Jt(t.element,"",e)}},maxInteractions:Zt,withinInteractionLimit:Ut,validateAction:Yt};var te={id:"auto-start/dragAxis",listeners:{"autoStart:before-start":function({interaction:t,eventTarget:e,dx:n,dy:i},r){if("drag"!==t.prepared.name)return;const o=Math.abs(n),s=Math.abs(i),a=t.interactable.options.drag,c=a.startAxis,l=o>s?"x":o{t.autoStartHoldTimer=null},"autoStart:prepared":({interaction:t})=>{const e=ee(t);e>0&&(t.autoStartHoldTimer=setTimeout(()=>{t.start(t.prepared,t.interactable,t.element)},e))},"interactions:move":({interaction:t,duplicate:e})=>{t.autoStartHoldTimer&&t.pointerWasMoved&&!e&&(clearTimeout(t.autoStartHoldTimer),t.autoStartHoldTimer=null)},"autoStart:before-start":({interaction:t})=>{ee(t)>0&&(t.prepared.name=null)}},getHoldDuration:ee},ie={id:"auto-start",install(t){t.usePlugin(Qt),t.usePlugin(ne),t.usePlugin(te)}};"object"==typeof window&&window&&Wt(window),Bt.use(ie);const re={defaults:{enabled:!1,margin:60,container:null,speed:300},now:Date.now,interaction:null,i:0,x:0,y:0,isScrolling:!1,prevTime:0,margin:0,speed:0,start(t){re.isScrolling=!0,D.cancel(re.i),t.autoScroll=re,re.interaction=t,re.prevTime=re.now(),re.i=D.request(re.scroll)},stop(){re.isScrolling=!1,re.interaction&&(re.interaction.autoScroll=null),D.cancel(re.i)},scroll(){const{interaction:t}=re,{interactable:e,element:n}=t,i=t.prepared.name,r=e.options[i].autoScroll,o=oe(r.container,e,n),s=re.now(),a=(s-re.prevTime)/1e3,c=r.speed*a;if(c>=1){const i={x:re.x*c,y:re.y*c};if(i.x||i.y){const r=se(o);x.window(o)?o.scrollBy(i.x,i.y):o&&(o.scrollLeft+=i.x,o.scrollTop+=i.y);const s=se(o),a={x:s.x-r.x,y:s.y-r.y};(a.x||a.y)&&e.fire({type:"autoscroll",target:n,interactable:e,delta:a,interaction:t,container:o})}re.prevTime=s}re.isScrolling&&(D.cancel(re.i),re.i=D.request(re.scroll))},check(t,e){var n;return null==(n=t.options[e].autoScroll)?void 0:n.enabled},onInteractionMove({interaction:t,pointer:e}){if(!t.interacting()||!re.check(t.interactable,t.prepared.name))return;if(t.simulation)return void(re.x=re.y=0);let n,i,r,o;const{interactable:s,element:a}=t,c=t.prepared.name,l=s.options[c].autoScroll,u=oe(l.container,s,a);if(x.window(u))o=e.clientXu.innerWidth-re.margin,r=e.clientY>u.innerHeight-re.margin;else{const t=F(u);o=e.clientXt.right-re.margin,r=e.clientY>t.bottom-re.margin}re.x=i?1:o?-1:0,re.y=r?1:n?-1:0,re.isScrolling||(re.margin=l.margin,re.speed=l.speed,re.start(t))}};function oe(t,e,n){return(x.string(t)?G(t,e,n):t)||v(n)}function se(t){return x.window(t)&&(t=window.document.body),{x:t.scrollLeft,y:t.scrollTop}}var ae={id:"auto-scroll",install:function(t){const{defaults:e,actions:n}=t;t.autoScroll=re,re.now=()=>t.now(),n.phaselessTypes.autoscroll=!0,e.perAction.autoScroll=re.defaults},listeners:{"interactions:new":({interaction:t})=>{t.autoScroll=null},"interactions:destroy":({interaction:t})=>{t.autoScroll=null,re.stop(),re.interaction&&(re.interaction=null)},"interactions:stop":re.stop,"interactions:action-move":t=>re.onInteractionMove(t)}};function ce({interaction:t}){if("drag"!==t.prepared.name)return;const e=t.prepared.axis;"x"===e?(t.coords.cur.page.y=t.coords.start.page.y,t.coords.cur.client.y=t.coords.start.client.y,t.coords.velocity.client.y=0,t.coords.velocity.page.y=0):"y"===e&&(t.coords.cur.page.x=t.coords.start.page.x,t.coords.cur.client.x=t.coords.start.client.x,t.coords.velocity.client.x=0,t.coords.velocity.page.x=0)}function le({iEvent:t,interaction:e}){if("drag"!==e.prepared.name)return;const n=e.prepared.axis;if("x"===n||"y"===n){const i="x"===n?"y":"x";t.page[i]=e.coords.start.page[i],t.client[i]=e.coords.start.client[i],t.delta[i]=0}}"object"==typeof window&&window&&Wt(window),Bt.use(ae);const ue={id:"actions/drag",install:function(t){const{actions:e,Interactable:n,defaults:i}=t;n.prototype.draggable=ue.draggable,e.map.drag=ue,e.methodDict.drag="draggable",i.actions.drag=ue.defaults},listeners:{"interactions:before-action-move":ce,"interactions:action-resume":ce,"interactions:action-move":le,"auto-start:check":t=>{const{interaction:e,interactable:n,buttons:i}=t,r=n.options.drag;if(r&&r.enabled&&(!e.pointerIsDown||!/mouse|pointer/.test(e.pointerType)||0!=(i&n.options.drag.mouseButtons)))return t.action={name:"drag",axis:"start"===r.lockAxis?r.startAxis:r.lockAxis},!1}},draggable:function(t){return x.object(t)?(this.options.drag.enabled=!1!==t.enabled,this.setPerAction("drag",t),this.setOnEvents("drag",t),/^(xy|x|y|start)$/.test(t.lockAxis)&&(this.options.drag.lockAxis=t.lockAxis),/^(xy|x|y)$/.test(t.startAxis)&&(this.options.drag.startAxis=t.startAxis),this):x.bool(t)?(this.options.drag.enabled=t,this):this.options.drag},beforeMove:ce,move:le,defaults:{startAxis:"xy",lockAxis:"xy"},getCursor:()=>"move"};var he=ue;function de(t,e,n,i,r,o,s){if(!e)return!1;if(!0===e){const e=x.number(o.width)?o.width:o.right-o.left,i=x.number(o.height)?o.height:o.bottom-o.top;if(s=Math.min(s,Math.abs(("left"===t||"right"===t?e:i)/2)),e<0&&("left"===t?t="right":"right"===t&&(t="left")),i<0&&("top"===t?t="bottom":"bottom"===t&&(t="top")),"left"===t)return n.x<(e>=0?o.left:o.right)+s;if("top"===t)return n.y<(i>=0?o.top:o.bottom)+s;if("right"===t)return n.x>(e>=0?o.right:o.left)-s;if("bottom"===t)return n.y>(i>=0?o.bottom:o.top)-s}return!!x.element(i)&&(x.element(e)?e===i:W(i,e,r))}function fe({iEvent:t,interaction:e}){if("resize"!==e.prepared.name||!e.resizeAxes)return;const n=t;e.interactable.options.resize.square?("y"===e.resizeAxes?n.delta.x=n.delta.y:n.delta.y=n.delta.x,n.axes="xy"):(n.axes=e.resizeAxes,"x"===e.resizeAxes?n.delta.y=0:"y"===e.resizeAxes&&(n.delta.x=0))}"object"==typeof window&&window&&Wt(window),Bt.use(he);const pe={id:"actions/resize",before:["actions/drag"],install:function(t){const{actions:e,browser:n,Interactable:i,defaults:r}=t;pe.cursors=function(t){return t.isIe9?{x:"e-resize",y:"s-resize",xy:"se-resize",top:"n-resize",left:"w-resize",bottom:"s-resize",right:"e-resize",topleft:"se-resize",bottomright:"se-resize",topright:"ne-resize",bottomleft:"ne-resize"}:{x:"ew-resize",y:"ns-resize",xy:"nwse-resize",top:"ns-resize",left:"ew-resize",bottom:"ns-resize",right:"ew-resize",topleft:"nwse-resize",bottomright:"nwse-resize",topright:"nesw-resize",bottomleft:"nesw-resize"}}(n),pe.defaultMargin=n.supportsTouch||n.supportsPointerEvent?20:10,i.prototype.resizable=function(e){return function(t,e,n){if(x.object(e))return t.options.resize.enabled=!1!==e.enabled,t.setPerAction("resize",e),t.setOnEvents("resize",e),x.string(e.axis)&&/^x$|^y$|^xy$/.test(e.axis)?t.options.resize.axis=e.axis:null===e.axis&&(t.options.resize.axis=n.defaults.actions.resize.axis),x.bool(e.preserveAspectRatio)?t.options.resize.preserveAspectRatio=e.preserveAspectRatio:x.bool(e.square)&&(t.options.resize.square=e.square),t;if(x.bool(e))return t.options.resize.enabled=e,t;return t.options.resize}(this,e,t)},e.map.resize=pe,e.methodDict.resize="resizable",r.actions.resize=pe.defaults},listeners:{"interactions:new":({interaction:t})=>{t.resizeAxes="xy"},"interactions:action-start":t=>{!function({iEvent:t,interaction:e}){if("resize"!==e.prepared.name||!e.prepared.edges)return;const n=t,i=e.rect;e._rects={start:_({},i),corrected:_({},i),previous:_({},i),delta:{left:0,right:0,width:0,top:0,bottom:0,height:0}},n.edges=e.prepared.edges,n.rect=e._rects.corrected,n.deltaRect=e._rects.delta}(t),fe(t)},"interactions:action-move":t=>{!function({iEvent:t,interaction:e}){if("resize"!==e.prepared.name||!e.prepared.edges)return;const n=t,i=e.interactable.options.resize.invert,r="reposition"===i||"negate"===i,o=e.rect,{start:s,corrected:a,delta:c,previous:l}=e._rects;if(_(l,a),r){if(_(a,o),"reposition"===i){if(a.top>a.bottom){const t=a.top;a.top=a.bottom,a.bottom=t}if(a.left>a.right){const t=a.left;a.left=a.right,a.right=t}}}else a.top=Math.min(o.top,s.bottom),a.bottom=Math.max(o.bottom,s.top),a.left=Math.min(o.left,s.right),a.right=Math.max(o.right,s.left);a.width=a.right-a.left,a.height=a.bottom-a.top;for(const t in a)c[t]=a[t]-l[t];n.edges=e.prepared.edges,n.rect=a,n.deltaRect=c}(t),fe(t)},"interactions:action-end":function({iEvent:t,interaction:e}){if("resize"!==e.prepared.name||!e.prepared.edges)return;const n=t;n.edges=e.prepared.edges,n.rect=e._rects.corrected,n.deltaRect=e._rects.delta},"auto-start:check":function(t){const{interaction:e,interactable:n,element:i,rect:r,buttons:o}=t;if(!r)return;const s=_({},e.coords.cur.page),a=n.options.resize;if(a&&a.enabled&&(!e.pointerIsDown||!/mouse|pointer/.test(e.pointerType)||0!=(o&a.mouseButtons))){if(x.object(a.edges)){const n={left:!1,right:!1,top:!1,bottom:!1};for(const t in n)n[t]=de(t,a.edges[t],s,e._latestPointer.eventTarget,i,r,a.margin||pe.defaultMargin);n.left=n.left&&!n.right,n.top=n.top&&!n.bottom,(n.left||n.right||n.top||n.bottom)&&(t.action={name:"resize",edges:n})}else{const e="y"!==a.axis&&s.x>r.right-pe.defaultMargin,n="x"!==a.axis&&s.y>r.bottom-pe.defaultMargin;(e||n)&&(t.action={name:"resize",axes:(e?"x":"")+(n?"y":"")})}return!t.action&&void 0}}},defaults:{square:!1,preserveAspectRatio:!1,axis:"xy",margin:NaN,edges:null,invert:"none"},cursors:null,getCursor({edges:t,axis:e,name:n}){const i=pe.cursors;let r=null;if(e)r=i[n+e];else if(t){let e="";for(const n of["top","bottom","left","right"])t[n]&&(e+=n);r=i[e]}return r},defaultMargin:null};var ge=pe;"object"==typeof window&&window&&Wt(window),Bt.use(ge);var me=()=>{},ve=()=>{},be=t=>{const e=[["x","y"],["left","top"],["right","bottom"],["width","height"]].filter(([e,n])=>e in t||n in t),n=(n,i)=>{const{range:r,limits:o={left:-1/0,right:1/0,top:-1/0,bottom:1/0},offset:s={x:0,y:0}}=t,a={range:r,grid:t,x:null,y:null};for(const[r,c]of e){const e=Math.round((n-s.x)/t[r]),l=Math.round((i-s.y)/t[c]);a[r]=Math.max(o.left,Math.min(o.right,e*t[r]+s.x)),a[c]=Math.max(o.top,Math.min(o.bottom,l*t[c]+s.y))}return a};return n.grid=t,n.coordFields=e,n};var ye={id:"snappers",install(t){const{interactStatic:e}=t;e.snappers=_(e.snappers||{},i),e.createSnapGrid=e.snappers.grid}};class xe{constructor(t){this.states=[],this.startOffset={left:0,right:0,top:0,bottom:0},this.startDelta=null,this.result=null,this.endResult=null,this.edges=void 0,this.interaction=void 0,this.interaction=t,this.result=we()}start({phase:t},e){const{interaction:n}=this,i=function(t){const e=t.interactable.options[t.prepared.name],n=e.modifiers;if(n&&n.length)return n;return["snap","snapSize","snapEdges","restrict","restrictEdges","restrictSize"].map(t=>{const n=e[t];return n&&n.enabled&&{options:n,methods:n._methods}}).filter(t=>!!t)}(n);var r,o;this.prepareStates(i),this.edges=_({},n.edges),this.startOffset=(r=n.rect,o=e,r?{left:o.x-r.left,top:o.y-r.top,right:r.right-o.x,bottom:r.bottom-o.y}:{left:0,top:0,right:0,bottom:0}),this.startDelta={x:0,y:0};const s={phase:t,pageCoords:e,preEnd:!1};this.result=we(),this.startAll(s);return this.result=this.setAll(s)}fillArg(t){const{interaction:e}=this;t.interaction=e,t.interactable=e.interactable,t.element=e.element,t.rect=t.rect||e.rect,t.edges=this.edges,t.startOffset=this.startOffset}startAll(t){this.fillArg(t);for(const e of this.states)e.methods.start&&(t.state=e,e.methods.start(t))}setAll(t){this.fillArg(t);const{phase:e,preEnd:n,skipModifiers:i,rect:r}=t;t.coords=_({},t.pageCoords),t.rect=_({},r);const o=i?this.states.slice(i):this.states,s=we(t.coords,t.rect);for(const i of o){const{options:r}=i,o=_({},t.coords);let a=null;i.methods.set&&this.shouldDo(r,n,e)&&(t.state=i,a=i.methods.set(t),Z(this.interaction.edges,t.rect,{x:t.coords.x-o.x,y:t.coords.y-o.y})),s.eventProps.push(a)}s.delta.x=t.coords.x-t.pageCoords.x,s.delta.y=t.coords.y-t.pageCoords.y,s.rectDelta.left=t.rect.left-r.left,s.rectDelta.right=t.rect.right-r.right,s.rectDelta.top=t.rect.top-r.top,s.rectDelta.bottom=t.rect.bottom-r.bottom;const a=this.result.coords,c=this.result.rect;if(a&&c){const t=s.rect.left!==c.left||s.rect.right!==c.right||s.rect.top!==c.top||s.rect.bottom!==c.bottom;s.changed=t||a.x!==s.coords.x||a.y!==s.coords.y}return s}applyToInteraction(t){const{interaction:e}=this,{phase:n}=t,i=e.coords.cur,r=e.coords.start,{result:o,startDelta:s}=this,a=o.delta;"start"===n&&_(this.startDelta,o.delta);for(const[t,e]of[[r,s],[i,a]])t.page.x+=e.x,t.page.y+=e.y,t.client.x+=e.x,t.client.y+=e.y;const{rectDelta:c}=this.result,l=t.rect||e.rect;l.left+=c.left,l.right+=c.right,l.top+=c.top,l.bottom+=c.bottom,l.width=l.right-l.left,l.height=l.bottom-l.top}setAndApply(t){const{interaction:e}=this,{phase:n,preEnd:i,skipModifiers:r}=t,o=this.setAll({preEnd:i,phase:n,pageCoords:t.modifiedCoords||e.coords.cur.page});if(this.result=o,!o.changed&&(!r||rM(t)),this.result=we(_({},t.result.coords),_({},t.result.rect))}destroy(){for(const t in this)this[t]=null}}function we(t,e){return{rect:e,coords:t,delta:{x:0,y:0},rectDelta:{left:0,right:0,top:0,bottom:0},eventProps:[],changed:!0}}function Se(t,e){const{defaults:n}=t,i={start:t.start,set:t.set,beforeEnd:t.beforeEnd,stop:t.stop},r=t=>{const r=t||{};r.enabled=!1!==r.enabled;for(const t in n)t in r||(r[t]=n[t]);const o={options:r,methods:i,name:e,enable:()=>(r.enabled=!0,o),disable:()=>(r.enabled=!1,o)};return o};return e&&"string"==typeof e&&(r._defaults=n,r._methods=i),r}function Ee({iEvent:t,interaction:{modification:{result:e}}}){e&&(t.modifiers=e.eventProps)}var Oe={id:"modifiers/base",before:["actions"],install:t=>{t.defaults.perAction.modifiers=[]},listeners:{"interactions:new":({interaction:t})=>{t.modification=new xe(t)},"interactions:before-action-start":t=>{const{modification:e}=t.interaction;e.start(t,t.interaction.coords.start.page),t.interaction.edges=e.edges,e.applyToInteraction(t)},"interactions:before-action-move":t=>t.interaction.modification.setAndApply(t),"interactions:before-action-end":t=>t.interaction.modification.beforeEnd(t),"interactions:action-start":Ee,"interactions:action-move":Ee,"interactions:action-end":Ee,"interactions:after-action-start":t=>t.interaction.modification.restoreInteractionCoords(t),"interactions:after-action-move":t=>t.interaction.modification.restoreInteractionCoords(t),"interactions:stop":t=>t.interaction.modification.stop(t)}};function Te({startCoords:t,edgeSign:e},n,i){n?i.y=t.y+(i.x-t.x)*e:i.x=t.x+(i.y-t.y)*e}function ze({startRect:t,startCoords:e,ratio:n,edgeSign:i},r,o,s){if(r){const r=s.width/n;o.y=e.y+(r-t.height)*i}else{const r=s.height*n;o.x=e.x+(r-t.width)*i}}var Me=Se({start(t){const{state:e,rect:n,edges:i,pageCoords:r}=t;let{ratio:o}=e.options;const{equalDelta:s,modifiers:a}=e.options;"preserve"===o&&(o=n.width/n.height),e.startCoords=_({},r),e.startRect=_({},n),e.ratio=o,e.equalDelta=s;const c=e.linkedEdges={top:i.top||i.left&&!i.bottom,left:i.left||i.top&&!i.right,bottom:i.bottom||i.right&&!i.top,right:i.right||i.bottom&&!i.left};if(e.xIsPrimaryAxis=!(!i.left&&!i.right),e.equalDelta)e.edgeSign=(c.left?1:-1)*(c.top?1:-1);else{const t=e.xIsPrimaryAxis?c.top:c.left;e.edgeSign=t?-1:1}if(_(t.edges,c),!a||!a.length)return;const l=new xe(t.interaction);l.copyFrom(t.interaction.modification),l.prepareStates(a),e.subModification=l,l.startAll({...t})},set(t){const{state:e,rect:n,coords:i}=t,r=_({},i),o=e.equalDelta?Te:ze;if(o(e,e.xIsPrimaryAxis,i,n),!e.subModification)return null;const s=_({},n);Z(e.linkedEdges,s,{x:i.x-r.x,y:i.y-r.y});const a=e.subModification.setAll({...t,rect:s,edges:e.linkedEdges,pageCoords:i,prevCoords:i,prevRect:s}),{delta:c}=a;if(a.changed){o(e,Math.abs(c.x)>Math.abs(c.y),a.coords,a.rect),_(i,a.coords)}return a.eventProps},defaults:{ratio:"preserve",equalDelta:!1,modifiers:[],enabled:!1}},"aspectRatio");const _e=()=>{};_e._defaults={};var Ie=_e;function Pe(t,e,n){return x.func(t)?q(t,e.interactable,e.element,[n.x,n.y,e]):q(t,e.interactable,e.element)}const je={start:function({rect:t,startOffset:e,state:n,interaction:i,pageCoords:r}){const{options:o}=n,{elementRect:s}=o,a=_({left:0,top:0,right:0,bottom:0},o.offset||{});if(t&&s){const n=Pe(o.restriction,i,r);if(n){const e=n.right-n.left-t.width,i=n.bottom-n.top-t.height;e<0&&(a.left+=e,a.right+=e),i<0&&(a.top+=i,a.bottom+=i)}a.left+=e.left-t.width*s.left,a.top+=e.top-t.height*s.top,a.right+=e.right-t.width*(1-s.right),a.bottom+=e.bottom-t.height*(1-s.bottom)}n.offset=a},set:function({coords:t,interaction:e,state:n}){const{options:i,offset:r}=n,o=Pe(i.restriction,e,t);if(!o)return;const s=function(t){return!t||"left"in t&&"top"in t||((t=_({},t)).left=t.x||0,t.top=t.y||0,t.right=t.right||t.left+t.width,t.bottom=t.bottom||t.top+t.height),t}(o);t.x=Math.max(Math.min(s.right-r.right,t.x),s.left+r.left),t.y=Math.max(Math.min(s.bottom-r.bottom,t.y),s.top+r.top)},defaults:{restriction:null,elementRect:null,offset:null,endOnly:!1,enabled:!1}};var De=Se(je,"restrict");const ke={top:1/0,left:1/0,bottom:-1/0,right:-1/0},Re={top:-1/0,left:-1/0,bottom:1/0,right:1/0};function Ae(t,e){for(const n of["top","left","bottom","right"])n in t||(t[n]=e[n]);return t}const Ce={noInner:ke,noOuter:Re,start:function({interaction:t,startOffset:e,state:n}){const{options:i}=n;let r;if(i){r=V(Pe(i.offset,t,t.coords.start.page))}r=r||{x:0,y:0},n.offset={top:r.y+e.top,left:r.x+e.left,bottom:r.y-e.bottom,right:r.x-e.right}},set:function({coords:t,edges:e,interaction:n,state:i}){const{offset:r,options:o}=i;if(!e)return;const s=_({},t),a=Pe(o.inner,n,s)||{},c=Pe(o.outer,n,s)||{};Ae(a,ke),Ae(c,Re),e.top?t.y=Math.min(Math.max(c.top+r.top,s.y),a.top+r.top):e.bottom&&(t.y=Math.max(Math.min(c.bottom+r.bottom,s.y),a.bottom+r.bottom)),e.left?t.x=Math.min(Math.max(c.left+r.left,s.x),a.left+r.left):e.right&&(t.x=Math.max(Math.min(c.right+r.right,s.x),a.right+r.right))},defaults:{inner:null,outer:null,offset:null,endOnly:!1,enabled:!1}};var He=Se(Ce,"restrictEdges");const Le=_({get elementRect(){return{top:0,left:0,bottom:1,right:1}},set elementRect(t){}},je.defaults);var Ne=Se({start:je.start,set:je.set,defaults:Le},"restrictRect");const Be={width:-1/0,height:-1/0},We={width:1/0,height:1/0};var $e=Se({start:function(t){return Ce.start(t)},set:function(t){const{interaction:e,state:n,rect:i,edges:r}=t,{options:o}=n;if(!r)return;const s=U(Pe(o.min,e,t.coords))||Be,a=U(Pe(o.max,e,t.coords))||We;n.options={endOnly:o.endOnly,inner:_({},Ce.noInner),outer:_({},Ce.noOuter)},r.top?(n.options.inner.top=i.bottom-s.height,n.options.outer.top=i.bottom-a.height):r.bottom&&(n.options.inner.bottom=i.top+s.height,n.options.outer.bottom=i.top+a.height),r.left?(n.options.inner.left=i.right-s.width,n.options.outer.left=i.right-a.width):r.right&&(n.options.inner.right=i.left+s.width,n.options.outer.right=i.left+a.width),Ce.set(t),n.options=o},defaults:{min:null,max:null,endOnly:!1,enabled:!1}},"restrictSize");const Fe={start:function(t){const{interaction:e,interactable:n,element:i,rect:r,state:o,startOffset:s}=t,{options:a}=o,c=a.offsetWithOrigin?function(t){const{element:e}=t.interaction,n=V(q(t.state.options.origin,null,null,[e]));return n||J(t.interactable,e,t.interaction.prepared.name)}(t):{x:0,y:0};let l;if("startCoords"===a.offset)l={x:e.coords.start.page.x,y:e.coords.start.page.y};else{const t=q(a.offset,n,i,[e]);l=V(t)||{x:0,y:0},l.x+=c.x,l.y+=c.y}const{relativePoints:u}=a;o.offsets=r&&u&&u.length?u.map((t,e)=>({index:e,relativePoint:t,x:s.left-r.width*t.x+l.x,y:s.top-r.height*t.y+l.y})):[_({index:0,relativePoint:null},l)]},set:function(t){const{interaction:e,coords:n,state:i}=t,{options:r,offsets:o}=i,s=J(e.interactable,e.element,e.prepared.name),a=_({},n),c=[];r.offsetWithOrigin||(a.x-=s.x,a.y-=s.y);for(const t of o){const n=a.x-t.x,i=a.y-t.y;for(let o=0,s=r.targets.length;o!function(t,e,n){let i=t;for(;x.element(i);){if(Ke(i,e,n))return!0;i=N(i)}return!1}(t,"touchAction",/pan-|pinch|none/),getInfo:({element:t})=>[t,Ze.touchAction],text:'Consider adding CSS "touch-action: none" to this element\n'},{name:Ve.boxSizing,perform(t){const{element:e}=t;return"resize"===t.prepared.name&&e instanceof d.HTMLElement&&!Ke(e,"boxSizing",/border-box/)},text:'Consider adding CSS "box-sizing: border-box" to this resizable element',getInfo:({element:t})=>[t,Ze.boxSizing]},{name:Ve.noListeners,perform(t){const e=t.prepared.name;return!(t.interactable.events.types[e+"move"]||[]).length},getInfo:t=>[t.prepared.name,t.interactable],text:"There are no listeners set for this action"}];function Ke(t,e,n){const i=t.style[e]||g.getComputedStyle(t)[e];return n.test((i||"").toString())}var Qe={id:"dev-tools",install:function(t,{logger:e}={}){const{Interactable:n,defaults:i}=t;t.logger=e||console,i.base.devTools={ignore:{}},n.prototype.devTools=function(t){return t?(_(this.options.devTools,t),this):this.options.devTools}},listeners:{"interactions:action-start":({interaction:t},e)=>{for(const n of Je){const i=t.interactable&&t.interactable.options;i&&i.devTools&&i.devTools.ignore[n.name]||!n.perform(t)||e.logger.warn("[interact.js] "+n.text,...n.getInfo(t))}}},checks:Je,CheckName:Ve,links:Ze,prefix:"[interact.js] "};function tn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function en(t){for(var e=1;ethis.cols?(this.innerX=0,this.innerW=this.w>this.cols?this.cols:this.w):(this.innerX=this.x,this.innerW=this.w);var t,e=this.calcPosition(this.innerX,this.innerY,this.innerW,this.innerH);this.isDragging&&(e.top=this.dragging.top,this.renderRtl?e.right=this.dragging.left:e.left=this.dragging.left),this.isResizing&&(e.width=this.resizing.width,e.height=this.resizing.height),t=this.useCssTransforms?this.renderRtl?Object(o.k)(e.top,e.right,e.width,e.height):Object(o.j)(e.top,e.left,e.width,e.height):this.renderRtl?Object(o.i)(e.top,e.right,e.width,e.height):Object(o.h)(e.top,e.left,e.width,e.height),this.style=t},emitContainerResized:function(){for(var t={},e=0,n=["width","height"];ethis.maxW&&(n.w=this.maxW),n.hthis.maxH&&(n.h=this.maxH),n.h<1&&(n.h=1),n.w<1&&(n.w=1),this.lastW=i,this.lastH=r,this.innerW===n.w&&this.innerH===n.h||this.$emit("resize",this.i,n.h,n.w,o.height,o.width),"resizeend"!==t.type||this.previousW===this.innerW&&this.previousH===this.innerH||this.$emit("resized",this.i,n.h,n.w,o.height,o.width),this.eventBus.$emit("resizeEvent",t.type,this.i,this.innerX,this.innerY,n.h,n.w)}}},handleDrag:function(t){if(!this.static&&!this.isResizing){var e=s(t);if(null!==e){var n,i=e.x,r=e.y,o={top:0,left:0};switch(t.type){case"dragstart":this.previousX=this.innerX,this.previousY=this.innerY;var c=t.target.offsetParent.getBoundingClientRect(),l=t.target.getBoundingClientRect(),u=l.left/this.transformScale,h=c.left/this.transformScale,d=l.right/this.transformScale,f=c.right/this.transformScale,p=l.top/this.transformScale,g=c.top/this.transformScale;this.renderRtl?o.left=-1*(d-f):o.left=u-h,o.top=p-g,this.dragging=o,this.isDragging=!0;break;case"dragend":if(!this.isDragging)return;var m=t.target.offsetParent.getBoundingClientRect(),v=t.target.getBoundingClientRect(),b=v.left/this.transformScale,y=m.left/this.transformScale,x=v.right/this.transformScale,w=m.right/this.transformScale,S=v.top/this.transformScale,E=m.top/this.transformScale;this.renderRtl?o.left=-1*(x-w):o.left=b-y,o.top=S-E,this.dragging=null,this.isDragging=!1;break;case"dragmove":var O=a(this.lastX,this.lastY,i,r);if(this.renderRtl?o.left=this.dragging.left-O.deltaX/this.transformScale:o.left=this.dragging.left+O.deltaX/this.transformScale,o.top=this.dragging.top+O.deltaY/this.transformScale,this.bounded){var T=t.target.offsetParent.clientHeight-this.calcGridItemWHPx(this.h,this.rowHeight,this.margin[1]);o.top=this.clamp(o.top,0,T);var z=this.calcColWidth(),M=this.containerWidth-this.calcGridItemWHPx(this.w,z,this.margin[0]);o.left=this.clamp(o.left,0,M)}this.dragging=o}n=(this.renderRtl,this.calcXY(o.top,o.left)),this.lastX=i,this.lastY=r,this.innerX===n.x&&this.innerY===n.y||this.$emit("move",this.i,n.x,n.y),"dragend"!==t.type||this.previousX===this.innerX&&this.previousY===this.innerY||this.$emit("moved",this.i,n.x,n.y),this.eventBus.$emit("dragEvent",t.type,this.i,n.x,n.y,this.innerH,this.innerW)}}},calcPosition:function(t,e,n,i){var r=this.calcColWidth();return this.renderRtl?{right:Math.round(r*t+(t+1)*this.margin[0]),top:Math.round(this.rowHeight*e+(e+1)*this.margin[1]),width:n===1/0?n:Math.round(r*n+Math.max(0,n-1)*this.margin[0]),height:i===1/0?i:Math.round(this.rowHeight*i+Math.max(0,i-1)*this.margin[1])}:{left:Math.round(r*t+(t+1)*this.margin[0]),top:Math.round(this.rowHeight*e+(e+1)*this.margin[1]),width:n===1/0?n:Math.round(r*n+Math.max(0,n-1)*this.margin[0]),height:i===1/0?i:Math.round(this.rowHeight*i+Math.max(0,i-1)*this.margin[1])}},calcXY:function(t,e){var n=this.calcColWidth(),i=Math.round((e-this.margin[0])/(n+this.margin[0])),r=Math.round((t-this.margin[1])/(this.rowHeight+this.margin[1]));return{x:i=Math.max(Math.min(i,this.cols-this.innerW),0),y:r=Math.max(Math.min(r,this.maxRows-this.innerH),0)}},calcColWidth:function(){return(this.containerWidth-this.margin[0]*(this.cols+1))/this.cols},calcGridItemWHPx:function(t,e,n){return Number.isFinite(t)?Math.round(e*t+Math.max(0,t-1)*n):t},clamp:function(t,e,n){return Math.max(Math.min(t,n),e)},calcWH:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=this.calcColWidth(),r=Math.round((e+this.margin[0])/(i+this.margin[0])),o=0;return o=n?Math.ceil((t+this.margin[1])/(this.rowHeight+this.margin[1])):Math.round((t+this.margin[1])/(this.rowHeight+this.margin[1])),{w:r=Math.max(Math.min(r,this.cols-this.innerX),0),h:o=Math.max(Math.min(o,this.maxRows-this.innerY),0)}},updateWidth:function(t,e){this.containerWidth=t,null!=e&&(this.cols=e)},compact:function(){this.createStyle()},tryMakeDraggable:function(){var t=this;if(null!==this.interactObj&&void 0!==this.interactObj||(this.interactObj=Bt(this.$refs.item),this.useStyleCursor||this.interactObj.styleCursor(!1)),this.draggable&&!this.static){var e=en({ignoreFrom:this.dragIgnoreFrom,allowFrom:this.dragAllowFrom},this.dragOption);this.interactObj.draggable(e),this.dragEventSet||(this.dragEventSet=!0,this.interactObj.on("dragstart dragmove dragend",(function(e){t.handleDrag(e)})))}else this.interactObj.draggable({enabled:!1})},tryMakeResizable:function(){var t=this;if(null!==this.interactObj&&void 0!==this.interactObj||(this.interactObj=Bt(this.$refs.item),this.useStyleCursor||this.interactObj.styleCursor(!1)),this.resizable&&!this.static){var e=this.calcPosition(0,0,this.maxW,this.maxH),n=this.calcPosition(0,0,this.minW,this.minH),i=en({edges:{left:!1,right:"."+this.resizableHandleClass.trim().replace(" ","."),bottom:"."+this.resizableHandleClass.trim().replace(" ","."),top:!1},ignoreFrom:this.resizeIgnoreFrom,restrictSize:{min:{height:n.height*this.transformScale,width:n.width*this.transformScale},max:{height:e.height*this.transformScale,width:e.width*this.transformScale}}},this.resizeOption);this.preserveAspectRatio&&(i.modifiers=[Bt.modifiers.aspectRatio({ratio:"preserve"})]),this.interactObj.resizable(i),this.resizeEventSet||(this.resizeEventSet=!0,this.interactObj.on("resizestart resizemove resizeend",(function(e){t.handleResize(e)})))}else this.interactObj.resizable({enabled:!1})},autoSize:function(){this.previousW=this.innerW,this.previousH=this.innerH;var t=this.$slots.default[0].elm.getBoundingClientRect(),e=this.calcWH(t.height,t.width,!0);e.wthis.maxW&&(e.w=this.maxW),e.hthis.maxH&&(e.h=this.maxH),e.h<1&&(e.h=1),e.w<1&&(e.w=1),this.innerW===e.w&&this.innerH===e.h||this.$emit("resize",this.i,e.h,e.w,t.height,t.width),this.previousW===e.w&&this.previousH===e.h||(this.$emit("resized",this.i,e.h,e.w,t.height,t.width),this.eventBus.$emit("resizeEvent","resizeend",this.i,this.innerX,this.innerY,e.h,e.w))}}},rn=(n("5ed4"),n("2877")),on=Object(rn.a)(nn,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"item",staticClass:"vue-grid-item",class:this.classObj,style:this.style},[this._t("default"),this.resizableAndNotStatic?e("span",{ref:"handle",class:this.resizableHandleClass}):this._e()],2)}),[],!1,null,null,null);e.a=on.exports},be13:function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},c274:function(t,e,n){"use strict";var i=n("50bf");function r(){var t={},e=0,n=0,i=0;return{add:function(r,o){o||(o=r,r=0),r>n?n=r:ru;)if((a=c[u++])!=a)return!0}else for(;l>u;u++)if((t||u in c)&&c[u]===n)return t||u||0;return!t&&-1}}},c5f6:function(t,e,n){"use strict";var i=n("7726"),r=n("69a8"),o=n("2d95"),s=n("5dbc"),a=n("6a99"),c=n("79e5"),l=n("9093").f,u=n("11e9").f,h=n("86cc").f,d=n("aa77").trim,f=i.Number,p=f,g=f.prototype,m="Number"==o(n("2aeb")(g)),v="trim"in String.prototype,b=function(t){var e=a(t,!1);if("string"==typeof e&&e.length>2){var n,i,r,o=(e=v?e.trim():d(e,3)).charCodeAt(0);if(43===o||45===o){if(88===(n=e.charCodeAt(2))||120===n)return NaN}else if(48===o){switch(e.charCodeAt(1)){case 66:case 98:i=2,r=49;break;case 79:case 111:i=8,r=55;break;default:return+e}for(var s,c=e.slice(2),l=0,u=c.length;lr)return NaN;return parseInt(c,i)}}return+e};if(!f(" 0o1")||!f("0b1")||f("+0x1")){f=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof f&&(m?c((function(){g.valueOf.call(n)})):"Number"!=o(n))?s(new p(b(e)),n,f):b(e)};for(var y,x=n("9e1e")?l(p):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),w=0;x.length>w;w++)r(p,y=x[w])&&!r(f,y)&&h(f,y,u(p,y));f.prototype=g,g.constructor=f,n("2aba")(i,"Number",f)}},c69a:function(t,e,n){t.exports=!n("9e1e")&&!n("79e5")((function(){return 7!=Object.defineProperty(n("230e")("div"),"a",{get:function(){return 7}}).a}))},c8ba:function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(t){"object"==typeof window&&(n=window)}t.exports=n},c946:function(t,e,n){"use strict";var i=n("b770").forEach;t.exports=function(t){var e=(t=t||{}).reporter,n=t.batchProcessor,r=t.stateHandler.getState,o=(t.stateHandler.hasState,t.idHandler);if(!n)throw new Error("Missing required dependency: batchProcessor");if(!e)throw new Error("Missing required dependency: reporter.");var s=function(){var t=document.createElement("div");t.style.cssText=c(["position: absolute","width: 1000px","height: 1000px","visibility: hidden","margin: 0","padding: 0"]);var e=document.createElement("div");e.style.cssText=c(["position: absolute","width: 500px","height: 500px","overflow: scroll","visibility: none","top: -1500px","left: -1500px","visibility: hidden","margin: 0","padding: 0"]),e.appendChild(t),document.body.insertBefore(e,document.body.firstChild);var n=500-e.clientWidth,i=500-e.clientHeight;return document.body.removeChild(e),{width:n,height:i}}();function a(t){!function(t,e,n){if(!t.getElementById(e)){var i=n+"_animation",r=n+"_animation_active",o="/* Created by the element-resize-detector library. */\n";o+="."+n+" > div::-webkit-scrollbar { "+c(["display: none"])+" }\n\n",o+="."+r+" { "+c(["-webkit-animation-duration: 0.1s","animation-duration: 0.1s","-webkit-animation-name: "+i,"animation-name: "+i])+" }\n",o+="@-webkit-keyframes "+i+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",function(n,i){i=i||function(e){t.head.appendChild(e)};var r=t.createElement("style");r.innerHTML=n,r.id=e,i(r)}(o+="@keyframes "+i+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }")}}(t,"erd_scroll_detection_scrollbar_style","erd_scroll_detection_container")}function c(e){var n=t.important?" !important; ":"; ";return(e.join(n)+n).trim()}function l(t,n,i){if(t.addEventListener)t.addEventListener(n,i);else{if(!t.attachEvent)return e.error("[scroll] Don't know how to add event listeners.");t.attachEvent("on"+n,i)}}function u(t,n,i){if(t.removeEventListener)t.removeEventListener(n,i);else{if(!t.detachEvent)return e.error("[scroll] Don't know how to remove event listeners.");t.detachEvent("on"+n,i)}}function h(t){return r(t).container.childNodes[0].childNodes[0].childNodes[0]}function d(t){return r(t).container.childNodes[0].childNodes[0].childNodes[1]}return a(window.document),{makeDetectable:function(t,a,u){function f(){if(t.debug){var n=Array.prototype.slice.call(arguments);if(n.unshift(o.get(a),"Scroll: "),e.log.apply)e.log.apply(null,n);else for(var i=0;i=t.length?(this._t=void 0,r(1)):r(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])}),"values"),o.Arguments=o.Array,i("keys"),i("values"),i("entries")},cb7c:function(t,e,n){var i=n("d3f4");t.exports=function(t){if(!i(t))throw TypeError(t+" is not an object!");return t}},ce10:function(t,e,n){var i=n("69a8"),r=n("6821"),o=n("c366")(!1),s=n("613b")("IE_PROTO");t.exports=function(t,e){var n,a=r(t),c=0,l=[];for(n in a)n!=s&&i(a,n)&&l.push(n);for(;e.length>c;)i(a,n=e[c++])&&(~o(l,n)||l.push(n));return l}},d3f4:function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},d53b:function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},d6eb:function(t,e,n){"use strict";function i(t){return t._erd}t.exports={initState:function(t){return t._erd={},i(t)},getState:i,cleanState:function(t){delete t._erd}}},d8e8:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},e11e:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},e279:function(t,e,n){"use strict";n("1156")},eec4:function(t,e,n){"use strict";var i=n("b770").forEach,r=n("5be5"),o=n("49ad"),s=n("2cef"),a=n("5058"),c=n("abb4"),l=n("18e9"),u=n("c274"),h=n("d6eb"),d=n("18d2"),f=n("c946");function p(t){return Array.isArray(t)||void 0!==t.length}function g(t){if(Array.isArray(t))return t;var e=[];return i(t,(function(t){e.push(t)})),e}function m(t){return t&&1===t.nodeType}function v(t,e,n){var i=t[e];return null==i&&void 0!==n?n:i}t.exports=function(t){var e;if((t=t||{}).idHandler)e={get:function(e){return t.idHandler.get(e,!0)},set:t.idHandler.set};else{var n=s(),b=a({idGenerator:n,stateHandler:h});e=b}var y=t.reporter;y||(y=c(!1===y));var x=v(t,"batchProcessor",u({reporter:y})),w={};w.callOnAdd=!!v(t,"callOnAdd",!0),w.debug=!!v(t,"debug",!1);var S,E=o(e),O=r({stateHandler:h}),T=v(t,"strategy","object"),z=v(t,"important",!1),M={reporter:y,batchProcessor:x,stateHandler:h,idHandler:e,important:z};if("scroll"===T&&(l.isLegacyOpera()?(y.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),T="object"):l.isIE(9)&&(y.warn("Scroll strategy is not supported on IE9. Changing to object strategy."),T="object")),"scroll"===T)S=f(M);else{if("object"!==T)throw new Error("Invalid strategy name: "+T);S=d(M)}var _={};return{listenTo:function(t,n,r){function o(t){var e=E.get(t);i(e,(function(e){e(t)}))}function s(t,e,n){E.add(e,n),t&&n(e)}if(r||(r=n,n=t,t={}),!n)throw new Error("At least one element required.");if(!r)throw new Error("Listener required.");if(m(n))n=[n];else{if(!p(n))return y.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");n=g(n)}var a=0,c=v(t,"callOnAdd",w.callOnAdd),l=v(t,"onReady",(function(){})),u=v(t,"debug",w.debug);i(n,(function(t){h.getState(t)||(h.initState(t),e.set(t));var d=e.get(t);if(u&&y.log("Attaching listener to element",d,t),!O.isDetectable(t))return u&&y.log(d,"Not detectable."),O.isBusy(t)?(u&&y.log(d,"System busy making it detectable"),s(c,t,r),_[d]=_[d]||[],void _[d].push((function(){++a===n.length&&l()}))):(u&&y.log(d,"Making detectable..."),O.markBusy(t,!0),S.makeDetectable({debug:u,important:z},t,(function(t){if(u&&y.log(d,"onElementDetectable"),h.getState(t)){O.markAsDetectable(t),O.markBusy(t,!1),S.addListener(t,o),s(c,t,r);var e=h.getState(t);if(e&&e.startSize){var f=t.offsetWidth,p=t.offsetHeight;e.startSize.width===f&&e.startSize.height===p||o(t)}_[d]&&i(_[d],(function(t){t()}))}else u&&y.log(d,"Element uninstalled before being detectable.");delete _[d],++a===n.length&&l()})));u&&y.log(d,"Already detecable, adding listener."),s(c,t,r),a++})),a===n.length&&l()},removeListener:E.removeListener,removeAllListeners:E.removeAllListeners,uninstall:function(t){if(!t)return y.error("At least one element is required.");if(m(t))t=[t];else{if(!p(t))return y.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");t=g(t)}i(t,(function(t){E.removeAllListeners(t),S.uninstall(t),h.cleanState(t)}))},initDocument:function(t){S.initDocument&&S.initDocument(t)}}}},f1ae:function(t,e,n){"use strict";var i=n("86cc"),r=n("4630");t.exports=function(t,e,n){e in t?i.f(t,e,r(0,n)):t[e]=n}},f6fd:function(t,e){!function(t){var e=t.getElementsByTagName("script");"currentScript"in t||Object.defineProperty(t,"currentScript",{get:function(){try{throw new Error}catch(i){var t,n=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(i.stack)||[!1])[1];for(t in e)if(e[t].src==n||"interactive"==e[t].readyState)return e[t];return null}}})}(document)},f751:function(t,e,n){var i=n("5ca1");i(i.S+i.F,"Object",{assign:n("7333")})},fa5b:function(t,e,n){t.exports=n("5537")("native-function-to-string",Function.toString)},fab2:function(t,e,n){var i=n("7726").document;t.exports=i&&i.documentElement},fb15:function(t,e,n){"use strict";var i;(n.r(e),n.d(e,"install",(function(){return r.d})),n.d(e,"GridLayout",(function(){return r.b})),n.d(e,"GridItem",(function(){return r.a})),"undefined"!=typeof window)&&(n("f6fd"),(i=window.document.currentScript)&&(i=i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(n.p=i[1]));var r=n("2af9");e.default=r.c},fca0:function(t,e,n){var i=n("5ca1"),r=n("7726").isFinite;i(i.S,"Number",{isFinite:function(t){return"number"==typeof t&&r(t)}})},fdef:function(t,e){t.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"}}).default}}]); \ No newline at end of file diff --git a/assets/js/10.14ad00c0.js b/assets/js/10.14ad00c0.js new file mode 100644 index 00000000..60898c08 --- /dev/null +++ b/assets/js/10.14ad00c0.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{405:function(t,o,e){},456:function(t,o,e){"use strict";e(405)},483:function(t,o,e){"use strict";e.r(o);var n=e(371),i={components:{GridLayout:n.GridLayout,GridItem:n.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"}],layout2:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:2,i:"2"}],draggable:!0,resizable:!0,index:0,eventLog:[]}},watch:{eventLog:function(){var t=this.$refs.eventsDiv;t.scrollTop=t.scrollHeight}},methods:{moveEvent:function(t,o,e){var n="MOVE i="+t+", X="+o+", Y="+e;this.eventLog.push(n),console.log(n)},movedEvent:function(t,o,e){var n="MOVED i="+t+", X="+o+", Y="+e;this.eventLog.push(n),console.log(n)},resizeEvent:function(t,o,e,n,i){var a="RESIZE i="+t+", H="+o+", W="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},resizedEvent:function(t,o,e,n,i){var a="RESIZED i="+t+", X="+o+", Y="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},containerResizedEvent:function(t,o,e,n,i){var a="CONTAINER RESIZED i="+t+", H="+o+", W="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},layoutCreatedEvent:function(t){this.eventLog.push("Created layout"),console.log("Created layout: ",t)},layoutBeforeMountEvent:function(t){this.eventLog.push("beforeMount layout"),console.log("beforeMount layout: ",t)},layoutMountedEvent:function(t){this.eventLog.push("Mounted layout"),console.log("Mounted layout: ",t)},layoutReadyEvent:function(t){this.eventLog.push("Ready layout"),console.log("Ready layout: ",t)},layoutUpdatedEvent:function(t){this.eventLog.push("Updated layout"),console.log("Updated layout: ",t)}}},a=(e(456),e(34)),s=Object(a.a)(i,(function(){var t=this,o=t._self._c;return o("div",[o("div",{staticStyle:{"margin-top":"10px"}},[o("h4",[t._v("Grid #1")]),t._v(" "),o("grid-layout",{attrs:{layout:t.layout,"col-num":12,"row-height":30,"is-draggable":!0,"is-resizable":!0,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(o){t.layout=o}}},t._l(t.layout,(function(e){return o("grid-item",{attrs:{x:e.x,y:e.y,w:e.w,h:e.h,i:e.i}},[o("span",{staticClass:"text"},[t._v(t._s(e.i))])])})),1)],1),t._v(" "),o("div",{staticStyle:{"margin-top":"10px"}},[o("h4",[t._v("Grid #2")]),t._v(" "),o("grid-layout",{attrs:{layout:t.layout2,"col-num":12,"row-height":30,"is-draggable":!0,"is-resizable":!0,"vertical-compact":!0,"use-css-transforms":!0}},t._l(t.layout2,(function(e){return o("grid-item",{attrs:{x:e.x,y:e.y,w:e.w,h:e.h,i:e.i}},[o("span",{staticClass:"text"},[t._v(t._s(e.i))])])})),1)],1)])}),[],!1,null,"0093a16d",null);o.default=s.exports}}]); \ No newline at end of file diff --git a/assets/js/11.bda1b97c.js b/assets/js/11.bda1b97c.js new file mode 100644 index 00000000..0edadefd --- /dev/null +++ b/assets/js/11.bda1b97c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{406:function(t,o,e){},457:function(t,o,e){"use strict";e(406)},484:function(t,o,e){"use strict";e.r(o);var n=e(371),i={components:{GridLayout:n.GridLayout,GridItem:n.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:8,y:0,w:2,h:3,i:"4"},{x:10,y:0,w:2,h:3,i:"5"},{x:0,y:5,w:2,h:5,i:"6"},{x:2,y:5,w:2,h:5,i:"7"},{x:4,y:5,w:2,h:5,i:"8"},{x:6,y:4,w:2,h:4,i:"9"},{x:8,y:4,w:2,h:4,i:"10"},{x:10,y:4,w:2,h:4,i:"11"},{x:0,y:10,w:2,h:5,i:"12"},{x:2,y:10,w:2,h:5,i:"13"},{x:4,y:8,w:2,h:4,i:"14"},{x:6,y:8,w:2,h:4,i:"15"},{x:8,y:10,w:2,h:5,i:"16"},{x:10,y:4,w:2,h:2,i:"17"},{x:0,y:9,w:2,h:3,i:"18"},{x:2,y:6,w:2,h:2,i:"19"}],draggable:!0,resizable:!0,index:0,eventLog:[]}},watch:{eventLog:function(){var t=this.$refs.eventsDiv;t.scrollTop=t.scrollHeight}},methods:{moveEvent:function(t,o,e){var n="MOVE i="+t+", X="+o+", Y="+e;this.eventLog.push(n),console.log(n)},movedEvent:function(t,o,e){var n="MOVED i="+t+", X="+o+", Y="+e;this.eventLog.push(n),console.log(n)},resizeEvent:function(t,o,e,n,i){var a="RESIZE i="+t+", H="+o+", W="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},resizedEvent:function(t,o,e,n,i){var a="RESIZED i="+t+", X="+o+", Y="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},containerResizedEvent:function(t,o,e,n,i){var a="CONTAINER RESIZED i="+t+", H="+o+", W="+e+", H(px)="+n+", W(px)="+i;this.eventLog.push(a),console.log(a)},layoutCreatedEvent:function(t){this.eventLog.push("Created layout"),console.log("Created layout: ",t)},layoutBeforeMountEvent:function(t){this.eventLog.push("beforeMount layout"),console.log("beforeMount layout: ",t)},layoutMountedEvent:function(t){this.eventLog.push("Mounted layout"),console.log("Mounted layout: ",t)},layoutReadyEvent:function(t){this.eventLog.push("Ready layout"),console.log("Ready layout: ",t)},layoutUpdatedEvent:function(t){this.eventLog.push("Updated layout"),console.log("Updated layout: ",t)}}},a=(e(457),e(34)),u=Object(a.a)(i,(function(){var t=this,o=t._self._c;return o("div",[o("grid-layout",{attrs:{layout:t.layout,"col-num":12,"row-height":30,"is-draggable":!0,"is-resizable":!0,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(o){t.layout=o}}},t._l(t.layout,(function(e){return o("grid-item",{attrs:{x:e.x,y:e.y,w:e.w,h:e.h,i:e.i,"drag-allow-from":".vue-draggable-handle","drag-ignore-from":".no-drag"}},[o("div",{staticClass:"text"},[o("div",{staticClass:"vue-draggable-handle"}),t._v(" "),o("div",{staticClass:"no-drag"},[o("span",[t._v(t._s(e.i))]),t._v(" "),o("br"),t._v(" "),o("button",[t._v("click")])])])])})),1)],1)}),[],!1,null,"250686ab",null);o.default=u.exports}}]); \ No newline at end of file diff --git a/assets/js/12.c4fee0f8.js b/assets/js/12.c4fee0f8.js new file mode 100644 index 00000000..48187d66 --- /dev/null +++ b/assets/js/12.c4fee0f8.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{407:function(e,r,i){},458:function(e,r,i){"use strict";i(407)},485:function(e,r,i){"use strict";i.r(r);i(193),i(44);var a=i(371),t={components:{GridLayout:a.GridLayout,GridItem:a.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0",static:!1},{x:2,y:0,w:2,h:4,i:"1",static:!0},{x:4,y:0,w:2,h:5,i:"2",static:!1},{x:6,y:0,w:2,h:3,i:"3",static:!1},{x:8,y:0,w:2,h:3,i:"4",static:!1},{x:10,y:0,w:2,h:3,i:"5",static:!1},{x:0,y:5,w:2,h:5,i:"6",static:!1},{x:2,y:5,w:2,h:5,i:"7",static:!1},{x:4,y:5,w:2,h:5,i:"8",static:!1},{x:6,y:3,w:2,h:4,i:"9",static:!0},{x:8,y:4,w:2,h:4,i:"10",static:!1},{x:10,y:4,w:2,h:4,i:"11",static:!1},{x:0,y:10,w:2,h:5,i:"12",static:!1},{x:2,y:10,w:2,h:5,i:"13",static:!1},{x:4,y:8,w:2,h:4,i:"14",static:!1},{x:6,y:8,w:2,h:4,i:"15",static:!1},{x:8,y:10,w:2,h:5,i:"16",static:!1},{x:10,y:4,w:2,h:2,i:"17",static:!1},{x:0,y:9,w:2,h:3,i:"18",static:!1},{x:2,y:6,w:2,h:2,i:"19",static:!1}],draggable:!0,resizable:!0,mirrored:!0,index:0}},methods:{}},c=(i(458),i(34)),s=Object(c.a)(t,(function(){var e=this,r=e._self._c;return r("div",[r("input",{directives:[{name:"model",rawName:"v-model",value:e.draggable,expression:"draggable"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.draggable)?e._i(e.draggable,null)>-1:e.draggable},on:{change:function(r){var i=e.draggable,a=r.target,t=!!a.checked;if(Array.isArray(i)){var c=e._i(i,null);a.checked?c<0&&(e.draggable=i.concat([null])):c>-1&&(e.draggable=i.slice(0,c).concat(i.slice(c+1)))}else e.draggable=t}}}),e._v(" Draggable\n "),r("input",{directives:[{name:"model",rawName:"v-model",value:e.resizable,expression:"resizable"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.resizable)?e._i(e.resizable,null)>-1:e.resizable},on:{change:function(r){var i=e.resizable,a=r.target,t=!!a.checked;if(Array.isArray(i)){var c=e._i(i,null);a.checked?c<0&&(e.resizable=i.concat([null])):c>-1&&(e.resizable=i.slice(0,c).concat(i.slice(c+1)))}else e.resizable=t}}}),e._v(" Resizable\n "),r("input",{directives:[{name:"model",rawName:"v-model",value:e.mirrored,expression:"mirrored"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.mirrored)?e._i(e.mirrored,null)>-1:e.mirrored},on:{change:function(r){var i=e.mirrored,a=r.target,t=!!a.checked;if(Array.isArray(i)){var c=e._i(i,null);a.checked?c<0&&(e.mirrored=i.concat([null])):c>-1&&(e.mirrored=i.slice(0,c).concat(i.slice(c+1)))}else e.mirrored=t}}}),e._v(" Mirrored\n "),r("br"),e._v(" "),r("grid-layout",{attrs:{layout:e.layout,"col-num":12,"row-height":30,"is-draggable":e.draggable,"is-resizable":e.resizable,"is-mirrored":e.mirrored,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(r){e.layout=r}}},e._l(e.layout,(function(i){return r("grid-item",{attrs:{static:i.static,x:i.x,y:i.y,w:i.w,h:i.h,i:i.i}},[r("span",{staticClass:"text"},[e._v(e._s(i.i))])])})),1)],1)}),[],!1,null,"3110a6d3",null);r.default=s.exports}}]); \ No newline at end of file diff --git a/assets/js/13.68766b62.js b/assets/js/13.68766b62.js new file mode 100644 index 00000000..8869b0a0 --- /dev/null +++ b/assets/js/13.68766b62.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{408:function(e,i,a){},459:function(e,i,a){"use strict";a(408)},486:function(e,i,a){"use strict";a.r(i);a(193),a(44);var r=a(371),s={components:{GridLayout:r.GridLayout,GridItem:r.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:8,y:0,w:2,h:3,i:"4"},{x:10,y:0,w:2,h:3,i:"5"},{x:0,y:5,w:2,h:5,i:"6"},{x:2,y:5,w:2,h:5,i:"7"},{x:4,y:5,w:2,h:5,i:"8"},{x:6,y:4,w:2,h:4,i:"9"},{x:8,y:4,w:2,h:4,i:"10"},{x:10,y:4,w:2,h:4,i:"11"},{x:0,y:10,w:2,h:5,i:"12"},{x:2,y:10,w:2,h:5,i:"13"},{x:4,y:8,w:2,h:4,i:"14"},{x:6,y:8,w:2,h:4,i:"15"},{x:8,y:10,w:2,h:5,i:"16"},{x:10,y:4,w:2,h:2,i:"17"},{x:0,y:9,w:2,h:3,i:"18"},{x:2,y:6,w:2,h:2,i:"19"}],draggable:!0,resizable:!0,responsive:!0,index:0}},methods:{}},t=(a(459),a(34)),n=Object(t.a)(s,(function(){var e=this,i=e._self._c;return i("div",{staticStyle:{width:"100%",height:"2000px"}},[i("div",{staticClass:"layoutJSON"},[e._v("\n Displayed as "),i("code",[e._v("[x, y, w, h]")]),e._v(":\n "),i("div",{staticClass:"columns"},e._l(e.layout,(function(a){return i("div",[i("b",[e._v(e._s(a.i))]),e._v(": ["+e._s(a.x)+", "+e._s(a.y)+", "+e._s(a.w)+", "+e._s(a.h)+"]\n ")])})),0)]),e._v(" "),i("hr"),e._v(" "),i("input",{directives:[{name:"model",rawName:"v-model",value:e.draggable,expression:"draggable"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.draggable)?e._i(e.draggable,null)>-1:e.draggable},on:{change:function(i){var a=e.draggable,r=i.target,s=!!r.checked;if(Array.isArray(a)){var t=e._i(a,null);r.checked?t<0&&(e.draggable=a.concat([null])):t>-1&&(e.draggable=a.slice(0,t).concat(a.slice(t+1)))}else e.draggable=s}}}),e._v(" Draggable\n "),i("input",{directives:[{name:"model",rawName:"v-model",value:e.resizable,expression:"resizable"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.resizable)?e._i(e.resizable,null)>-1:e.resizable},on:{change:function(i){var a=e.resizable,r=i.target,s=!!r.checked;if(Array.isArray(a)){var t=e._i(a,null);r.checked?t<0&&(e.resizable=a.concat([null])):t>-1&&(e.resizable=a.slice(0,t).concat(a.slice(t+1)))}else e.resizable=s}}}),e._v(" Resizable\n "),i("input",{directives:[{name:"model",rawName:"v-model",value:e.responsive,expression:"responsive"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.responsive)?e._i(e.responsive,null)>-1:e.responsive},on:{change:function(i){var a=e.responsive,r=i.target,s=!!r.checked;if(Array.isArray(a)){var t=e._i(a,null);r.checked?t<0&&(e.responsive=a.concat([null])):t>-1&&(e.responsive=a.slice(0,t).concat(a.slice(t+1)))}else e.responsive=s}}}),e._v(" Responsive\n "),i("br"),e._v(" "),i("div",{staticStyle:{width:"100%","margin-top":"10px",height:"100%"}},[i("grid-layout",{attrs:{layout:e.layout,"col-num":12,"row-height":30,"is-draggable":e.draggable,"is-resizable":e.resizable,responsive:e.responsive,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(i){e.layout=i}}},e._l(e.layout,(function(a){return i("grid-item",{attrs:{static:a.static,x:a.x,y:a.y,w:a.w,h:a.h,i:a.i}},[i("span",{staticClass:"text"},[e._v(e._s(a.i))])])})),1)],1)])}),[],!1,null,"796bfeb2",null);i.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/14.9ccf9bd1.js b/assets/js/14.9ccf9bd1.js new file mode 100644 index 00000000..343ee699 --- /dev/null +++ b/assets/js/14.9ccf9bd1.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{409:function(t,i,a){},460:function(t,i,a){"use strict";a(409)},487:function(t,i,a){"use strict";a.r(i);var s=a(371),c={components:{GridLayout:s.GridLayout,GridItem:s.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0",static:!1},{x:2,y:0,w:2,h:4,i:"1",static:!0},{x:4,y:0,w:2,h:5,i:"2",static:!1},{x:6,y:0,w:2,h:3,i:"3",static:!1},{x:8,y:0,w:2,h:3,i:"4",static:!1},{x:10,y:0,w:2,h:3,i:"5",static:!1},{x:0,y:5,w:2,h:5,i:"6",static:!1},{x:2,y:5,w:2,h:5,i:"7",static:!1},{x:4,y:5,w:2,h:5,i:"8",static:!1},{x:6,y:3,w:2,h:4,i:"9",static:!0},{x:8,y:4,w:2,h:4,i:"10",static:!1},{x:10,y:4,w:2,h:4,i:"11",static:!1},{x:0,y:10,w:2,h:5,i:"12",static:!1},{x:2,y:10,w:2,h:5,i:"13",static:!1},{x:4,y:8,w:2,h:4,i:"14",static:!1},{x:6,y:8,w:2,h:4,i:"15",static:!1},{x:8,y:10,w:2,h:5,i:"16",static:!1},{x:10,y:4,w:2,h:2,i:"17",static:!1},{x:0,y:9,w:2,h:3,i:"18",static:!1},{x:2,y:6,w:2,h:2,i:"19",static:!1}],draggable:!0,resizable:!0}},methods:{}},e=(a(460),a(34)),n=Object(e.a)(c,(function(){var t=this,i=t._self._c;return i("div",[i("grid-layout",{attrs:{layout:t.layout,"col-num":12,"row-height":30,"is-draggable":t.draggable,"is-resizable":t.resizable,responsive:!1,"vertical-compact":!1,"prevent-collision":!0,"use-css-transforms":!0},on:{"update:layout":function(i){t.layout=i}}},t._l(t.layout,(function(a){return i("grid-item",{attrs:{static:a.static,x:a.x,y:a.y,w:a.w,h:a.h,i:a.i}},[i("span",{staticClass:"text"},[t._v(t._s(a.i))])])})),1)],1)}),[],!1,null,"1ec152c6",null);i.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/15.db803723.js b/assets/js/15.db803723.js new file mode 100644 index 00000000..0148dd11 --- /dev/null +++ b/assets/js/15.db803723.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{410:function(i,t,y){},461:function(i,t,y){"use strict";y(410)},488:function(i,t,y){"use strict";y.r(t);var h=y(371),w={md:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:2,y:4,w:2,h:3,i:"4"},{x:4,y:5,w:2,h:3,i:"5"},{x:0,y:2,w:2,h:5,i:"6"},{x:2,y:7,w:2,h:5,i:"7"},{x:4,y:8,w:2,h:5,i:"8"},{x:6,y:3,w:2,h:4,i:"9"},{x:0,y:7,w:2,h:4,i:"10"},{x:2,y:19,w:2,h:4,i:"11"},{x:0,y:14,w:2,h:5,i:"12"},{x:2,y:14,w:2,h:5,i:"13"},{x:4,y:13,w:2,h:4,i:"14"},{x:6,y:7,w:2,h:4,i:"15"},{x:0,y:19,w:2,h:5,i:"16"},{x:8,y:0,w:2,h:2,i:"17"},{x:0,y:11,w:2,h:3,i:"18"},{x:2,y:12,w:2,h:2,i:"19"}],lg:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:8,y:0,w:2,h:3,i:"4"},{x:10,y:0,w:2,h:3,i:"5"},{x:0,y:5,w:2,h:5,i:"6"},{x:2,y:5,w:2,h:5,i:"7"},{x:4,y:5,w:2,h:5,i:"8"},{x:6,y:4,w:2,h:4,i:"9"},{x:8,y:4,w:2,h:4,i:"10"},{x:10,y:4,w:2,h:4,i:"11"},{x:0,y:10,w:2,h:5,i:"12"},{x:2,y:10,w:2,h:5,i:"13"},{x:4,y:8,w:2,h:4,i:"14"},{x:6,y:8,w:2,h:4,i:"15"},{x:8,y:10,w:2,h:5,i:"16"},{x:10,y:4,w:2,h:2,i:"17"},{x:0,y:9,w:2,h:3,i:"18"},{x:2,y:6,w:2,h:2,i:"19"}]},e={components:{GridLayout:h.GridLayout,GridItem:h.GridItem},data:function(){return{layouts:w,layout:w.lg,draggable:!0,resizable:!0,responsive:!0}},methods:{breakpointChangedEvent:function(i,t){console.log("BREAKPOINT CHANGED breakpoint=",i,", layout: ",t)}}},a=(y(461),y(34)),n=Object(a.a)(e,(function(){var i=this,t=i._self._c;return t("div",[t("grid-layout",{attrs:{layout:i.layout,"responsive-layouts":i.layouts,"col-num":12,"row-height":30,"is-draggable":i.draggable,"is-resizable":i.resizable,"vertical-compact":!0,"use-css-transforms":!0,responsive:i.responsive},on:{"update:layout":function(t){i.layout=t},"breakpoint-changed":i.breakpointChangedEvent}},i._l(i.layout,(function(y){return t("grid-item",{attrs:{x:y.x,y:y.y,w:y.w,h:y.h,i:y.i}},[t("span",{staticClass:"text"},[i._v(i._s(y.i))])])})),1)],1)}),[],!1,null,"09f9c3ab",null);t.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/16.8c6c9b34.js b/assets/js/16.8c6c9b34.js new file mode 100644 index 00000000..83760424 --- /dev/null +++ b/assets/js/16.8c6c9b34.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{413:function(e,a,i){},467:function(e,a,i){"use strict";i(413)},491:function(e,a,i){"use strict";i.r(a);i(193),i(44);var r=i(371),t={components:{GridLayout:r.GridLayout,GridItem:r.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:8,y:0,w:2,h:3,i:"4"},{x:10,y:0,w:2,h:3,i:"5"},{x:0,y:5,w:2,h:5,i:"6"},{x:2,y:5,w:2,h:5,i:"7"},{x:4,y:5,w:2,h:5,i:"8"},{x:6,y:4,w:2,h:4,i:"9"},{x:8,y:4,w:2,h:4,i:"10"},{x:10,y:4,w:2,h:4,i:"11"},{x:0,y:10,w:2,h:5,i:"12"},{x:2,y:10,w:2,h:5,i:"13"},{x:4,y:8,w:2,h:4,i:"14"},{x:6,y:8,w:2,h:4,i:"15"},{x:8,y:10,w:2,h:5,i:"16"},{x:10,y:4,w:2,h:2,i:"17"},{x:0,y:9,w:2,h:3,i:"18"},{x:2,y:6,w:2,h:2,i:"19"}],draggable:!0,resizable:!0,bounded:!0}}},n=(i(467),i(34)),l=Object(n.a)(t,(function(){var e=this,a=e._self._c;return a("div",{staticStyle:{width:"100%",height:"2000px"}},[a("div",{staticClass:"layoutJSON"},[e._v("\n Displayed as "),a("code",[e._v("[x, y, w, h]")]),e._v(":\n "),a("div",{staticClass:"columns"},e._l(e.layout,(function(i){return a("div",[a("b",[e._v(e._s(i.i))]),e._v(": ["+e._s(i.x)+", "+e._s(i.y)+", "+e._s(i.w)+", "+e._s(i.h)+"]\n ")])})),0)]),e._v(" "),a("hr"),e._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:e.draggable,expression:"draggable"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.draggable)?e._i(e.draggable,null)>-1:e.draggable},on:{change:function(a){var i=e.draggable,r=a.target,t=!!r.checked;if(Array.isArray(i)){var n=e._i(i,null);r.checked?n<0&&(e.draggable=i.concat([null])):n>-1&&(e.draggable=i.slice(0,n).concat(i.slice(n+1)))}else e.draggable=t}}}),e._v(" Draggable\n "),a("input",{directives:[{name:"model",rawName:"v-model",value:e.resizable,expression:"resizable"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.resizable)?e._i(e.resizable,null)>-1:e.resizable},on:{change:function(a){var i=e.resizable,r=a.target,t=!!r.checked;if(Array.isArray(i)){var n=e._i(i,null);r.checked?n<0&&(e.resizable=i.concat([null])):n>-1&&(e.resizable=i.slice(0,n).concat(i.slice(n+1)))}else e.resizable=t}}}),e._v(" Resizable\n "),a("input",{directives:[{name:"model",rawName:"v-model",value:e.bounded,expression:"bounded"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.bounded)?e._i(e.bounded,null)>-1:e.bounded},on:{change:function(a){var i=e.bounded,r=a.target,t=!!r.checked;if(Array.isArray(i)){var n=e._i(i,null);r.checked?n<0&&(e.bounded=i.concat([null])):n>-1&&(e.bounded=i.slice(0,n).concat(i.slice(n+1)))}else e.bounded=t}}}),e._v(" Bounded\n "),a("br"),e._v(" "),a("div",{staticStyle:{width:"100%","margin-top":"10px",height:"100%"}},[a("grid-layout",{attrs:{layout:e.layout,"col-num":12,"row-height":30,"is-draggable":e.draggable,"is-resizable":e.resizable,"is-bounded":e.bounded,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(a){e.layout=a}}},e._l(e.layout,(function(i){return a("grid-item",{attrs:{static:i.static,x:i.x,y:i.y,w:i.w,h:i.h,i:i.i}},[a("span",{staticClass:"text"},[e._v(e._s(i.i))])])})),1)],1)])}),[],!1,null,"65b80052",null);a.default=l.exports}}]); \ No newline at end of file diff --git a/assets/js/17.812c6ce2.js b/assets/js/17.812c6ce2.js new file mode 100644 index 00000000..42a5dacd --- /dev/null +++ b/assets/js/17.812c6ce2.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{414:function(t,i,a){},468:function(t,i,a){"use strict";a(414)},492:function(t,i,a){"use strict";a.r(i);var s=a(371),c={components:{GridLayout:s.GridLayout,GridItem:s.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0",static:!1},{x:2,y:0,w:2,h:4,i:"1",static:!0},{x:4,y:0,w:2,h:5,i:"2",static:!1},{x:6,y:0,w:2,h:3,i:"3",static:!1},{x:8,y:0,w:2,h:3,i:"4",static:!1},{x:10,y:0,w:2,h:3,i:"5",static:!1},{x:0,y:5,w:2,h:5,i:"6",static:!1},{x:2,y:5,w:2,h:5,i:"7",static:!1},{x:4,y:5,w:2,h:5,i:"8",static:!1},{x:6,y:3,w:2,h:4,i:"9",static:!0},{x:8,y:4,w:2,h:4,i:"10",static:!1},{x:10,y:4,w:2,h:4,i:"11",static:!1},{x:0,y:10,w:2,h:5,i:"12",static:!1},{x:2,y:10,w:2,h:5,i:"13",static:!1},{x:4,y:8,w:2,h:4,i:"14",static:!1},{x:6,y:8,w:2,h:4,i:"15",static:!1},{x:8,y:10,w:2,h:5,i:"16",static:!1},{x:10,y:4,w:2,h:2,i:"17",static:!1},{x:0,y:9,w:2,h:3,i:"18",static:!1},{x:2,y:6,w:2,h:2,i:"19",static:!1}],draggable:!0,resizable:!0,margin:[10,10],colNum:12,rowHeight:30,index:0}},computed:{},methods:{itemTitle:function(t){var i=t.i;return t.static&&(i+=" - Static"),i}}},e=(a(468),a(34)),r=Object(e.a)(c,(function(){var t=this,i=t._self._c;return i("div",{staticClass:"container"},[i("grid-layout",{staticClass:"grid",attrs:{layout:t.layout,margin:t.margin,"col-num":t.colNum,"row-height":t.rowHeight,"is-draggable":t.draggable,"is-resizable":t.resizable,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(i){t.layout=i}}},t._l(t.layout,(function(a){return i("grid-item",{attrs:{static:a.static,x:a.x,y:a.y,w:a.w,h:a.h,i:a.i}},[i("span",{staticClass:"text"},[t._v(t._s(t.itemTitle(a)))])])})),1)],1)}),[],!1,null,null,null);i.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/18.ab6d306c.js b/assets/js/18.ab6d306c.js new file mode 100644 index 00000000..608d718a --- /dev/null +++ b/assets/js/18.ab6d306c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{415:function(t,i,a){},469:function(t,i,a){"use strict";a(415)},493:function(t,i,a){"use strict";a.r(i);var s=a(371),c={components:{GridLayout:s.GridLayout,GridItem:s.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0",static:!1},{x:2,y:0,w:2,h:4,i:"1",static:!0},{x:4,y:0,w:2,h:5,i:"2",static:!1},{x:6,y:0,w:2,h:3,i:"3",static:!1},{x:8,y:0,w:2,h:3,i:"4",static:!1},{x:10,y:0,w:2,h:3,i:"5",static:!1},{x:0,y:5,w:2,h:5,i:"6",static:!1},{x:2,y:5,w:2,h:5,i:"7",static:!1},{x:4,y:5,w:2,h:5,i:"8",static:!1},{x:6,y:3,w:2,h:4,i:"9",static:!0},{x:8,y:4,w:2,h:4,i:"10",static:!1},{x:10,y:4,w:2,h:4,i:"11",static:!1},{x:0,y:10,w:2,h:5,i:"12",static:!1},{x:2,y:10,w:2,h:5,i:"13",static:!1},{x:4,y:8,w:2,h:4,i:"14",static:!1},{x:6,y:8,w:2,h:4,i:"15",static:!1},{x:8,y:10,w:2,h:5,i:"16",static:!1},{x:10,y:4,w:2,h:2,i:"17",static:!1},{x:0,y:9,w:2,h:3,i:"18",static:!1},{x:2,y:6,w:2,h:2,i:"19",static:!1}],draggable:!0,resizable:!0,index:0}},methods:{itemTitle:function(t){var i=t.i;return t.static&&(i+=" - Static"),i}}},e=(a(469),a(34)),n=Object(e.a)(c,(function(){var t=this,i=t._self._c;return i("div",{staticClass:"container"},[i("grid-layout",{attrs:{layout:t.layout,"col-num":12,"row-height":30,"is-draggable":t.draggable,"is-resizable":t.resizable,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(i){t.layout=i}}},t._l(t.layout,(function(a){return i("grid-item",{attrs:{static:a.static,x:a.x,y:a.y,w:a.w,h:a.h,i:a.i}},[i("span",{staticClass:"text"},[t._v(t._s(t.itemTitle(a)))])])})),1)],1)}),[],!1,null,null,null);i.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/19.8e4bcdf7.js b/assets/js/19.8e4bcdf7.js new file mode 100644 index 00000000..394b7ac5 --- /dev/null +++ b/assets/js/19.8e4bcdf7.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{416:function(t,s,o){},470:function(t,s,o){"use strict";o(416)},494:function(t,s,o){"use strict";o.r(s);var n={name:"HomeFooter"},e=(o(470),o(34)),r=Object(e.a)(n,(function(){this._self._c;return this._m(0)}),[function(){var t=this._self._c;return t("footer",{staticClass:"footer"},[this._v("\n A product by:\n "),t("a",{staticClass:"footer-card",attrs:{href:"https://www.jbaysolutions.com/",target:"_blank",rel:"noopener"}},[t("img",{attrs:{src:"assets/img/logo-jbay.png"}})])])}],!1,null,"49c331c8",null);s.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/20.b313fd18.js b/assets/js/20.b313fd18.js new file mode 100644 index 00000000..0057c72d --- /dev/null +++ b/assets/js/20.b313fd18.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{417:function(t,i,a){},471:function(t,i,a){"use strict";a(417)},495:function(t,i,a){"use strict";a.r(i);var s=a(371),e={name:"HomepageGrid",components:{GridLayout:s.GridLayout,GridItem:s.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0",static:!1},{x:10,y:0,w:2,h:4,i:"1",static:!0},{x:2,y:0,w:8,h:4,i:"2",static:!1},{x:6,y:4,w:2,h:3,i:"3",static:!1},{x:8,y:4,w:2,h:3,i:"4",static:!1},{x:10,y:4,w:2,h:3,i:"5",static:!1},{x:0,y:2,w:2,h:5,i:"6",static:!1},{x:2,y:4,w:2,h:5,i:"7",static:!1},{x:4,y:4,w:2,h:5,i:"8",static:!1},{x:6,y:7,w:2,h:4,i:"9",static:!0},{x:8,y:7,w:2,h:4,i:"10",static:!1},{x:10,y:7,w:2,h:4,i:"11",static:!1},{x:0,y:10,w:2,h:5,i:"12",static:!1},{x:2,y:11,w:2,h:5,i:"13",static:!1},{x:4,y:9,w:2,h:4,i:"14",static:!1},{x:6,y:11,w:2,h:4,i:"15",static:!1},{x:8,y:11,w:2,h:5,i:"16",static:!1},{x:10,y:11,w:2,h:2,i:"17",static:!1},{x:0,y:7,w:2,h:3,i:"18",static:!1},{x:2,y:9,w:2,h:2,i:"19",static:!1}],draggable:!0,resizable:!0,index:0}},methods:{itemTitle:function(t){var i=t.i;return t.static&&(i+=" - Static"),i}}},c=(a(471),a(34)),o=Object(c.a)(e,(function(){var t=this,i=t._self._c;return i("grid-layout",{attrs:{layout:t.layout,"col-num":12,"row-height":30,"is-draggable":t.draggable,"is-resizable":t.resizable,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(i){t.layout=i}}},t._l(t.layout,(function(a){return i("grid-item",{attrs:{static:a.static,x:a.x,y:a.y,w:a.w,h:a.h,i:a.i}},["2"===a.i?i("div",{staticClass:"docsfold-features"},[i("img",{staticStyle:{"max-width":"100%"},attrs:{src:"assets/img/docsfold-logo-sm.png",alt:"DocsFold"}}),t._v(" "),i("div",{staticClass:"content"},[i("h2",[t._v("API to generate image and PDF documents")]),t._v(" "),i("div",{staticStyle:{padding:"10px 0"}},[i("a",{staticClass:"btn-read-more",attrs:{href:"https://www.docsfold.com?utm_source=vue-grid-layout-website&utm_medium=web&utm_campaign=vue-grid-layout",target:"_blank"}},[t._v("Get started for FREE")])])])]):i("span",{staticClass:"text"},[t._v(t._s(t.itemTitle(a)))])])})),1)}),[],!1,null,"25834d9b",null);i.default=o.exports}}]); \ No newline at end of file diff --git a/assets/js/21.e6d6e59c.js b/assets/js/21.e6d6e59c.js new file mode 100644 index 00000000..e7f13a86 --- /dev/null +++ b/assets/js/21.e6d6e59c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{418:function(t,e,n){},472:function(t,e,n){"use strict";n(418)},538:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(472),n(34)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]); \ No newline at end of file diff --git a/assets/js/22.9e6086a7.js b/assets/js/22.9e6086a7.js new file mode 100644 index 00000000..9271004f --- /dev/null +++ b/assets/js/22.9e6086a7.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{419:function(t,e,n){},473:function(t,e,n){"use strict";n(419)},496:function(t,e,n){"use strict";n.r(e);var a={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}},mounted:function(){this.$parent&&this.$parent.loadTabs&&this.$parent.loadTabs()}},i=(n(473),n(34)),s=Object(i.a)(a,(function(){return(0,this._self._c)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"759a7d02",null);e.default=s.exports}}]); \ No newline at end of file diff --git a/assets/js/23.e728de9f.js b/assets/js/23.e728de9f.js new file mode 100644 index 00000000..fa095b80 --- /dev/null +++ b/assets/js/23.e728de9f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{420:function(e,t,a){},474:function(e,t,a){"use strict";a(420)},497:function(e,t,a){"use strict";a.r(t);a(93),a(43),a(10),a(96);var o={name:"CodeGroup",data:function(){return{codeTabs:[],activeCodeTabIndex:-1}},watch:{activeCodeTabIndex:function(e){this.activateCodeTab(e)}},mounted:function(){this.loadTabs()},methods:{changeCodeTab:function(e){this.activeCodeTabIndex=e},loadTabs:function(){var e=this;this.codeTabs=(this.$slots.default||[]).filter((function(e){return Boolean(e.componentOptions)})).map((function(t,a){return""===t.componentOptions.propsData.active&&(e.activeCodeTabIndex=a),{title:t.componentOptions.propsData.title,elm:t.elm}})),-1===this.activeCodeTabIndex&&this.codeTabs.length>0&&(this.activeCodeTabIndex=0),this.activateCodeTab(0)},activateCodeTab:function(e){this.codeTabs.forEach((function(e){e.elm&&e.elm.classList.remove("theme-code-block__active")})),this.codeTabs[e].elm&&this.codeTabs[e].elm.classList.add("theme-code-block__active")}}},n=(a(474),a(34)),c=Object(n.a)(o,(function(){var e=this,t=e._self._c;return t("ClientOnly",[t("div",{staticClass:"theme-code-group"},[t("div",{staticClass:"theme-code-group__nav"},[t("ul",{staticClass:"theme-code-group__ul"},e._l(e.codeTabs,(function(a,o){return t("li",{key:a.title,staticClass:"theme-code-group__li"},[t("button",{staticClass:"theme-code-group__nav-tab",class:{"theme-code-group__nav-tab-active":o===e.activeCodeTabIndex},on:{click:function(t){return e.changeCodeTab(o)}}},[e._v("\n "+e._s(a.title)+"\n ")])])})),0)]),e._v(" "),e._t("default"),e._v(" "),e.codeTabs.length<1?t("pre",{staticClass:"pre-blank"},[e._v("// Make sure to add code blocks to your code group")]):e._e()],2)])}),[],!1,null,"deefee04",null);t.default=c.exports}}]); \ No newline at end of file diff --git a/assets/js/24.f30b620f.js b/assets/js/24.f30b620f.js new file mode 100644 index 00000000..8bec9481 --- /dev/null +++ b/assets/js/24.f30b620f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{480:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(34),h=Object(i.a)(o,(function(){var t=this._self._c;return t("div",{staticClass:"theme-container"},[t("div",{staticClass:"theme-default-content"},[t("h1",[this._v("404")]),this._v(" "),t("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),t("RouterLink",{attrs:{to:"/"}},[this._v("\n Take me home.\n ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]); \ No newline at end of file diff --git a/assets/js/25.2cfa22b4.js b/assets/js/25.2cfa22b4.js new file mode 100644 index 00000000..7773d809 --- /dev/null +++ b/assets/js/25.2cfa22b4.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{498:function(t,n,o){"use strict";o.r(n);var e=o(34),s=Object(e.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("HomeFooter")],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/assets/js/26.5abd94d3.js b/assets/js/26.5abd94d3.js new file mode 100644 index 00000000..73b82d43 --- /dev/null +++ b/assets/js/26.5abd94d3.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{499:function(e,t,r){"use strict";r.r(t);var a=r(34),n=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"changelog"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#changelog"}},[e._v("#")]),e._v(" Changelog")]),e._v(" "),t("h2",{attrs:{id:"_2-4-0-aug-3-2022"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-4-0-aug-3-2022"}},[e._v("#")]),e._v(" 2.4.0 (Aug 3, 2022)")]),e._v(" "),t("ul",[t("li",[e._v("GridLayout transformScale prop, to allow proper dragging and resizing when scaled (#430) (thanks "),t("a",{attrs:{href:"https://github.com/adt-hgkim",target:"_blank",rel:"noopener noreferrer"}},[e._v("adt-hgkim"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("GridLayout and GridItem isBounded prop, to prevent draging outside of the parent element (#523) (thanks "),t("a",{attrs:{href:"https://github.com/rin4ik",target:"_blank",rel:"noopener noreferrer"}},[e._v("rin4ik"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Added GridItem passthrough options for interact resizable and draggable (#181) (thanks "),t("a",{attrs:{href:"https://github.com/llezenelrahc",target:"_blank",rel:"noopener noreferrer"}},[e._v("llezenelrahc"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Change function call order for responsive features (thanks "),t("a",{attrs:{href:"https://github.com/william8012",target:"_blank",rel:"noopener noreferrer"}},[e._v("william8012"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Added GridLayout restoreOnDrag prop, to generate less gaps on drag when verticalCompact is false (thanks "),t("a",{attrs:{href:"https://github.com/jledentu",target:"_blank",rel:"noopener noreferrer"}},[e._v("jledentu"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("added unit tests (thanks "),t("a",{attrs:{href:"https://github.com/ygj6",target:"_blank",rel:"noopener noreferrer"}},[e._v("ygj6"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("layout key extra validations (thanks "),t("a",{attrs:{href:"https://github.com/ygj6",target:"_blank",rel:"noopener noreferrer"}},[e._v("ygj6"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Fix grid items overlapping when using autoSize() (thanks "),t("a",{attrs:{href:"https://github.com/ygj6",target:"_blank",rel:"noopener noreferrer"}},[e._v("ygj6"),t("OutboundLink")],1),e._v(" and "),t("a",{attrs:{href:"https://github.com/savandriy",target:"_blank",rel:"noopener noreferrer"}},[e._v("savandriy"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-12-jan-15-2020"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-12-jan-15-2020"}},[e._v("#")]),e._v(" 2.3.12 (Jan 15, 2020)")]),e._v(" "),t("ul",[t("li",[e._v("Bumped interact.js to 1.10.2")]),e._v(" "),t("li",[e._v("Added 'preserveAspectRatio' property to GridItem (thanks "),t("a",{attrs:{href:"https://github.com/validide",target:"_blank",rel:"noopener noreferrer"}},[e._v("validide"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-11-oct-13-2020"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-11-oct-13-2020"}},[e._v("#")]),e._v(" 2.3.11 (Oct 13, 2020)")]),e._v(" "),t("ul",[t("li",[e._v("fix: regression when using responsive layout (#487)")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-10-oct-12-2020"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-10-oct-12-2020"}},[e._v("#")]),e._v(" 2.3.10 (Oct 12, 2020)")]),e._v(" "),t("ul",[t("li",[e._v("Bumped interact.js to 1.10.0, now imported as ES6 modules to optimize size")]),e._v(" "),t("li",[e._v("fix: resizing a grid item in RTL mode wasn't working (thanks "),t("a",{attrs:{href:"https://github.com/or-lat",target:"_blank",rel:"noopener noreferrer"}},[e._v("or-lat"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Added GridLayout.useStyleCursor property to fix possible browser freezes (thanks "),t("a",{attrs:{href:"https://github.com/mosuzi",target:"_blank",rel:"noopener noreferrer"}},[e._v("mosuzi"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("fix: wrong parent layout when GridItem is not the child of GridLayout (thanks "),t("a",{attrs:{href:"https://github.com/lzq4047",target:"_blank",rel:"noopener noreferrer"}},[e._v("lzq4047"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Fix: Item's size changes when hiding/displaying it again in responsive mode (thanks "),t("a",{attrs:{href:"https://github.com/lustan3216",target:"_blank",rel:"noopener noreferrer"}},[e._v("lustan3216"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-9-sep-28-2020"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-9-sep-28-2020"}},[e._v("#")]),e._v(" 2.3.9 (Sep 28, 2020)")]),e._v(" "),t("ul",[t("li",[e._v("Fix plugin installation (fixes #311) (thanks "),t("a",{attrs:{href:"https://github.com/yfwz100",target:"_blank",rel:"noopener noreferrer"}},[e._v("yfwz100"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Bumped interact.js to 1.9.22")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-8-july-31-2020"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-8-july-31-2020"}},[e._v("#")]),e._v(" 2.3.8 (July 31, 2020)")]),e._v(" "),t("ul",[t("li",[e._v("Make margins reactive (thanks "),t("a",{attrs:{href:"https://github.com/yfwz100",target:"_blank",rel:"noopener noreferrer"}},[e._v("yfwz100"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Added missing 'layout-updated' events (thanks "),t("a",{attrs:{href:"https://github.com/ben-lau",target:"_blank",rel:"noopener noreferrer"}},[e._v("ben-lau"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Support for initial responsive layouts and breakpoint change event (thanks "),t("a",{attrs:{href:"https://github.com/ftylitak",target:"_blank",rel:"noopener noreferrer"}},[e._v("ftylitak"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Bugfix for possible error when layout items get removed and interactObj is not set (thanks "),t("a",{attrs:{href:"https://github.com/Tofandel",target:"_blank",rel:"noopener noreferrer"}},[e._v("Tofandel"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Fix wrong grid item sorting in responsive mode (thanks "),t("a",{attrs:{href:"https://github.com/pieterbeulque",target:"_blank",rel:"noopener noreferrer"}},[e._v("pieterbeulque"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-7-oct-31-2019"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-7-oct-31-2019"}},[e._v("#")]),e._v(" 2.3.7 (Oct 31, 2019)")]),e._v(" "),t("ul",[t("li",[e._v("renamed 'resized' event emitted when the container changes size (browser window or other), introduced in #337, fixes #358")]),e._v(" "),t("li",[e._v("bugfix on layout-ready event")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-6-sep-11-2019"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-6-sep-11-2019"}},[e._v("#")]),e._v(" 2.3.6 (Sep 11, 2019)")]),e._v(" "),t("ul",[t("li",[e._v("reverted grid item w and h previous rounding change, fixes #355")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-5-sep-7-2019"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-5-sep-7-2019"}},[e._v("#")]),e._v(" 2.3.5 (Sep 7, 2019)")]),e._v(" "),t("ul",[t("li",[e._v("Fix: no-touch on mobile and only if item is draggable or resizable (thanks "),t("a",{attrs:{href:"https://github.com/DGoms",target:"_blank",rel:"noopener noreferrer"}},[e._v("DGoms"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Prevent collision feature (thanks "),t("a",{attrs:{href:"https://github.com/SheanDe",target:"_blank",rel:"noopener noreferrer"}},[e._v("SheanDe"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Simplified Chinese README (thanks "),t("a",{attrs:{href:"https://github.com/harrywangchina",target:"_blank",rel:"noopener noreferrer"}},[e._v("harrywangchina"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("'resized' event now emitted if grid item is resized due to changes other than a manual resize (e.g. browser window resize) (thanks "),t("a",{attrs:{href:"https://github.com/pmorch",target:"_blank",rel:"noopener noreferrer"}},[e._v("pmorch"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Improvement on 'layout-ready' event emit (thanks "),t("a",{attrs:{href:"https://github.com/pmorch",target:"_blank",rel:"noopener noreferrer"}},[e._v("pmorch"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Added watchers for min/max height and width (thanks "),t("a",{attrs:{href:"https://github.com/grinat",target:"_blank",rel:"noopener noreferrer"}},[e._v("grinat"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Improvement: make sure the size of grid-item is bigger than the slot-item (thanks "),t("a",{attrs:{href:"https://github.com/ywmail",target:"_blank",rel:"noopener noreferrer"}},[e._v("ywmail"),t("OutboundLink")],1),e._v(").")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-4-mar-5-2019"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-4-mar-5-2019"}},[e._v("#")]),e._v(" 2.3.4 (Mar 5, 2019)")]),e._v(" "),t("ul",[t("li",[e._v("Support for static items (thanks "),t("a",{attrs:{href:"https://github.com/panjiangyi",target:"_blank",rel:"noopener noreferrer"}},[e._v("panjiangyi"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("RTL bugfix (thanks "),t("a",{attrs:{href:"https://github.com/irvingwa",target:"_blank",rel:"noopener noreferrer"}},[e._v("irvingwa"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Memory leak fixes (thanks "),t("a",{attrs:{href:"https://github.com/aiankile",target:"_blank",rel:"noopener noreferrer"}},[e._v("aiankile"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Fixed exception on grid layout mount (thanks "),t("a",{attrs:{href:"https://github.com/BenoitZugmeyer",target:"_blank",rel:"noopener noreferrer"}},[e._v("BenoitZugmeyer"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Fixed overlapping and resizing bugs on responsive mode (thanks "),t("a",{attrs:{href:"https://github.com/shpfive",target:"_blank",rel:"noopener noreferrer"}},[e._v("shpfive"),t("OutboundLink")],1),e._v(").")]),e._v(" "),t("li",[e._v("Added new events emited by GridLayout (layout-created, layout-before-mount, layout-mounted, layout-ready) (thanks "),t("a",{attrs:{href:"https://github.com/samuelmolinski",target:"_blank",rel:"noopener noreferrer"}},[e._v("samuelmolinski"),t("OutboundLink")],1),e._v(").")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-3-dec-26-2018"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-3-dec-26-2018"}},[e._v("#")]),e._v(" 2.3.3 (Dec 26, 2018)")]),e._v(" "),t("ul",[t("li",[e._v("Reverted adding vue as external, which caused problems loading umd.")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-2-dec-13-2018"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-2-dec-13-2018"}},[e._v("#")]),e._v(" 2.3.2 (Dec 13, 2018)")]),e._v(" "),t("ul",[t("li",[e._v("Added vue as externals webpack config to fix startup problems (thanks "),t("a",{attrs:{href:"https://github.com/Micene09",target:"_blank",rel:"noopener noreferrer"}},[e._v("Micene9"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-1-nov-6-2018"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-1-nov-6-2018"}},[e._v("#")]),e._v(" 2.3.1 (Nov 6, 2018)")]),e._v(" "),t("ul",[t("li",[e._v("Previous fix for touch dragging on Android broke dragging on other mobile browsers (thanks "),t("a",{attrs:{href:"https://github.com/onx2",target:"_blank",rel:"noopener noreferrer"}},[e._v("onx2"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-3-0-oct-26-2018"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-0-oct-26-2018"}},[e._v("#")]),e._v(" 2.3.0 (Oct 26, 2018)")]),e._v(" "),t("ul",[t("li",[e._v("Responsive layout support (thanks "),t("a",{attrs:{href:"https://github.com/shpfive",target:"_blank",rel:"noopener noreferrer"}},[e._v("shpfive"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Fix for touch dragging on Android (thanks "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[e._v("pbabey"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-2-0-sep-10-2018"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-2-0-sep-10-2018"}},[e._v("#")]),e._v(" 2.2.0 (Sep 10, 2018)")]),e._v(" "),t("ul",[t("li",[e._v("changed project structure and build using Vue CLI")]),e._v(" "),t("li",[e._v("GridItem new autosize method. For now, need to be called from child component with this.$parent.autoSize() (thanks"),t("a",{attrs:{href:"https://github.com/mech01nc01",target:"_blank",rel:"noopener noreferrer"}},[e._v("mech01nc01"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Abstract DOM related calls for initial SSR Support (thanks"),t("a",{attrs:{href:"https://github.com/Kukks",target:"_blank",rel:"noopener noreferrer"}},[e._v("Kukks"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("GridItem.i can now be a number or a string (thanks"),t("a",{attrs:{href:"https://github.com/xch1029",target:"_blank",rel:"noopener noreferrer"}},[e._v("xch1029"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Use interactjs size restrictions to limit resizing (thanks"),t("a",{attrs:{href:"https://github.com/LuisCarreras",target:"_blank",rel:"noopener noreferrer"}},[e._v("LuisCarreras"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Fixed interactjs instance leak on instance release (thanks"),t("a",{attrs:{href:"https://github.com/zzuligy",target:"_blank",rel:"noopener noreferrer"}},[e._v("zzuligy"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-13-may-2-2018"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-13-may-2-2018"}},[e._v("#")]),e._v(" 2.1.13 (May 2, 2018)")]),e._v(" "),t("ul",[t("li",[e._v("Resize event now also emits dimensions in pixels (thanks "),t("a",{attrs:{href:"https://github.com/buremba",target:"_blank",rel:"noopener noreferrer"}},[e._v("buremba"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Support for dynamic col-num (#121) (thanks "),t("a",{attrs:{href:"https://github.com/ittus",target:"_blank",rel:"noopener noreferrer"}},[e._v("ittus"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-12-fev-27-2018"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-12-fev-27-2018"}},[e._v("#")]),e._v(" 2.1.12 (Fev 27, 2018)")]),e._v(" "),t("ul",[t("li",[e._v("Updated interact.js to 1.3.3 (#144)")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-11-jan-5-2018"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-11-jan-5-2018"}},[e._v("#")]),e._v(" 2.1.11 (Jan 5, 2018)")]),e._v(" "),t("ul",[t("li",[e._v("Fixed issue with multiple grids on same vm (#134) (thanks "),t("a",{attrs:{href:"https://github.com/sunzongzheng",target:"_blank",rel:"noopener noreferrer"}},[e._v("Suen"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Fixed issue with layout update on reassignment (#130) (thanks "),t("a",{attrs:{href:"https://github.com/daizengyu123",target:"_blank",rel:"noopener noreferrer"}},[e._v("daizengyu"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-10-dec-15-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-10-dec-15-2017"}},[e._v("#")]),e._v(" 2.1.10 (Dec 15, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Fixed possible bug related with #119")]),e._v(" "),t("li",[e._v("Changed css translate to translate3d (#96)")]),e._v(" "),t("li",[e._v("Added is-mirrored config, allowing the grid items to be rendered from right to left (horizontal flip) (thanks "),t("a",{attrs:{href:"https://github.com/kweij",target:"_blank",rel:"noopener noreferrer"}},[e._v("kweij"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Added grid updated event for easier integration with vuex (thanks "),t("a",{attrs:{href:"https://github.com/SergeyKhval",target:"_blank",rel:"noopener noreferrer"}},[e._v("SergeyKhval"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-9-aug-17-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-9-aug-17-2017"}},[e._v("#")]),e._v(" 2.1.9 (Aug 17, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Fixed local module reference to interact.js")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-8-aug-17-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-8-aug-17-2017"}},[e._v("#")]),e._v(" 2.1.8 (Aug 17, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Fixed #61 and #37")]),e._v(" "),t("li",[e._v("Fixed #82")]),e._v(" "),t("li",[e._v("Fixed #87")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-7-aug-17-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-7-aug-17-2017"}},[e._v("#")]),e._v(" 2.1.7 (Aug 17, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Fixed #59")]),e._v(" "),t("li",[e._v("Fixed #83")]),e._v(" "),t("li",[e._v("Implemented support for dragAllowFrom and dragIgnoreFrom props on GridItem (thanks "),t("a",{attrs:{href:"https://github.com/ThePlastic",target:"_blank",rel:"noopener noreferrer"}},[e._v("ThePlastic"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-6-apr-6-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-6-apr-6-2017"}},[e._v("#")]),e._v(" 2.1.6 (Apr 6, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Fixed #43, configurable drag elements ignore on grid item contents (thanks "),t("a",{attrs:{href:"https://github.com/neithere",target:"_blank",rel:"noopener noreferrer"}},[e._v("neithere"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Fix for getLayoutItem, sometimes returns null elements (thanks "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[e._v("pbabey"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-5-mar-24-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-5-mar-24-2017"}},[e._v("#")]),e._v(" 2.1.5 (Mar 24, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Really fixed #22 #32, multiple grid instances were not working properly in 2.1.4")]),e._v(" "),t("li",[e._v("resizedEvent now also returns item width and height in pixels (implements #34)")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-4-mar-20-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-4-mar-20-2017"}},[e._v("#")]),e._v(" 2.1.4 (Mar 20, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Implemented #32, support for multiple grid instances on the same page")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-3-mar-9-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-3-mar-9-2017"}},[e._v("#")]),e._v(" 2.1.3 (Mar 9, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Fixed #27, props mutation warnings")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-2-fev-16-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-2-fev-16-2017"}},[e._v("#")]),e._v(" 2.1.2 (Fev 16, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Implemented #12, buttons on GridItems would trigger drag on mobile")]),e._v(" "),t("li",[e._v("Implemented #24, listeners removal beforeDestroy (thanks "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[e._v("pbabey"),t("OutboundLink")],1),e._v(")")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-1-fev-9-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-1-fev-9-2017"}},[e._v("#")]),e._v(" 2.1.1 (Fev 9, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("Implemented #13, dynamic row height update support")]),e._v(" "),t("li",[e._v("Implemented #23, dynamic enable/disable dragging and resizing support")]),e._v(" "),t("li",[e._v("Implemented #21, moved and resized events")])]),e._v(" "),t("h2",{attrs:{id:"_2-1-0-fev-6-2017"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-0-fev-6-2017"}},[e._v("#")]),e._v(" 2.1.0 (Fev 6, 2017)")]),e._v(" "),t("ul",[t("li",[e._v("RTL support (thanks "),t("a",{attrs:{href:"https://github.com/easteregg",target:"_blank",rel:"noopener noreferrer"}},[e._v("easteregg"),t("OutboundLink")],1),e._v(")")]),e._v(" "),t("li",[e._v("Move and resize events (thanks "),t("a",{attrs:{href:"https://github.com/ThePlastic",target:"_blank",rel:"noopener noreferrer"}},[e._v("ThePlastic"),t("OutboundLink")],1),e._v(")")])])])}),[],!1,null,null,null);t.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/27.b3db8f08.js b/assets/js/27.b3db8f08.js new file mode 100644 index 00000000..b5fe7e8d --- /dev/null +++ b/assets/js/27.b3db8f08.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{500:function(t,s,e){"use strict";e.r(s);var a=e(34),r=Object(a.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_01-basic"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_01-basic"}},[this._v("#")]),this._v(" 01 - Basic")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example01Basic.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example01Basic")],1)],1)}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/28.82706892.js b/assets/js/28.82706892.js new file mode 100644 index 00000000..54bbcd13 --- /dev/null +++ b/assets/js/28.82706892.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{501:function(e,t,s){"use strict";s.r(t);var n=s(34),r=Object(n.a)({},(function(){var e=this._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h1",{attrs:{id:"_02-move-and-resize-events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_02-move-and-resize-events"}},[this._v("#")]),this._v(" 02 - Move and resize events")]),this._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example02Events.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),e("OutboundLink")],1)]),this._v(" "),e("ClientOnly",[e("Example02Events")],1)],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/29.f79e637d.js b/assets/js/29.f79e637d.js new file mode 100644 index 00000000..791497a3 --- /dev/null +++ b/assets/js/29.f79e637d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{502:function(t,e,s){"use strict";s.r(e);var r=s(34),i=Object(r.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_03-multiple-grids"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_03-multiple-grids"}},[this._v("#")]),this._v(" 03 - Multiple grids")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example03MultipleGrids.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example03MultipleGrids")],1)],1)}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/assets/js/30.4d56b54b.js b/assets/js/30.4d56b54b.js new file mode 100644 index 00000000..1fc79613 --- /dev/null +++ b/assets/js/30.4d56b54b.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{503:function(e,t,o){"use strict";o.r(t);var n=o(34),r=Object(n.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"_04-drag-allow-ignore-elements"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_04-drag-allow-ignore-elements"}},[e._v("#")]),e._v(" 04 - Drag allow/ignore elements")]),e._v(" "),t("p",[e._v("Ignore drag on certain elements and allow on others.")]),e._v(" "),t("p",[e._v("Click and drag the dots on the corner of each item to reposition")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example04AllowIgnore.vue",target:"_blank",rel:"noopener noreferrer"}},[e._v("View source"),t("OutboundLink")],1)]),e._v(" "),t("ClientOnly",[t("Example04AllowIgnore")],1)],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/31.a4078c92.js b/assets/js/31.a4078c92.js new file mode 100644 index 00000000..9438eb13 --- /dev/null +++ b/assets/js/31.a4078c92.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{504:function(t,r,e){"use strict";e.r(r);var s=e(34),o=Object(s.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_05-mirrored-grid-layout"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_05-mirrored-grid-layout"}},[this._v("#")]),this._v(" 05 - Mirrored grid layout")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example05Mirrored.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example05Mirrored")],1)],1)}),[],!1,null,null,null);r.default=o.exports}}]); \ No newline at end of file diff --git a/assets/js/32.7f067c98.js b/assets/js/32.7f067c98.js new file mode 100644 index 00000000..a5e7df28 --- /dev/null +++ b/assets/js/32.7f067c98.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{505:function(e,s,t){"use strict";t.r(s);var n=t(34),o=Object(n.a)({},(function(){var e=this._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h1",{attrs:{id:"_06-responsive"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_06-responsive"}},[this._v("#")]),this._v(" 06 - Responsive")]),this._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example06Responsive.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),e("OutboundLink")],1)]),this._v(" "),e("ClientOnly",[e("Example06Responsive")],1)],1)}),[],!1,null,null,null);s.default=o.exports}}]); \ No newline at end of file diff --git a/assets/js/33.b647182d.js b/assets/js/33.b647182d.js new file mode 100644 index 00000000..57206f6b --- /dev/null +++ b/assets/js/33.b647182d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{506:function(t,e,s){"use strict";s.r(e);var n=s(34),o=Object(n.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_07-prevent-collision"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_07-prevent-collision"}},[this._v("#")]),this._v(" 07 - Prevent Collision")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example07PreventCollision.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example07PreventCollision")],1)],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/assets/js/34.afbc939e.js b/assets/js/34.afbc939e.js new file mode 100644 index 00000000..34cbe841 --- /dev/null +++ b/assets/js/34.afbc939e.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{507:function(e,t,s){"use strict";s.r(t);var n=s(34),i=Object(n.a)({},(function(){var e=this._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h1",{attrs:{id:"_08-responsive-with-predefined-layouts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_08-responsive-with-predefined-layouts"}},[this._v("#")]),this._v(" 08 - Responsive with predefined layouts")]),this._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example08ResponsivePredefinedLayouts.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),e("OutboundLink")],1)]),this._v(" "),e("ClientOnly",[e("Example08ResponsivePredefinedLayouts")],1)],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/assets/js/35.cb516777.js b/assets/js/35.cb516777.js new file mode 100644 index 00000000..5f8ffd21 --- /dev/null +++ b/assets/js/35.cb516777.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{508:function(e,t,s){"use strict";s.r(t);var n=s(34),a=Object(n.a)({},(function(){var e=this._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h1",{attrs:{id:"_09-dynamic-add-remove"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_09-dynamic-add-remove"}},[this._v("#")]),this._v(" 09 - Dynamic Add/Remove")]),this._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example09DynamicAddRemove.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),e("OutboundLink")],1)]),this._v(" "),e("ClientOnly",[e("Example09DynamicAddRemove")],1)],1)}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/assets/js/36.64d7a866.js b/assets/js/36.64d7a866.js new file mode 100644 index 00000000..1669e916 --- /dev/null +++ b/assets/js/36.64d7a866.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{509:function(t,e,r){"use strict";r.r(e);var o=r(34),s=Object(o.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_10-drag-from-outside"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_10-drag-from-outside"}},[t._v("#")]),t._v(" 10 - Drag From Outside")]),t._v(" "),e("p",[t._v("This demo shows what happens when an item is added from outside of the grid.\n"),e("br"),t._v("\nOnce you drop the item within the grid you'll get its coordinates/properties and can perform actions with it accordingly.")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example10DragFromOutside.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("View source"),e("OutboundLink")],1)]),t._v(" "),e("ClientOnly",[e("Example10DragFromOutside")],1)],1)}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/assets/js/37.16706d42.js b/assets/js/37.16706d42.js new file mode 100644 index 00000000..cfc33aa5 --- /dev/null +++ b/assets/js/37.16706d42.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{510:function(t,e,n){"use strict";n.r(e);var r=n(34),i=Object(r.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_11-dragging-grid-items-bounded-to-grid-container"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_11-dragging-grid-items-bounded-to-grid-container"}},[this._v("#")]),this._v(" 11 - Dragging grid items bounded to grid container")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example11Bounded.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("View source"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example11Bounded")],1)],1)}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/assets/js/38.36446d1c.js b/assets/js/38.36446d1c.js new file mode 100644 index 00000000..532714a5 --- /dev/null +++ b/assets/js/38.36446d1c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{511:function(t,a,s){"use strict";s.r(a);var r=s(34),e=Object(r.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"installation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),a("h2",{attrs:{id:"npm"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#npm"}},[t._v("#")]),t._v(" NPM")]),t._v(" "),a("div",{staticClass:"language- extra-class"},[a("pre",[a("code",[t._v("npm install vue-grid-layout --save\n")])])]),a("h2",{attrs:{id:"yarn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#yarn"}},[t._v("#")]),t._v(" Yarn")]),t._v(" "),a("div",{staticClass:"language- extra-class"},[a("pre",[a("code",[t._v("yarn add vue-grid-layout\n")])])]),a("p",[t._v("Import the library")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" VueGridLayout "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-grid-layout'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Add to other Vue components")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("GridLayout")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" VueGridLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GridLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("GridItem")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" VueGridLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GridItem\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ... data, methods, mounted (), etc.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n \n")])])]),a("h2",{attrs:{id:"browser"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#browser"}},[t._v("#")]),t._v(" browser")]),t._v(" "),a("p",[t._v("Include the browser-ready bundle (download from "),a("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/releases",target:"_blank",rel:"noopener noreferrer"}},[t._v("releases"),a("OutboundLink")],1),t._v(") in your page. The components will be automatically available.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("vue-grid-layout.umd.min.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/39.cff6af1d.js b/assets/js/39.cff6af1d.js new file mode 100644 index 00000000..cf802cf8 --- /dev/null +++ b/assets/js/39.cff6af1d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{512:function(t,s,i){"use strict";i.r(s);var e=i(34),n=Object(e.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"auto-sizing-grid-items"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#auto-sizing-grid-items"}},[this._v("#")]),this._v(" Auto Sizing Grid Items")]),this._v(" "),t("p",[this._v("TODO: https://github.com/jbaysolutions/vue-grid-layout/issues/351")])])}),[],!1,null,null,null);s.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/4.df9eec0b.js b/assets/js/4.df9eec0b.js new file mode 100644 index 00000000..2fb34f9b --- /dev/null +++ b/assets/js/4.df9eec0b.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{372:function(t,e,n){"use strict";n.d(e,"d",(function(){return r})),n.d(e,"a",(function(){return s})),n.d(e,"i",(function(){return a})),n.d(e,"f",(function(){return u})),n.d(e,"g",(function(){return l})),n.d(e,"h",(function(){return c})),n.d(e,"b",(function(){return h})),n.d(e,"e",(function(){return f})),n.d(e,"k",(function(){return p})),n.d(e,"l",(function(){return d})),n.d(e,"c",(function(){return v})),n.d(e,"j",(function(){return m}));n(35),n(94),n(374),n(123),n(377),n(203),n(93),n(10),n(96),n(43);var r=/#.*$/,i=/\.(md|html)$/,s=/\/$/,a=/^[a-z]+:/i;function o(t){return decodeURI(t).replace(r,"").replace(i,"")}function u(t){return a.test(t)}function l(t){return/^mailto:/.test(t)}function c(t){return/^tel:/.test(t)}function h(t){if(u(t))return t;var e=t.match(r),n=e?e[0]:"",i=o(t);return s.test(i)?t:i+".html"+n}function f(t,e){var n=decodeURIComponent(t.hash),i=function(t){var e=t.match(r);if(e)return e[0]}(e);return(!i||n===i)&&o(t.path)===o(e)}function p(t,e,n){if(u(e))return{type:"external",path:e};n&&(e=function(t,e,n){var r=t.charAt(0);if("/"===r)return t;if("?"===r||"#"===r)return e+t;var i=e.split("/");n&&i[i.length-1]||i.pop();for(var s=t.replace(/^\//,"").split("/"),a=0;a3&&void 0!==arguments[3]?arguments[3]:1;if("string"==typeof e)return p(n,e,r);if(Array.isArray(e))return Object.assign(p(n,e[0],r),{title:e[1]});var s=e.children||[];return 0===s.length&&e.path?Object.assign(p(n,e.path,r),{title:e.title}):{type:"group",path:e.path,title:e.title,sidebarDepth:e.sidebarDepth,initialOpenGroupIndex:e.initialOpenGroupIndex,children:s.map((function(e){return t(e,n,r,i+1)})),collapsable:!1!==e.collapsable}}(t,i,l)})):[]}return[]}function g(t){var e=v(t.headers||[]);return[{type:"group",collapsable:!1,title:t.title,path:null,children:e.map((function(e){return{type:"auto",title:e.title,basePath:t.path,path:t.path+"#"+e.slug,children:e.children||[]}}))}]}function v(t){var e;return(t=t.map((function(t){return Object.assign({},t)}))).forEach((function(t){2===t.level?e=t:e&&(e.children||(e.children=[])).push(t)})),t.filter((function(t){return 2===t.level}))}function m(t){return Object.assign(t,{type:t.items&&t.items.length?"links":"link"})}},373:function(t,e,n){"use strict";var r=n(1),i=n(423);r({target:"String",proto:!0,forced:n(424)("link")},{link:function(t){return i(this,"a","href",t)}})},374:function(t,e,n){"use strict";var r=n(7),i=n(196),s=n(12),a=n(95),o=n(16),u=n(30),l=n(66),c=n(202),h=n(197);i("match",(function(t,e,n){return[function(e){var n=u(this),i=null==e?void 0:l(e,t);return i?r(i,e,n):new RegExp(e)[t](o(n))},function(t){var r=s(this),i=o(t),u=n(e,r,i);if(u.done)return u.value;if(!r.global)return h(r,i);var l=r.unicode;r.lastIndex=0;for(var f,p=[],d=0;null!==(f=h(r,i));){var g=o(f[0]);p[d]=g,""===g&&(r.lastIndex=c(i,a(r.lastIndex),l)),d++}return 0===d?null:p}]}))},375:function(t,e,n){var r=n(204),i=n(13);t.exports=function(t,e,n){return n.get&&r(n.get,e,{getter:!0}),n.set&&r(n.set,e,{setter:!0}),i.f(t,e,n)}},376:function(t,e,n){"use strict";n(373),n(10),n(124);var r=n(372),i={name:"NavLink",props:{item:{required:!0}},computed:{link:function(){return Object(r.b)(this.item.link)},exact:function(){var t=this;return this.$site.locales?Object.keys(this.$site.locales).some((function(e){return e===t.link})):"/"===this.link},isNonHttpURI:function(){return Object(r.g)(this.link)||Object(r.h)(this.link)},isBlankTarget:function(){return"_blank"===this.target},isInternal:function(){return!Object(r.f)(this.link)&&!this.isBlankTarget},target:function(){return this.isNonHttpURI?null:this.item.target?this.item.target:Object(r.f)(this.link)?"_blank":""},rel:function(){return this.isNonHttpURI||!1===this.item.rel?null:this.item.rel?this.item.rel:this.isBlankTarget?"noopener noreferrer":null}},methods:{focusoutAction:function(){this.$emit("focusout")}}},s=n(34),a=Object(s.a)(i,(function(){var t=this,e=t._self._c;return t.isInternal?e("RouterLink",{staticClass:"nav-link",attrs:{to:t.link,exact:t.exact},nativeOn:{focusout:function(e){return t.focusoutAction.apply(null,arguments)}}},[t._v("\n "+t._s(t.item.text)+"\n")]):e("a",{staticClass:"nav-link external",attrs:{href:t.link,target:t.target,rel:t.rel},on:{focusout:t.focusoutAction}},[t._v("\n "+t._s(t.item.text)+"\n "),t.isBlankTarget?e("OutboundLink"):t._e()],1)}),[],!1,null,null,null);e.a=a.exports},377:function(t,e,n){"use strict";var r=n(48),i=n(7),s=n(3),a=n(196),o=n(200),u=n(12),l=n(30),c=n(127),h=n(202),f=n(95),p=n(16),d=n(66),g=n(194),v=n(197),m=n(101),b=n(195),k=n(2),y=b.UNSUPPORTED_Y,x=Math.min,w=[].push,L=s(/./.exec),_=s(w),S=s("".slice);a("split",(function(t,e,n){var s;return s="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,n){var s=p(l(this)),a=void 0===n?4294967295:n>>>0;if(0===a)return[];if(void 0===t)return[s];if(!o(t))return i(e,s,t,a);for(var u,c,h,f=[],d=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,b=new RegExp(t.source,d+"g");(u=i(m,b,s))&&!((c=b.lastIndex)>v&&(_(f,S(s,v,u.index)),u.length>1&&u.index=a));)b.lastIndex===u.index&&b.lastIndex++;return v===s.length?!h&&L(b,"")||_(f,""):_(f,S(s,v)),f.length>a?g(f,0,a):f}:"0".split(void 0,0).length?function(t,n){return void 0===t&&0===n?[]:i(e,this,t,n)}:e,[function(e,n){var r=l(this),a=null==e?void 0:d(e,t);return a?i(a,e,r,n):i(s,p(r),e,n)},function(t,r){var i=u(this),a=p(t),o=n(s,i,a,r,s!==e);if(o.done)return o.value;var l=c(i,RegExp),d=i.unicode,g=(i.ignoreCase?"i":"")+(i.multiline?"m":"")+(i.unicode?"u":"")+(y?"g":"y"),m=new l(y?"^(?:"+i.source+")":i,g),b=void 0===r?4294967295:r>>>0;if(0===b)return[];if(0===a.length)return null===v(m,a)?[a]:[];for(var k=0,w=0,L=[];w0?arguments[0]:void 0;R(this,new ut(t))},ct=lt.prototype;if(c(ct,{append:function(t,e){C(arguments.length,2);var n=I(this);F(n.entries,{key:x(t),value:x(e)}),n.updateURL()},delete:function(t){C(arguments.length,1);for(var e=I(this),n=e.entries,r=x(t),i=0;ie.key?1:-1})),t.updateURL()},forEach:function(t){for(var e,n=I(this).entries,r=m(t,arguments.length>1?arguments[1]:void 0),i=0;i1?pt(arguments[1]):{})}}),g(H)){var dt=function(t){return d(this,D),new H(t,arguments.length>1?pt(arguments[1]):{})};D.constructor=dt,dt.prototype=D,r({global:!0,constructor:!0,dontCallGetSet:!0,forced:!0},{Request:dt})}}t.exports={URLSearchParams:lt,getState:I}},381:function(t,e,n){},382:function(t,e,n){"use strict";var r=n(1),i=n(218).trim;r({target:"String",proto:!0,forced:n(436)("trim")},{trim:function(){return i(this)}})},383:function(t,e,n){var r=n(11),i=n(4),s=n(3),a=n(99),o=n(132),u=n(28),l=n(47).f,c=n(31),h=n(200),f=n(16),p=n(384),d=n(195),g=n(208),v=n(17),m=n(2),b=n(9),k=n(36).enforce,y=n(206),x=n(6),w=n(201),L=n(212),_=x("match"),S=i.RegExp,C=S.prototype,O=i.SyntaxError,P=s(C.exec),$=s("".charAt),R=s("".replace),I=s("".indexOf),U=s("".slice),j=/^\?<[^\s\d!#%&*+<=>@^][^\s!#%&*+<=>@^]*>/,E=/a/g,A=/a/g,H=new S(E)!==E,T=d.MISSED_STICKY,D=d.UNSUPPORTED_Y,q=r&&(!H||T||w||L||m((function(){return A[_]=!1,S(E)!=E||S(A)==A||"/a/i"!=S(E,"i")})));if(a("RegExp",q)){for(var B=function(t,e){var n,r,i,s,a,l,d=c(C,this),g=h(t),v=void 0===e,m=[],y=t;if(!d&&g&&v&&t.constructor===B)return t;if((g||c(C,t))&&(t=t.source,v&&(e=p(y))),t=void 0===t?"":f(t),e=void 0===e?"":f(e),y=t,w&&"dotAll"in E&&(r=!!e&&I(e,"s")>-1)&&(e=R(e,/s/g,"")),n=e,T&&"sticky"in E&&(i=!!e&&I(e,"y")>-1)&&D&&(e=R(e,/y/g,"")),L&&(t=(s=function(t){for(var e,n=t.length,r=0,i="",s=[],a={},o=!1,u=!1,l=0,c="";r<=n;r++){if("\\"===(e=$(t,r)))e+=$(t,++r);else if("]"===e)o=!1;else if(!o)switch(!0){case"["===e:o=!0;break;case"("===e:P(j,U(t,r+1))&&(r+=2,u=!0),i+=e,l++;continue;case">"===e&&u:if(""===c||b(a,c))throw new O("Invalid capture group name");a[c]=!0,s[s.length]=[c,l],u=!1,c="";continue}u?c+=e:i+=e}return[i,s]}(t))[0],m=s[1]),a=o(S(t,e),d?this:C,B),(r||i||m.length)&&(l=k(a),r&&(l.dotAll=!0,l.raw=B(function(t){for(var e,n=t.length,r=0,i="",s=!1;r<=n;r++)"\\"!==(e=$(t,r))?s||"."!==e?("["===e?s=!0:"]"===e&&(s=!1),i+=e):i+="[\\s\\S]":i+=e+$(t,++r);return i}(t),n)),i&&(l.sticky=!0),m.length&&(l.groups=m)),t!==y)try{u(a,"source",""===y?"(?:)":y)}catch(t){}return a},N=l(S),G=0;N.length>G;)g(B,S,N[G++]);C.constructor=B,B.prototype=C,v(i,"RegExp",B,{constructor:!0})}y("RegExp")},384:function(t,e,n){var r=n(7),i=n(9),s=n(31),a=n(211),o=RegExp.prototype;t.exports=function(t){var e=t.flags;return void 0!==e||"flags"in o||i(t,"flags")||!s(o,t)?e:r(a,t)}},385:function(t,e,n){var r=n(11),i=n(201),s=n(25),a=n(375),o=n(36).get,u=RegExp.prototype,l=TypeError;r&&i&&a(u,"dotAll",{configurable:!0,get:function(){if(this!==u){if("RegExp"===s(this))return!!o(this).dotAll;throw l("Incompatible receiver, RegExp required")}}})},386:function(t,e,n){var r=n(11),i=n(195).MISSED_STICKY,s=n(25),a=n(375),o=n(36).get,u=RegExp.prototype,l=TypeError;r&&i&&a(u,"sticky",{configurable:!0,get:function(){if(this!==u){if("RegExp"===s(this))return!!o(this).sticky;throw l("Incompatible receiver, RegExp required")}}})},387:function(t,e,n){"use strict";var r=n(97).PROPER,i=n(17),s=n(12),a=n(16),o=n(2),u=n(384),l=RegExp.prototype.toString,c=o((function(){return"/a/b"!=l.call({source:"a",flags:"b"})})),h=r&&"toString"!=l.name;(c||h)&&i(RegExp.prototype,"toString",(function(){var t=s(this);return"/"+a(t.source)+"/"+a(u(t))}),{unsafe:!0})},388:function(t,e,n){},389:function(t,e,n){},390:function(t,e,n){},391:function(t,e,n){},392:function(t,e,n){},393:function(t,e,n){},394:function(t,e){t.exports=function(t){return null==t}},395:function(t,e,n){},396:function(t,e,n){},397:function(t,e,n){},398:function(t,e,n){},399:function(t,e,n){},400:function(t,e,n){},421:function(t,e,n){"use strict";n.r(e);n(10);var r=n(372),i={name:"SidebarGroup",components:{DropdownTransition:n(422).a},props:["item","open","collapsable","depth"],beforeCreate:function(){this.$options.components.SidebarLinks=n(421).default},methods:{isActive:r.e}},s=(n(448),n(34)),a=Object(s.a)(i,(function(){var t=this,e=t._self._c;return e("section",{staticClass:"sidebar-group",class:[{collapsable:t.collapsable,"is-sub-group":0!==t.depth},"depth-".concat(t.depth)]},[t.item.path?e("RouterLink",{staticClass:"sidebar-heading clickable",class:{open:t.open,active:t.isActive(t.$route,t.item.path)},attrs:{to:t.item.path},nativeOn:{click:function(e){return t.$emit("toggle")}}},[e("span",[t._v(t._s(t.item.title))]),t._v(" "),t.collapsable?e("span",{staticClass:"arrow",class:t.open?"down":"right"}):t._e()]):e("p",{staticClass:"sidebar-heading",class:{open:t.open},on:{click:function(e){return t.$emit("toggle")}}},[e("span",[t._v(t._s(t.item.title))]),t._v(" "),t.collapsable?e("span",{staticClass:"arrow",class:t.open?"down":"right"}):t._e()]),t._v(" "),e("DropdownTransition",[t.open||!t.collapsable?e("SidebarLinks",{staticClass:"sidebar-group-items",attrs:{items:t.item.children,"sidebar-depth":t.item.sidebarDepth,"initial-open-group-index":t.item.initialOpenGroupIndex,depth:t.depth+1}}):t._e()],1)],1)}),[],!1,null,null,null).exports;n(449),n(35),n(123),n(93);function o(t,e,n,r,i){var s={props:{to:e,activeClass:"",exactActiveClass:""},class:{active:r,"sidebar-link":!0}};return i>2&&(s.style={"padding-left":i+"rem"}),t("RouterLink",s,n)}function u(t,e,n,i,s){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1;return!e||a>s?null:t("ul",{class:"sidebar-sub-headers"},e.map((function(e){var l=Object(r.e)(i,n+"#"+e.slug);return t("li",{class:"sidebar-sub-header"},[o(t,n+"#"+e.slug,e.title,l,e.level-1),u(t,e.children,n,i,s,a+1)])})))}var l={functional:!0,props:["item","sidebarDepth"],render:function(t,e){var n=e.parent,i=n.$page,s=(n.$site,n.$route),a=n.$themeConfig,l=n.$themeLocaleConfig,c=e.props,h=c.item,f=c.sidebarDepth,p=Object(r.e)(s,h.path),d="auto"===h.type?p||h.children.some((function(t){return Object(r.e)(s,h.basePath+"#"+t.slug)})):p,g="external"===h.type?function(t,e,n){return t("a",{attrs:{href:e,target:"_blank",rel:"noopener noreferrer"},class:{"sidebar-link":!0}},[n,t("OutboundLink")])}(t,h.path,h.title||h.path):o(t,h.path,h.title||h.path,d),v=[i.frontmatter.sidebarDepth,f,l.sidebarDepth,a.sidebarDepth,1].find((function(t){return void 0!==t})),m=l.displayAllHeaders||a.displayAllHeaders;return"auto"===h.type?[g,u(t,h.children,h.basePath,s,v)]:(d||m)&&h.headers&&!r.d.test(h.path)?[g,u(t,Object(r.c)(h.headers),h.path,s,v)]:g}};n(450);function c(t,e){if("group"===e.type){var n=e.path&&Object(r.e)(t,e.path),i=e.children.some((function(e){return"group"===e.type?c(t,e):"page"===e.type&&Object(r.e)(t,e.path)}));return n||i}return!1}var h={name:"SidebarLinks",components:{SidebarGroup:a,SidebarLink:Object(s.a)(l,void 0,void 0,!1,null,null,null).exports},props:["items","depth","sidebarDepth","initialOpenGroupIndex"],data:function(){return{openGroupIndex:this.initialOpenGroupIndex||0}},watch:{$route:function(){this.refreshIndex()}},created:function(){this.refreshIndex()},methods:{refreshIndex:function(){var t=function(t,e){for(var n=0;n-1&&(this.openGroupIndex=t)},toggleGroup:function(t){this.openGroupIndex=t===this.openGroupIndex?-1:t},isActive:function(t){return Object(r.e)(this.$route,t.regularPath)}}},f=Object(s.a)(h,(function(){var t=this,e=t._self._c;return t.items.length?e("ul",{staticClass:"sidebar-links"},t._l(t.items,(function(n,r){return e("li",{key:r},["group"===n.type?e("SidebarGroup",{attrs:{item:n,open:r===t.openGroupIndex,collapsable:n.collapsable||n.collapsible,depth:t.depth},on:{toggle:function(e){return t.toggleGroup(r)}}}):e("SidebarLink",{attrs:{"sidebar-depth":t.sidebarDepth,item:n}})],1)})),0):t._e()}),[],!1,null,null,null);e.default=f.exports},422:function(t,e,n){"use strict";var r={name:"DropdownTransition",methods:{setHeight:function(t){t.style.height=t.scrollHeight+"px"},unsetHeight:function(t){t.style.height=""}}},i=(n(440),n(34)),s=Object(i.a)(r,(function(){return(0,this._self._c)("transition",{attrs:{name:"dropdown"},on:{enter:this.setHeight,"after-enter":this.unsetHeight,"before-leave":this.setHeight}},[this._t("default")],2)}),[],!1,null,null,null);e.a=s.exports},423:function(t,e,n){var r=n(3),i=n(30),s=n(16),a=/"/g,o=r("".replace);t.exports=function(t,e,n,r){var u=s(i(t)),l="<"+e;return""!==n&&(l+=" "+n+'="'+o(s(r),a,""")+'"'),l+">"+u+""}},424:function(t,e,n){var r=n(2);t.exports=function(t){return r((function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}))}},426:function(t,e,n){"use strict";var r=n(7),i=n(196),s=n(12),a=n(30),o=n(427),u=n(16),l=n(66),c=n(197);i("search",(function(t,e,n){return[function(e){var n=a(this),i=null==e?void 0:l(e,t);return i?r(i,e,n):new RegExp(e)[t](u(n))},function(t){var r=s(this),i=u(t),a=n(e,r,i);if(a.done)return a.value;var l=r.lastIndex;o(l,0)||(r.lastIndex=0);var h=c(r,i);return o(r.lastIndex,l)||(r.lastIndex=l),null===h?-1:h.index}]}))},427:function(t,e){t.exports=Object.is||function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e}},428:function(t,e,n){var r=n(1),i=n(2),s=n(20),a=n(32).f,o=n(11),u=i((function(){a(1)}));r({target:"Object",stat:!0,forced:!o||u,sham:!o},{getOwnPropertyDescriptor:function(t,e){return a(s(t),e)}})},429:function(t,e,n){n(430)},430:function(t,e,n){"use strict";n(19);var r,i=n(1),s=n(11),a=n(379),o=n(4),u=n(45),l=n(3),c=n(17),h=n(375),f=n(198),p=n(9),d=n(207),g=n(210),v=n(194),m=n(131).codeAt,b=n(431),k=n(16),y=n(26),x=n(199),w=n(380),L=n(36),_=L.set,S=L.getterFor("URL"),C=w.URLSearchParams,O=w.getState,P=o.URL,$=o.TypeError,R=o.parseInt,I=Math.floor,U=Math.pow,j=l("".charAt),E=l(/./.exec),A=l([].join),H=l(1..toString),T=l([].pop),D=l([].push),q=l("".replace),B=l([].shift),N=l("".split),G=l("".slice),M=l("".toLowerCase),z=l([].unshift),W=/[a-z]/i,F=/[\d+-.a-z]/i,Y=/\d/,J=/^0x/i,V=/^[0-7]+$/,X=/^\d+$/,K=/^[\da-f]+$/i,Q=/[\0\t\n\r #%/:<>?@[\\\]^|]/,Z=/[\0\t\n\r #/:<>?@[\\\]^|]/,tt=/^[\u0000-\u0020]+|[\u0000-\u0020]+$/g,et=/[\t\n\r]/g,nt=function(t){var e,n,r,i;if("number"==typeof t){for(e=[],n=0;n<4;n++)z(e,t%256),t=I(t/256);return A(e,".")}if("object"==typeof t){for(e="",r=function(t){for(var e=null,n=1,r=null,i=0,s=0;s<8;s++)0!==t[s]?(i>n&&(e=r,n=i),r=null,i=0):(null===r&&(r=s),++i);return i>n&&(e=r,n=i),e}(t),n=0;n<8;n++)i&&0===t[n]||(i&&(i=!1),r===n?(e+=n?":":"::",i=!0):(e+=H(t[n],16),n<7&&(e+=":")));return"["+e+"]"}return t},rt={},it=d({},rt,{" ":1,'"':1,"<":1,">":1,"`":1}),st=d({},it,{"#":1,"?":1,"{":1,"}":1}),at=d({},st,{"/":1,":":1,";":1,"=":1,"@":1,"[":1,"\\":1,"]":1,"^":1,"|":1}),ot=function(t,e){var n=m(t,0);return n>32&&n<127&&!p(e,t)?t:encodeURIComponent(t)},ut={ftp:21,file:null,http:80,https:443,ws:80,wss:443},lt=function(t,e){var n;return 2==t.length&&E(W,j(t,0))&&(":"==(n=j(t,1))||!e&&"|"==n)},ct=function(t){var e;return t.length>1&<(G(t,0,2))&&(2==t.length||"/"===(e=j(t,2))||"\\"===e||"?"===e||"#"===e)},ht=function(t){return"."===t||"%2e"===M(t)},ft={},pt={},dt={},gt={},vt={},mt={},bt={},kt={},yt={},xt={},wt={},Lt={},_t={},St={},Ct={},Ot={},Pt={},$t={},Rt={},It={},Ut={},jt=function(t,e,n){var r,i,s,a=k(t);if(e){if(i=this.parse(a))throw $(i);this.searchParams=null}else{if(void 0!==n&&(r=new jt(n,!0)),i=this.parse(a,null,r))throw $(i);(s=O(new C)).bindURL(this),this.searchParams=s}};jt.prototype={type:"URL",parse:function(t,e,n){var i,s,a,o,u,l=this,c=e||ft,h=0,f="",d=!1,m=!1,b=!1;for(t=k(t),e||(l.scheme="",l.username="",l.password="",l.host=null,l.port=null,l.path=[],l.query=null,l.fragment=null,l.cannotBeABaseURL=!1,t=q(t,tt,"")),t=q(t,et,""),i=g(t);h<=i.length;){switch(s=i[h],c){case ft:if(!s||!E(W,s)){if(e)return"Invalid scheme";c=dt;continue}f+=M(s),c=pt;break;case pt:if(s&&(E(F,s)||"+"==s||"-"==s||"."==s))f+=M(s);else{if(":"!=s){if(e)return"Invalid scheme";f="",c=dt,h=0;continue}if(e&&(l.isSpecial()!=p(ut,f)||"file"==f&&(l.includesCredentials()||null!==l.port)||"file"==l.scheme&&!l.host))return;if(l.scheme=f,e)return void(l.isSpecial()&&ut[l.scheme]==l.port&&(l.port=null));f="","file"==l.scheme?c=St:l.isSpecial()&&n&&n.scheme==l.scheme?c=gt:l.isSpecial()?c=kt:"/"==i[h+1]?(c=vt,h++):(l.cannotBeABaseURL=!0,D(l.path,""),c=Rt)}break;case dt:if(!n||n.cannotBeABaseURL&&"#"!=s)return"Invalid scheme";if(n.cannotBeABaseURL&&"#"==s){l.scheme=n.scheme,l.path=v(n.path),l.query=n.query,l.fragment="",l.cannotBeABaseURL=!0,c=Ut;break}c="file"==n.scheme?St:mt;continue;case gt:if("/"!=s||"/"!=i[h+1]){c=mt;continue}c=yt,h++;break;case vt:if("/"==s){c=xt;break}c=$t;continue;case mt:if(l.scheme=n.scheme,s==r)l.username=n.username,l.password=n.password,l.host=n.host,l.port=n.port,l.path=v(n.path),l.query=n.query;else if("/"==s||"\\"==s&&l.isSpecial())c=bt;else if("?"==s)l.username=n.username,l.password=n.password,l.host=n.host,l.port=n.port,l.path=v(n.path),l.query="",c=It;else{if("#"!=s){l.username=n.username,l.password=n.password,l.host=n.host,l.port=n.port,l.path=v(n.path),l.path.length--,c=$t;continue}l.username=n.username,l.password=n.password,l.host=n.host,l.port=n.port,l.path=v(n.path),l.query=n.query,l.fragment="",c=Ut}break;case bt:if(!l.isSpecial()||"/"!=s&&"\\"!=s){if("/"!=s){l.username=n.username,l.password=n.password,l.host=n.host,l.port=n.port,c=$t;continue}c=xt}else c=yt;break;case kt:if(c=yt,"/"!=s||"/"!=j(f,h+1))continue;h++;break;case yt:if("/"!=s&&"\\"!=s){c=xt;continue}break;case xt:if("@"==s){d&&(f="%40"+f),d=!0,a=g(f);for(var y=0;y65535)return"Invalid port";l.port=l.isSpecial()&&L===ut[l.scheme]?null:L,f=""}if(e)return;c=Pt;continue}return"Invalid port"}f+=s;break;case St:if(l.scheme="file","/"==s||"\\"==s)c=Ct;else{if(!n||"file"!=n.scheme){c=$t;continue}if(s==r)l.host=n.host,l.path=v(n.path),l.query=n.query;else if("?"==s)l.host=n.host,l.path=v(n.path),l.query="",c=It;else{if("#"!=s){ct(A(v(i,h),""))||(l.host=n.host,l.path=v(n.path),l.shortenPath()),c=$t;continue}l.host=n.host,l.path=v(n.path),l.query=n.query,l.fragment="",c=Ut}}break;case Ct:if("/"==s||"\\"==s){c=Ot;break}n&&"file"==n.scheme&&!ct(A(v(i,h),""))&&(lt(n.path[0],!0)?D(l.path,n.path[0]):l.host=n.host),c=$t;continue;case Ot:if(s==r||"/"==s||"\\"==s||"?"==s||"#"==s){if(!e&<(f))c=$t;else if(""==f){if(l.host="",e)return;c=Pt}else{if(o=l.parseHost(f))return o;if("localhost"==l.host&&(l.host=""),e)return;f="",c=Pt}continue}f+=s;break;case Pt:if(l.isSpecial()){if(c=$t,"/"!=s&&"\\"!=s)continue}else if(e||"?"!=s)if(e||"#"!=s){if(s!=r&&(c=$t,"/"!=s))continue}else l.fragment="",c=Ut;else l.query="",c=It;break;case $t:if(s==r||"/"==s||"\\"==s&&l.isSpecial()||!e&&("?"==s||"#"==s)){if(".."===(u=M(u=f))||"%2e."===u||".%2e"===u||"%2e%2e"===u?(l.shortenPath(),"/"==s||"\\"==s&&l.isSpecial()||D(l.path,"")):ht(f)?"/"==s||"\\"==s&&l.isSpecial()||D(l.path,""):("file"==l.scheme&&!l.path.length&<(f)&&(l.host&&(l.host=""),f=j(f,0)+":"),D(l.path,f)),f="","file"==l.scheme&&(s==r||"?"==s||"#"==s))for(;l.path.length>1&&""===l.path[0];)B(l.path);"?"==s?(l.query="",c=It):"#"==s&&(l.fragment="",c=Ut)}else f+=ot(s,st);break;case Rt:"?"==s?(l.query="",c=It):"#"==s?(l.fragment="",c=Ut):s!=r&&(l.path[0]+=ot(s,rt));break;case It:e||"#"!=s?s!=r&&("'"==s&&l.isSpecial()?l.query+="%27":l.query+="#"==s?"%23":ot(s,rt)):(l.fragment="",c=Ut);break;case Ut:s!=r&&(l.fragment+=ot(s,it))}h++}},parseHost:function(t){var e,n,r;if("["==j(t,0)){if("]"!=j(t,t.length-1))return"Invalid host";if(!(e=function(t){var e,n,r,i,s,a,o,u=[0,0,0,0,0,0,0,0],l=0,c=null,h=0,f=function(){return j(t,h)};if(":"==f()){if(":"!=j(t,1))return;h+=2,c=++l}for(;f();){if(8==l)return;if(":"!=f()){for(e=n=0;n<4&&E(K,f());)e=16*e+R(f(),16),h++,n++;if("."==f()){if(0==n)return;if(h-=n,l>6)return;for(r=0;f();){if(i=null,r>0){if(!("."==f()&&r<4))return;h++}if(!E(Y,f()))return;for(;E(Y,f());){if(s=R(f(),10),null===i)i=s;else{if(0==i)return;i=10*i+s}if(i>255)return;h++}u[l]=256*u[l]+i,2!=++r&&4!=r||l++}if(4!=r)return;break}if(":"==f()){if(h++,!f())return}else if(f())return;u[l++]=e}else{if(null!==c)return;h++,c=++l}}if(null!==c)for(a=l-c,l=7;0!=l&&a>0;)o=u[l],u[l--]=u[c+a-1],u[c+--a]=o;else if(8!=l)return;return u}(G(t,1,-1))))return"Invalid host";this.host=e}else if(this.isSpecial()){if(t=b(t),E(Q,t))return"Invalid host";if(null===(e=function(t){var e,n,r,i,s,a,o,u=N(t,".");if(u.length&&""==u[u.length-1]&&u.length--,(e=u.length)>4)return t;for(n=[],r=0;r1&&"0"==j(i,0)&&(s=E(J,i)?16:8,i=G(i,8==s?1:2)),""===i)a=0;else{if(!E(10==s?X:8==s?V:K,i))return t;a=R(i,s)}D(n,a)}for(r=0;r=U(256,5-e))return null}else if(a>255)return null;for(o=T(n),r=0;r1?arguments[1]:void 0,r=_(e,new jt(t,!1,n));s||(e.href=r.serialize(),e.origin=r.getOrigin(),e.protocol=r.getProtocol(),e.username=r.getUsername(),e.password=r.getPassword(),e.host=r.getHost(),e.hostname=r.getHostname(),e.port=r.getPort(),e.pathname=r.getPathname(),e.search=r.getSearch(),e.searchParams=r.getSearchParams(),e.hash=r.getHash())},At=Et.prototype,Ht=function(t,e){return{get:function(){return S(this)[t]()},set:e&&function(t){return S(this)[e](t)},configurable:!0,enumerable:!0}};if(s&&(h(At,"href",Ht("serialize","setHref")),h(At,"origin",Ht("getOrigin")),h(At,"protocol",Ht("getProtocol","setProtocol")),h(At,"username",Ht("getUsername","setUsername")),h(At,"password",Ht("getPassword","setPassword")),h(At,"host",Ht("getHost","setHost")),h(At,"hostname",Ht("getHostname","setHostname")),h(At,"port",Ht("getPort","setPort")),h(At,"pathname",Ht("getPathname","setPathname")),h(At,"search",Ht("getSearch","setSearch")),h(At,"searchParams",Ht("getSearchParams")),h(At,"hash",Ht("getHash","setHash"))),c(At,"toJSON",(function(){return S(this).serialize()}),{enumerable:!0}),c(At,"toString",(function(){return S(this).serialize()}),{enumerable:!0}),P){var Tt=P.createObjectURL,Dt=P.revokeObjectURL;Tt&&c(Et,"createObjectURL",u(Tt,P)),Dt&&c(Et,"revokeObjectURL",u(Dt,P))}y(Et,"URL"),i({global:!0,constructor:!0,forced:!a,sham:!s},{URL:Et})},431:function(t,e,n){"use strict";var r=n(3),i=/[^\0-\u007E]/,s=/[.\u3002\uFF0E\uFF61]/g,a="Overflow: input needs wider integers to process",o=RangeError,u=r(s.exec),l=Math.floor,c=String.fromCharCode,h=r("".charCodeAt),f=r([].join),p=r([].push),d=r("".replace),g=r("".split),v=r("".toLowerCase),m=function(t){return t+22+75*(t<26)},b=function(t,e,n){var r=0;for(t=n?l(t/700):t>>1,t+=l(t/e);t>455;)t=l(t/35),r+=36;return l(r+36*t/(t+38))},k=function(t){var e,n,r=[],i=(t=function(t){for(var e=[],n=0,r=t.length;n=55296&&i<=56319&&n=s&&nl((2147483647-u)/y))throw o(a);for(u+=(k-s)*y,s=k,e=0;e2147483647)throw o(a);if(n==s){for(var x=u,w=36;;){var L=w<=d?1:w>=d+26?26:w-d;if(x0;)t[r]=t[--r];r!==s++&&(t[r]=n)}return t},o=function(t,e,n,r){for(var i=e.length,s=n.length,a=0,o=0;a1?arguments[1]:void 0,r=e.length,i=void 0===n?r:g(o(n),r),s=u(t);return p?p(e,s,i):d(e,i-s.length,i)===s}})},438:function(t,e,n){"use strict";n(388)},439:function(t,e,n){"use strict";n(389)},440:function(t,e,n){"use strict";n(390)},441:function(t,e,n){"use strict";n(391)},442:function(t,e,n){"use strict";n(392)},443:function(t,e,n){"use strict";n(393)},444:function(t,e,n){"use strict";n(395)},445:function(t,e,n){var r=n(51),i=n(22),s=n(39);t.exports=function(t){return"string"==typeof t||!i(t)&&s(t)&&"[object String]"==r(t)}},446:function(t,e,n){"use strict";n(396)},447:function(t,e,n){"use strict";n(397)},448:function(t,e,n){"use strict";n(398)},449:function(t,e,n){"use strict";var r=n(1),i=n(67).find,s=n(125),a=!0;"find"in[]&&Array(1).find((function(){a=!1})),r({target:"Array",proto:!0,forced:a},{find:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),s("find")},450:function(t,e,n){"use strict";n(399)},451:function(t,e,n){"use strict";n(400)},475:function(t,e,n){"use strict";var r=n(476);n(35),n(426),n(124),n(49),n(43),n(10),n(428),n(96),n(209);function i(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function s(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function a(t){for(var e=1;e',this.initialize(t,e)}}}),l=(n(435),n(34)),c=Object(l.a)(u,(function(){var t=this._self._c;return t("form",{staticClass:"algolia-search-wrapper search-box",attrs:{id:"search-form",role:"search"}},[t("input",{staticClass:"search-query",attrs:{id:"algolia-search-input",placeholder:this.placeholder}})])}),[],!1,null,null,null).exports,h=(n(382),n(374),n(213),n(214),n(203),n(383),n(385),n(386),n(387),n(93),n(377),n(123),n(437),n(216)),f=n.n(h),p=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=f()(e,"title","");return f()(e,"frontmatter.tags")&&(r+=" ".concat(e.frontmatter.tags.join(" "))),n&&(r+=" ".concat(n)),d(t,r)},d=function(t,e){var n=function(t){return t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},r=new RegExp("[^\0-]"),i=t.split(/\s+/g).map((function(t){return t.trim()})).filter((function(t){return!!t}));if(r.test(t))return i.some((function(t){return e.toLowerCase().indexOf(t)>-1}));var s=t.endsWith(" ");return new RegExp(i.map((function(t,e){return i.length!==e+1||s?"(?=.*\\b".concat(n(t),"\\b)"):"(?=.*\\b".concat(n(t),")")})).join("")+".+","gi").test(e)},g={name:"SearchBox",data:function(){return{query:"",focused:!1,focusIndex:0,placeholder:void 0}},computed:{showSuggestions:function(){return this.focused&&this.suggestions&&this.suggestions.length},suggestions:function(){var t=this.query.trim().toLowerCase();if(t){for(var e=this.$site.pages,n=this.$site.themeConfig.searchMaxSuggestions||5,r=this.$localePath,i=[],s=0;s=n);s++){var a=e[s];if(this.getPageLocalePath(a)===r&&this.isSearchable(a))if(p(t,a))i.push(a);else if(a.headers)for(var o=0;o=n);o++){var u=a.headers[o];u.title&&p(t,a,u.title)&&i.push(Object.assign({},a,{path:a.path+"#"+u.slug,header:u}))}}return i}},alignRight:function(){return(this.$site.themeConfig.nav||[]).length+(this.$site.repo?1:0)<=2}},mounted:function(){this.placeholder=this.$site.themeConfig.searchPlaceholder||"",document.addEventListener("keydown",this.onHotkey)},beforeDestroy:function(){document.removeEventListener("keydown",this.onHotkey)},methods:{getPageLocalePath:function(t){for(var e in this.$site.locales||{})if("/"!==e&&0===t.path.indexOf(e))return e;return"/"},isSearchable:function(t){var e=null;return null===e||(e=Array.isArray(e)?e:new Array(e)).filter((function(e){return t.path.match(e)})).length>0},onHotkey:function(t){t.srcElement===document.body&&["s","/"].includes(t.key)&&(this.$refs.input.focus(),t.preventDefault())},onUp:function(){this.showSuggestions&&(this.focusIndex>0?this.focusIndex--:this.focusIndex=this.suggestions.length-1)},onDown:function(){this.showSuggestions&&(this.focusIndex "+t._s(n.header.title))]):t._e()])])})),0):t._e()])}),[],!1,null,null,null).exports),m=(n(439),Object(l.a)({},(function(){var t=this,e=t._self._c;return e("div",{staticClass:"sidebar-button",on:{click:function(e){return t.$emit("toggle-sidebar")}}},[e("svg",{staticClass:"icon",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",viewBox:"0 0 448 512"}},[e("path",{attrs:{fill:"currentColor",d:"M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"}})])])}),[],!1,null,null,null).exports),b=(n(373),n(64)),k=n(376),y=n(422),x=n(217),w=n.n(x),L={name:"DropdownLink",components:{NavLink:k.a,DropdownTransition:y.a},props:{item:{required:!0}},data:function(){return{open:!1}},computed:{dropdownAriaLabel:function(){return this.item.ariaLabel||this.item.text}},watch:{$route:function(){this.open=!1}},methods:{setOpen:function(t){this.open=t},isLastItemOfArray:function(t,e){return w()(e)===t},handleDropdown:function(){0===event.detail&&this.setOpen(!this.open)}}},_=(n(441),Object(l.a)(L,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"dropdown-wrapper",class:{open:t.open}},[e("button",{staticClass:"dropdown-title",attrs:{type:"button","aria-label":t.dropdownAriaLabel},on:{click:t.handleDropdown}},[e("span",{staticClass:"title"},[t._v(t._s(t.item.text))]),t._v(" "),e("span",{staticClass:"arrow down"})]),t._v(" "),e("button",{staticClass:"mobile-dropdown-title",attrs:{type:"button","aria-label":t.dropdownAriaLabel},on:{click:function(e){return t.setOpen(!t.open)}}},[e("span",{staticClass:"title"},[t._v(t._s(t.item.text))]),t._v(" "),e("span",{staticClass:"arrow",class:t.open?"down":"right"})]),t._v(" "),e("DropdownTransition",[e("ul",{directives:[{name:"show",rawName:"v-show",value:t.open,expression:"open"}],staticClass:"nav-dropdown"},t._l(t.item.items,(function(n,r){return e("li",{key:n.link||r,staticClass:"dropdown-item"},["links"===n.type?e("h4",[t._v("\n "+t._s(n.text)+"\n ")]):t._e(),t._v(" "),"links"===n.type?e("ul",{staticClass:"dropdown-subitem-wrapper"},t._l(n.items,(function(r){return e("li",{key:r.link,staticClass:"dropdown-subitem"},[e("NavLink",{attrs:{item:r},on:{focusout:function(e){t.isLastItemOfArray(r,n.items)&&t.isLastItemOfArray(n,t.item.items)&&t.setOpen(!1)}}})],1)})),0):e("NavLink",{attrs:{item:n},on:{focusout:function(e){t.isLastItemOfArray(n,t.item.items)&&t.setOpen(!1)}}})],1)})),0)])],1)}),[],!1,null,null,null).exports),S=n(372),C={name:"NavLinks",components:{NavLink:k.a,DropdownLink:_},computed:{userNav:function(){return this.$themeLocaleConfig.nav||this.$site.themeConfig.nav||[]},nav:function(){var t=this,e=this.$site.locales;if(e&&Object.keys(e).length>1){var n=this.$page.path,r=this.$router.options.routes,i=this.$site.themeConfig.locales||{},s={text:this.$themeLocaleConfig.selectText||"Languages",ariaLabel:this.$themeLocaleConfig.ariaLabel||"Select language",items:Object.keys(e).map((function(s){var a,o=e[s],u=i[s]&&i[s].label||o.lang;return o.lang===t.$lang?a=n:(a=n.replace(t.$localeConfig.path,s),r.some((function(t){return t.path===a}))||(a=s)),{text:u,link:a}}))};return[].concat(Object(b.a)(this.userNav),[s])}return this.userNav},userLinks:function(){return(this.nav||[]).map((function(t){return Object.assign(Object(S.j)(t),{items:(t.items||[]).map(S.j)})}))},repoLink:function(){var t=this.$site.themeConfig.repo;return t?/^https?:/.test(t)?t:"https://github.com/".concat(t):null},repoLabel:function(){if(this.repoLink){if(this.$site.themeConfig.repoLabel)return this.$site.themeConfig.repoLabel;for(var t=this.repoLink.match(/^https?:\/\/[^/]+/)[0],e=["GitHub","GitLab","Bitbucket"],n=0;nMath.abs(n)&&Math.abs(e)>40&&(e>0&&this.touchStart.x<=80?this.toggleSidebar(!0):this.toggleSidebar(!1))}}},Y=Object(l.a)(F,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"theme-container",class:t.pageClasses,on:{touchstart:t.onTouchStart,touchend:t.onTouchEnd}},[t.shouldShowNavbar?e("Navbar",{on:{"toggle-sidebar":t.toggleSidebar}}):t._e(),t._v(" "),e("div",{staticClass:"sidebar-mask",on:{click:function(e){return t.toggleSidebar(!1)}}}),t._v(" "),e("Sidebar",{attrs:{items:t.sidebarItems},on:{"toggle-sidebar":t.toggleSidebar},scopedSlots:t._u([{key:"top",fn:function(){return[t._t("sidebar-top")]},proxy:!0},{key:"bottom",fn:function(){return[t._t("sidebar-bottom")]},proxy:!0}],null,!0)}),t._v(" "),t.$page.frontmatter.home?e("Home"):e("Page",{attrs:{"sidebar-items":t.sidebarItems},scopedSlots:t._u([{key:"top",fn:function(){return[t._t("page-top")]},proxy:!0},{key:"bottom",fn:function(){return[t._t("page-bottom")]},proxy:!0}],null,!0)})],1)}),[],!1,null,null,null);e.a=Y.exports}}]); \ No newline at end of file diff --git a/assets/js/40.5fee4dbd.js b/assets/js/40.5fee4dbd.js new file mode 100644 index 00000000..77fa0ec2 --- /dev/null +++ b/assets/js/40.5fee4dbd.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{513:function(t,a,s){"use strict";s.r(a);var n=s(34),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("p",[t._v("Move and resize event listeners can be added to each grid-item, so that the parent Vue can be notified when a grid element is being moved or resized.\nMoved and resized event listeners can be added, if the only notification needed is when an item is finished moving or resizing.")]),t._v(" "),a("p",[t._v("Working example "),a("RouterLink",{attrs:{to:"/guide/02-events.html"}},[t._v("here")])],1),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("grid-layout")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":layout")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":col-num")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("12"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":row-height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("30"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-draggable")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-resizable")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":vertical-compact")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":margin")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("[10, 10]"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":use-css-transforms")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-created")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutCreatedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-before-mount")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutBeforeMountEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-mounted")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutMountedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-ready")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutReadyEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-updated")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutUpdatedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@breakpoint-changed")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("breakpointChangedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("grid-item")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-for")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item in layout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":x")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":y")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":w")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.w"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":h")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.h"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":i")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":key")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@resize")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("resizeEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@move")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("moveEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@resized")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("resizedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@container-resized")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("containerResizedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@moved")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("movedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n {{item.i}}\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"gridlayout"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#gridlayout"}},[t._v("#")]),t._v(" GridLayout")]),t._v(" "),a("h3",{attrs:{id:"layoutcreatedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutcreatedevent"}},[t._v("#")]),t._v(" layoutCreatedEvent")]),t._v(" "),a("p",[t._v("Layout created event")]),t._v(" "),a("p",[t._v("Emited on the component created lifecycle hook")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutCreatedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Created layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"layoutbeforemountevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutbeforemountevent"}},[t._v("#")]),t._v(" layoutBeforeMountEvent")]),t._v(" "),a("p",[t._v("Layout beforeMount event")]),t._v(" "),a("p",[t._v("Emited on the component beforeMount lifecycle hook")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutBeforeMountEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"beforeMount layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"layoutmountedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutmountedevent"}},[t._v("#")]),t._v(" layoutMountedEvent")]),t._v(" "),a("p",[t._v("Layout mounted event")]),t._v(" "),a("p",[t._v("Emited on the component mounted lifecycle hook")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutMountedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Mounted layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"layoutreadyevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutreadyevent"}},[t._v("#")]),t._v(" layoutReadyEvent")]),t._v(" "),a("p",[t._v("Layout ready event")]),t._v(" "),a("p",[t._v("Emited when all the operations on the mount hook finish")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutReadyEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Ready layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"layoutupdatedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutupdatedevent"}},[t._v("#")]),t._v(" layoutUpdatedEvent")]),t._v(" "),a("p",[t._v("Layout updated event")]),t._v(" "),a("p",[t._v("Every time the layout has finished updating and positions of all grid-items are recalculated")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutUpdatedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Updated layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"breakpointchangedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#breakpointchangedevent"}},[t._v("#")]),t._v(" breakpointChangedEvent")]),t._v(" "),a("p",[t._v("Breakpoint Changed event")]),t._v(" "),a("p",[t._v("Every time the breakpoint value changes due to window resize")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * \n * @param newBreakpoint the breakpoint name\n * @param newLayout the chosen layout for the breakpoint\n * \n */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("breakpointChangedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newBreakpoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BREAKPOINT CHANGED breakpoint="')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newBreakpoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h2",{attrs:{id:"griditem"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#griditem"}},[t._v("#")]),t._v(" GridItem")]),t._v(" "),a("h3",{attrs:{id:"moveevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#moveevent"}},[t._v("#")]),t._v(" moveEvent")]),t._v(" "),a("p",[t._v("Move event")]),t._v(" "),a("p",[t._v("Every time an item is being moved and changes position")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("moveEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newX"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newY")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MOVE i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", X="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newX "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", Y="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newY"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h3",{attrs:{id:"resizeevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#resizeevent"}},[t._v("#")]),t._v(" resizeEvent")]),t._v(" "),a("p",[t._v("Resize event")]),t._v(" "),a("p",[t._v("Every time an item is being resized and changes size")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("resizeEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newH"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newW"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newHPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newWPx")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"RESIZE i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newH "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newW "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newHPx "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newWPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h3",{attrs:{id:"movedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#movedevent"}},[t._v("#")]),t._v(" movedEvent")]),t._v(" "),a("p",[t._v("Moved event")]),t._v(" "),a("p",[t._v("Every time an item is finished being moved and changes position")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("movedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newX"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newY")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MOVED i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", X="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newX "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", Y="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newY"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h3",{attrs:{id:"resizedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#resizedevent"}},[t._v("#")]),t._v(" resizedEvent")]),t._v(" "),a("p",[t._v("Resized event")]),t._v(" "),a("p",[t._v("Every time an item is finished being resized and changes size")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * \n * @param i the item id/index\n * @param newH new height in grid rows \n * @param newW new width in grid columns\n * @param newHPx new height in pixels\n * @param newWPx new width in pixels\n * \n */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("resizedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newH"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newW"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newHPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newWPx")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"RESIZED i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newH "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newW "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newHPx "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newWPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h3",{attrs:{id:"containerresizedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#containerresizedevent"}},[t._v("#")]),t._v(" containerResizedEvent")]),t._v(" "),a("p",[t._v("Container Resized event")]),t._v(" "),a("p",[t._v("Every time the grid item/layout container changes size (browser window or other)")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * \n * @param i the item id/index\n * @param newH new height in grid rows \n * @param newW new width in grid columns\n * @param newHPx new height in pixels\n * @param newWPx new width in pixels\n * \n */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("containerResizedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newH"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newW"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newHPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newWPx")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"CONTAINER RESIZED i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newH "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newW "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newHPx "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newWPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/41.b9709a06.js b/assets/js/41.b9709a06.js new file mode 100644 index 00000000..51752bfb --- /dev/null +++ b/assets/js/41.b9709a06.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{514:function(t,e,a){"use strict";a.r(e);var s=a(34),r=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"examples"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#examples"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),e("h2",{attrs:{id:"basic"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[t._v("#")]),t._v(" Basic")]),t._v(" "),e("Grid01Basic"),t._v(" "),e("h2",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),e("Grid02Events"),t._v(" "),e("h2",{attrs:{id:"multiple-grids"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#multiple-grids"}},[t._v("#")]),t._v(" Multiple Grids")]),t._v(" "),e("Grid03MultipleGrids"),t._v(" "),e("h2",{attrs:{id:"drag-allow-ignore-elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drag-allow-ignore-elements"}},[t._v("#")]),t._v(" Drag allow/ignore elements")]),t._v(" "),e("p",[t._v("Ignore drag on certain elements and allow on on others.")]),t._v(" "),e("p",[t._v("Click and drag the dots on the corner of each item to reposition")]),t._v(" "),e("Grid04AllowIgnore")],1)}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/42.2f4ddf12.js b/assets/js/42.2f4ddf12.js new file mode 100644 index 00000000..dcdb5700 --- /dev/null +++ b/assets/js/42.2f4ddf12.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{515:function(e,t,v){"use strict";v.r(t);var a=v(34),r=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),t("h2",{attrs:{id:"gridlayout"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gridlayout"}},[e._v("#")]),e._v(" GridLayout")]),e._v(" "),t("h3",{attrs:{id:"layout"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#layout"}},[e._v("#")]),e._v(" layout")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Array")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("This is the initial layout of the grid.")]),e._v(" "),t("p",[e._v("The value must be an "),t("code",[e._v("Array")]),e._v(" of "),t("code",[e._v("Object")]),e._v(" items. Each item must have "),t("code",[e._v("i")]),e._v(", "),t("code",[e._v("x")]),e._v(", "),t("code",[e._v("y")]),e._v(", "),t("code",[e._v("w")]),e._v(" and "),t("code",[e._v("h")]),e._v(" properties. Please refer to the documentation for "),t("code",[e._v("GridItem")]),e._v(" below for more information.")]),e._v(" "),t("h3",{attrs:{id:"responsivelayouts"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#responsivelayouts"}},[e._v("#")]),e._v(" responsiveLayouts")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Object")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default : "),t("code",[e._v("{}")])])]),e._v(" "),t("p",[e._v("This is the initial layouts of the grid per breakpoint if "),t("code",[e._v("responsive")]),e._v(" is set to "),t("code",[e._v("true")]),e._v(".\nThe keys of the "),t("code",[e._v("Object")]),e._v(" are breakpoint names and each value is an "),t("code",[e._v("Array")]),e._v(" of "),t("code",[e._v("Object")]),e._v(" items as defined by "),t("code",[e._v("layout")]),e._v(" prop. eg:{ lg:[layout items], md:[layout items] }.\nSetting the prop after the creation of the GridLayout has no effect.")]),e._v(" "),t("p",[e._v("See also "),t("a",{attrs:{href:"#responsive"}},[e._v("responsive")]),e._v(", "),t("a",{attrs:{href:"#breakpoints"}},[e._v("breakpoints")]),e._v(" and "),t("a",{attrs:{href:"#cols"}},[e._v("cols")])]),e._v(" "),t("h3",{attrs:{id:"colnum"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#colnum"}},[e._v("#")]),e._v(" colNum")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("12")])])]),e._v(" "),t("p",[e._v("Says how many columns the grid has.")]),e._v(" "),t("p",[e._v("The value should be a "),t("em",[e._v("natural number")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"rowheight"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#rowheight"}},[e._v("#")]),e._v(" rowHeight")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("150")])])]),e._v(" "),t("p",[e._v("Says what is a height of a single row in pixels.")]),e._v(" "),t("h3",{attrs:{id:"maxrows"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#maxrows"}},[e._v("#")]),e._v(" maxRows")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("Infinity")])])]),e._v(" "),t("p",[e._v("Says what is a maximal number of rows in the grid.")]),e._v(" "),t("h3",{attrs:{id:"margin"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#margin"}},[e._v("#")]),e._v(" margin")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Array")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("[10, 10]")])])]),e._v(" "),t("p",[e._v("Says what are the margins of elements inside the grid.")]),e._v(" "),t("p",[e._v("The value must be a two-element "),t("code",[e._v("Array")]),e._v(" of "),t("code",[e._v("Number")]),e._v(". Each value is expressed in pixels. The first element is a margin horizontally, the second element is a vertical margin.")]),e._v(" "),t("h3",{attrs:{id:"isdraggable"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#isdraggable"}},[e._v("#")]),e._v(" isDraggable")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says if the grids items are draggable.")]),e._v(" "),t("h3",{attrs:{id:"isresizable"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#isresizable"}},[e._v("#")]),e._v(" isResizable")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says if the grids items are resizable.")]),e._v(" "),t("h3",{attrs:{id:"ismirrored"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ismirrored"}},[e._v("#")]),e._v(" isMirrored")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("Says if the RTL/LTR should be reversed.")]),e._v(" "),t("h3",{attrs:{id:"isbounded"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#isbounded"}},[e._v("#")]),e._v(" isBounded")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("Says if the grid items are bounded to the container when dragging")]),e._v(" "),t("h3",{attrs:{id:"autosize"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#autosize"}},[e._v("#")]),e._v(" autoSize")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says if the container height should swells and contracts to fit contents.")]),e._v(" "),t("h3",{attrs:{id:"verticalcompact"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#verticalcompact"}},[e._v("#")]),e._v(" verticalCompact")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says if the layout should be compact vertically.")]),e._v(" "),t("h3",{attrs:{id:"restoreondrag"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#restoreondrag"}},[e._v("#")]),e._v(" restoreOnDrag")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("Says if the moved grid items should be restored after an item has been dragged over.")]),e._v(" "),t("h3",{attrs:{id:"preventcollision"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#preventcollision"}},[e._v("#")]),e._v(" preventCollision")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("Says if grid items will move when being dragged over.")]),e._v(" "),t("h3",{attrs:{id:"usecsstransforms"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#usecsstransforms"}},[e._v("#")]),e._v(" useCssTransforms")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says if the CSS "),t("code",[e._v("transition-property: transform;")]),e._v(" should be used.")]),e._v(" "),t("h3",{attrs:{id:"responsive"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#responsive"}},[e._v("#")]),e._v(" responsive")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("Says if the layout should be responsive to window width")]),e._v(" "),t("p",[e._v("See also "),t("a",{attrs:{href:"#responsivelayouts"}},[e._v("responsiveLayouts")]),e._v(", "),t("a",{attrs:{href:"#breakpoints"}},[e._v("breakpoints")]),e._v(" and "),t("a",{attrs:{href:"#cols"}},[e._v("cols")])]),e._v(" "),t("h3",{attrs:{id:"breakpoints"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#breakpoints"}},[e._v("#")]),e._v(" breakpoints")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Object")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }")])]),e._v(" "),t("p",[e._v("Breakpoints defined for responsive layout, the parameter represents the width of different devices:lg(large), md(medium), sm(small), xs(extra small). Sets widths on wich column number changes")]),e._v(" "),t("p",[e._v("See also "),t("a",{attrs:{href:"#responsivelayouts"}},[e._v("responsiveLayouts")]),e._v(" and "),t("a",{attrs:{href:"#cols"}},[e._v("cols")])]),e._v(" "),t("h3",{attrs:{id:"cols"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cols"}},[e._v("#")]),e._v(" cols")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Object")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }")])]),e._v(" "),t("p",[e._v("Defines number of columns for each breakpoint")]),e._v(" "),t("h3",{attrs:{id:"usestylecursor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#usestylecursor"}},[e._v("#")]),e._v(" useStyleCursor")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says if set the "),t("code",[e._v("styleCursor")]),e._v(" option to true. When dragging freezes, setting this value to "),t("code",[e._v("false")]),e._v(" may alleviate problems.\n"),t("strong",[e._v("This property is not reactive")])]),e._v(" "),t("h3",{attrs:{id:"transformscale"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#transformscale"}},[e._v("#")]),e._v(" transformScale")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: 1")])]),e._v(" "),t("p",[e._v("Sets a scaling factor to the size of the grid items, 1 is 100%")]),e._v(" "),t("h2",{attrs:{id:"griditem"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#griditem"}},[e._v("#")]),e._v(" GridItem")]),e._v(" "),t("h3",{attrs:{id:"i"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#i"}},[e._v("#")]),e._v(" i")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("String")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("This is the unique identifier of the item.")]),e._v(" "),t("h3",{attrs:{id:"x"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[e._v("#")]),e._v(" x")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says what is a initial horizontal position of the item (in which column it should be placed).")]),e._v(" "),t("p",[e._v("The value must be a "),t("em",[e._v("whole number")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"y"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[e._v("#")]),e._v(" y")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says what is a initial vertical position of the item (in which row it should be placed).")]),e._v(" "),t("p",[e._v("The value must be a "),t("em",[e._v("whole number")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"w"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#w"}},[e._v("#")]),e._v(" w")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says what is a initial width of the item.")]),e._v(" "),t("p",[e._v("The value is a number that is multiplied by "),t("code",[e._v("colWidth")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"h"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#h"}},[e._v("#")]),e._v(" h")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("true")])])]),e._v(" "),t("p",[e._v("Says what is a initial height of the item.")]),e._v(" "),t("p",[e._v("The value is a number that is multiplied by "),t("code",[e._v("rowHeight")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"minw"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#minw"}},[e._v("#")]),e._v(" minW")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("1")])])]),e._v(" "),t("p",[e._v("Says what is a minimal width of the item. If "),t("code",[e._v("w")]),e._v(" will be smaller then "),t("code",[e._v("minW")]),e._v(" then "),t("code",[e._v("w")]),e._v(" will be set to "),t("code",[e._v("minW")]),e._v(".")]),e._v(" "),t("p",[e._v("The value is a number that is multiplied by "),t("code",[e._v("colWidth")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"minh"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#minh"}},[e._v("#")]),e._v(" minH")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("1")])])]),e._v(" "),t("p",[e._v("Says what is a minimal hieght of the item. If "),t("code",[e._v("h")]),e._v(" will be smaller then "),t("code",[e._v("minH")]),e._v(" then "),t("code",[e._v("h")]),e._v(" will be set to "),t("code",[e._v("minH")]),e._v(".")]),e._v(" "),t("p",[e._v("The value is a number that is multiplied by "),t("code",[e._v("rowHeight")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"maxw"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#maxw"}},[e._v("#")]),e._v(" maxW")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("Infinity")])])]),e._v(" "),t("p",[e._v("Says what is a maximal width of the item. If "),t("code",[e._v("w")]),e._v(" will be bigger then "),t("code",[e._v("maxW")]),e._v(" then "),t("code",[e._v("w")]),e._v(" will be set to "),t("code",[e._v("maxW")]),e._v(".")]),e._v(" "),t("p",[e._v("The value is a number that is multiplied by "),t("code",[e._v("colWidth")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"maxh"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#maxh"}},[e._v("#")]),e._v(" maxH")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Number")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("Infinity")])])]),e._v(" "),t("p",[e._v("Says what is a maximal height of the item. If "),t("code",[e._v("h")]),e._v(" will be bigger then "),t("code",[e._v("maxH")]),e._v(" then "),t("code",[e._v("h")]),e._v(" will be set to "),t("code",[e._v("maxH")]),e._v(".")]),e._v(" "),t("p",[e._v("The value is a number that is multiplied by "),t("code",[e._v("rowHeight")])]),e._v(" "),t("h3",{attrs:{id:"isdraggable-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#isdraggable-2"}},[e._v("#")]),e._v(" isDraggable")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("null")])])]),e._v(" "),t("p",[e._v("Says if item is draggable.")]),e._v(" "),t("p",[e._v("If default value is "),t("code",[e._v("null")]),e._v(" then it's inherited from parent.")]),e._v(" "),t("h3",{attrs:{id:"isresizable-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#isresizable-2"}},[e._v("#")]),e._v(" isResizable")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("null")])])]),e._v(" "),t("p",[e._v("Says if item is resizable.")]),e._v(" "),t("p",[e._v("If default value is "),t("code",[e._v("null")]),e._v(" then it's inherited from parent.")]),e._v(" "),t("h3",{attrs:{id:"isbounded-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#isbounded-2"}},[e._v("#")]),e._v(" isBounded")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("null")])])]),e._v(" "),t("p",[e._v("Says if the item is bounded to the container when dragging.")]),e._v(" "),t("p",[e._v("If default value is "),t("code",[e._v("null")]),e._v(" then it's inherited from parent.")]),e._v(" "),t("h3",{attrs:{id:"static"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#static"}},[e._v("#")]),e._v(" static")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("Says if item is static (won't be draggable, resizable or moved by other items).")]),e._v(" "),t("h3",{attrs:{id:"dragignorefrom"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dragignorefrom"}},[e._v("#")]),e._v(" dragIgnoreFrom")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("String")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("'a, button'")])])]),e._v(" "),t("p",[e._v("Says which elements of the item shouldn't trigger drag event of the item.")]),e._v(" "),t("p",[e._v("The value is "),t("code",[e._v("css-like")]),e._v(" selector string.")]),e._v(" "),t("p",[e._v("For more info please refer to "),t("code",[e._v("ignoreFrom")]),e._v(" in "),t("a",{attrs:{href:"http://interactjs.io/docs/#ignorable-selectors",target:"_blank",rel:"noopener noreferrer"}},[e._v("interact.js docs"),t("OutboundLink")],1),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"dragallowfrom"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dragallowfrom"}},[e._v("#")]),e._v(" dragAllowFrom")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("String")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("null")])])]),e._v(" "),t("p",[e._v("Says which elements of the item should trigger drag event of the item.")]),e._v(" "),t("p",[e._v("The value is "),t("code",[e._v("css-like")]),e._v(" selector string.")]),e._v(" "),t("p",[e._v("If "),t("code",[e._v("null")]),e._v(" then one can drag by any (excluding "),t("code",[e._v("dragIgnoreFrom")]),e._v(") element of the item.")]),e._v(" "),t("p",[e._v("For more info please refer to "),t("code",[e._v("allowFrom")]),e._v(" in "),t("a",{attrs:{href:"http://interactjs.io/docs/#ignorable-selectors",target:"_blank",rel:"noopener noreferrer"}},[e._v("interact.js docs"),t("OutboundLink")],1),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"resizeignorefrom"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#resizeignorefrom"}},[e._v("#")]),e._v(" resizeIgnoreFrom")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("String")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("'a, button'")])])]),e._v(" "),t("p",[e._v("Says which elements of the item shouldn't trigger resize event of the item.")]),e._v(" "),t("p",[e._v("The value is "),t("code",[e._v("css-like")]),e._v(" selector string.")]),e._v(" "),t("p",[e._v("For more info please refer to "),t("code",[e._v("ignoreFrom")]),e._v(" in "),t("a",{attrs:{href:"http://interactjs.io/docs/#ignorable-selectors",target:"_blank",rel:"noopener noreferrer"}},[e._v("interact.js docs"),t("OutboundLink")],1),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"preserveaspectratio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#preserveaspectratio"}},[e._v("#")]),e._v(" preserveAspectRatio")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Boolean")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("If 'true', forces the GridItem to preserve its aspect ratio when resizing.")]),e._v(" "),t("h3",{attrs:{id:"dragoption"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dragoption"}},[e._v("#")]),e._v(" dragOption")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Object")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("{}")])])]),e._v(" "),t("p",[e._v("Passthrough object for the grid item "),t("a",{attrs:{href:"https://interactjs.io/docs/draggable/",target:"_blank",rel:"noopener noreferrer"}},[e._v("interact.js draggable configuration"),t("OutboundLink")],1)]),e._v(" "),t("h3",{attrs:{id:"resizeoption"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#resizeoption"}},[e._v("#")]),e._v(" resizeOption")]),e._v(" "),t("ul",[t("li",[e._v("type: "),t("code",[e._v("Object")])]),e._v(" "),t("li",[e._v("required: "),t("code",[e._v("false")])]),e._v(" "),t("li",[e._v("default: "),t("code",[e._v("{}")])])]),e._v(" "),t("p",[e._v("Passthrough object for the grid item "),t("a",{attrs:{href:"https://interactjs.io/docs/resizable/",target:"_blank",rel:"noopener noreferrer"}},[e._v("interact.js resizable configuration"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/43.7ddcf9cb.js b/assets/js/43.7ddcf9cb.js new file mode 100644 index 00000000..c9096ebe --- /dev/null +++ b/assets/js/43.7ddcf9cb.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{516:function(t,s,a){"use strict";a.r(s);var n=a(34),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"styling"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),s("p",[t._v("Grid styling can be customized to fit your needs. Below is a list of the classes you can override.")]),t._v(" "),s("h2",{attrs:{id:"placeholder"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#placeholder"}},[t._v("#")]),t._v(" Placeholder")]),t._v(" "),s("p",[t._v("The default css for the placeholder is:")]),t._v(" "),s("div",{staticClass:"language-css extra-class"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".vue-grid-item.vue-grid-placeholder")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" red"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("opacity")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 0.2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("transition-duration")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100ms"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("z-index")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("-webkit-user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("-moz-user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("-ms-user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("-o-user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" \n")])])]),s("p",[t._v("You can override the properties using the !important rule:")]),t._v(" "),s("div",{staticClass:"language-css extra-class"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".vue-grid-item.vue-grid-placeholder")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" green "),s("span",{pre:!0,attrs:{class:"token important"}},[t._v("!important")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[t._v("Or by wrapping your grid with a more "),s("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity",target:"_blank",rel:"noopener noreferrer"}},[t._v("specific"),s("OutboundLink")],1),t._v(" class:")]),t._v(" "),s("div",{staticClass:"language-css extra-class"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".container .vue-grid-item.vue-grid-placeholder")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" green"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[t._v("In this example we change the placeholder background color to green:")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/ExampleStylingPlaceholder.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("View source"),s("OutboundLink")],1)]),t._v(" "),s("ClientOnly",[s("ExampleStylingPlaceholder")],1),t._v(" "),s("h2",{attrs:{id:"grid-lines"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#grid-lines"}},[t._v("#")]),t._v(" Grid lines")]),t._v(" "),s("p",[t._v("To add grid lines to the layout, add the "),s("code",[t._v("grid")]),t._v(" class to the grid-layout element and use the css:")]),t._v(" "),s("div",{staticClass:"language-css extra-class"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".grid::before")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("content")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background-size")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("calc")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("calc")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("100% - 5px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" / 12"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" 40px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background-image")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("linear-gradient")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n to right"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n lightgrey 1px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n transparent 1px\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("linear-gradient")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("to bottom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" lightgrey 1px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" transparent 1px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("calc")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("100% - 5px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("calc")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("100% - 5px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("position")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" absolute"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background-repeat")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" repeat"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("margin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v("5px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[t._v("CSS calculations for grid lines:")]),t._v(" "),s("ul",[s("li",[t._v("background size = calc(calc(100% - (margin/2)) / colNum) rowHeight + margin;")]),t._v(" "),s("li",[t._v("height: calc(100% - (margin/2))")]),t._v(" "),s("li",[t._v("width: calc(100% - (margin/2))")]),t._v(" "),s("li",[t._v("margin: margin / 2")])]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/ExampleStylingGridLines.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("View source"),s("OutboundLink")],1)]),t._v(" "),s("ClientOnly",[s("ExampleStylingGridLines")],1),t._v(" "),s("p",[t._v("Work in progress...")])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/44.2d2ea5ab.js b/assets/js/44.2d2ea5ab.js new file mode 100644 index 00000000..db50ef65 --- /dev/null +++ b/assets/js/44.2d2ea5ab.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{517:function(t,s,a){"use strict";a.r(s);var r=a(34),p=Object(r.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"usage"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#usage"}},[t._v("#")]),t._v(" Usage")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[t._v("\t"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Vue")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\t "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("el")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#app'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\t "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\t "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("layout")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"0"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"4"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"5"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"6"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"7"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"8"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"9"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"10"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"11"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"12"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"13"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"14"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"15"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"16"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"17"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("9")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"18"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"19"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\t "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("div",{staticClass:"language-html extra-class"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("grid-layout")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":layout.sync")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":col-num")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("12"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":row-height")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("30"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-draggable")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-resizable")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-mirrored")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("false"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":vertical-compact")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":margin")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("[10, 10]"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":use-css-transforms")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("grid-item")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-for")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item in layout"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":x")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":y")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.y"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":w")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.w"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":h")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.h"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":i")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":key")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n {{item.i}}\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=p.exports}}]); \ No newline at end of file diff --git a/assets/js/45.f5bc461d.js b/assets/js/45.f5bc461d.js new file mode 100644 index 00000000..a3f427b1 --- /dev/null +++ b/assets/js/45.f5bc461d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{518:function(t,n,o){"use strict";o.r(n);var e=o(34),s=Object(e.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("HomeFooter")],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/assets/js/46.d38eb24b.js b/assets/js/46.d38eb24b.js new file mode 100644 index 00000000..5b7c4428 --- /dev/null +++ b/assets/js/46.d38eb24b.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{519:function(r,t,e){"use strict";e.r(t);var a=e(34),_=Object(a.a)({},(function(){var r=this,t=r._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[t("h1",{attrs:{id:"更新日志"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#更新日志"}},[r._v("#")]),r._v(" 更新日志")]),r._v(" "),t("h2",{attrs:{id:"_2-4-0-2022年08月03日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-4-0-2022年08月03日"}},[r._v("#")]),r._v(" 2.4.0（2022年08月03日）")]),r._v(" "),t("ul",[t("li",[r._v("TODO")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-12-2021年01月15日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-12-2021年01月15日"}},[r._v("#")]),r._v(" 2.3.12（2021年01月15日）")]),r._v(" "),t("ul",[t("li",[r._v("将interact.js升级到1.10.2")]),r._v(" "),t("li",[r._v("向GridItem添加了'preserveAspectRatio'属性 （感谢 "),t("a",{attrs:{href:"https://github.com/validide",target:"_blank",rel:"noopener noreferrer"}},[r._v("validide"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-11-2020年10月13日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-11-2020年10月13日"}},[r._v("#")]),r._v(" 2.3.11（2020年10月13日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复：使用响应式布局时的回归（＃487）")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-10-2020年10月12日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-10-2020年10月12日"}},[r._v("#")]),r._v(" 2.3.10（2020年10月12日）")]),r._v(" "),t("ul",[t("li",[r._v("将interact.js升级到1.10.0，现在作为ES6模块导入以优化大小")]),r._v(" "),t("li",[r._v("已修复：在RTL模式下无法调整栅格元素的大小 （感谢 "),t("a",{attrs:{href:"https://github.com/or-lat",target:"_blank",rel:"noopener noreferrer"}},[r._v("or-lat"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("添加了GridLayout.useStyleCursor属性以修复可能的浏览器冻结 （感谢 "),t("a",{attrs:{href:"https://github.com/mosuzi",target:"_blank",rel:"noopener noreferrer"}},[r._v("mosuzi"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("已修复：当GridItem不是GridLayout的子级时，父布局错误 （感谢 "),t("a",{attrs:{href:"https://github.com/lzq4047",target:"_blank",rel:"noopener noreferrer"}},[r._v("lzq4047"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("已修复：在响应模式下再次隐藏/显示元素时，元素的大小发生变化 （感谢 "),t("a",{attrs:{href:"https://github.com/lustan3216",target:"_blank",rel:"noopener noreferrer"}},[r._v("lustan3216"),t("OutboundLink")],1),r._v(")）")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-9-2020年9月28日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-9-2020年9月28日"}},[r._v("#")]),r._v(" 2.3.9（2020年9月28日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复插件安装（已修复＃311） （感谢 "),t("a",{attrs:{href:"https://github.com/yfwz100",target:"_blank",rel:"noopener noreferrer"}},[r._v("yfwz100"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("interact.js升级版本至1.9.22")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-8-2020年7月31日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-8-2020年7月31日"}},[r._v("#")]),r._v(" 2.3.8（2020年7月31日）")]),r._v(" "),t("ul",[t("li",[r._v("支持动态修改margin属性 （感谢 "),t("a",{attrs:{href:"https://github.com/yfwz100",target:"_blank",rel:"noopener noreferrer"}},[r._v("yfwz100"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("添加了丢失的“布局更新”事件 （感谢 "),t("a",{attrs:{href:"https://github.com/ben-lau",target:"_blank",rel:"noopener noreferrer"}},[r._v("ben-lau"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("支持初始响应式布局和断点更改事件 （感谢 "),t("a",{attrs:{href:"https://github.com/ftylitak",target:"_blank",rel:"noopener noreferrer"}},[r._v("ftylitak"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("修正了布局项被删除且未设置interactObj时可能出现的错误 （感谢 "),t("a",{attrs:{href:"https://github.com/Tofandel",target:"_blank",rel:"noopener noreferrer"}},[r._v("Tofandel"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("在响应模式下修复错误的栅格元素排序 （感谢 "),t("a",{attrs:{href:"https://github.com/pieterbeulque",target:"_blank",rel:"noopener noreferrer"}},[r._v("pieterbeulque"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-7-2019年10月31日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-7-2019年10月31日"}},[r._v("#")]),r._v(" 2.3.7（2019年10月31日）")]),r._v(" "),t("ul",[t("li",[r._v("在＃337中引入容器更改大小（浏览器窗口或其他大小）时发出的重命名“调整大小”事件，在＃358已修复")]),r._v(" "),t("li",[r._v("已修复layout-ready事件")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-6-2019年9月11日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-6-2019年9月11日"}},[r._v("#")]),r._v(" 2.3.6（2019年9月11日）")]),r._v(" "),t("ul",[t("li",[r._v("恢复栅格元素w和h先前的舍入更改，已修复＃355")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-5-2019年9月7日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-5-2019年9月7日"}},[r._v("#")]),r._v(" 2.3.5（2019年9月7日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复：在移动设备上无触摸，并且仅当元素可拖动或可调整大小时 （感谢 "),t("a",{attrs:{href:"https://github.com/DGoms",target:"_blank",rel:"noopener noreferrer"}},[r._v("DGoms"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("防止碰撞功能 （感谢 "),t("a",{attrs:{href:"https://github.com/SheanDe",target:"_blank",rel:"noopener noreferrer"}},[r._v("SheanDe"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("简体中文README （感谢 "),t("a",{attrs:{href:"https://github.com/harrywangchina",target:"_blank",rel:"noopener noreferrer"}},[r._v("harrywangchina"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("如果由于除手动调整大小（例如，浏览器窗口调整大小）以外的更改而调整了栅格项的大小，则此时将发出"),t("code",[r._v("resized")]),r._v("事件 （感谢 "),t("a",{attrs:{href:"https://github.com/pmorch",target:"_blank",rel:"noopener noreferrer"}},[r._v("pmorch"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("改进"),t("code",[r._v("layout-ready")]),r._v("触发事件 （感谢 "),t("a",{attrs:{href:"https://github.com/pmorch",target:"_blank",rel:"noopener noreferrer"}},[r._v("pmorch"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("添加了min/max height and width的监视程序 （感谢 "),t("a",{attrs:{href:"https://github.com/grinat",target:"_blank",rel:"noopener noreferrer"}},[r._v("grinat"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("改进：确保grid-item的大小大于slot-item （感谢 "),t("a",{attrs:{href:"https://github.com/ywmail",target:"_blank",rel:"noopener noreferrer"}},[r._v("ywmail"),t("OutboundLink")],1),r._v("）。")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-4-2019年3月5日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-4-2019年3月5日"}},[r._v("#")]),r._v(" 2.3.4（2019年3月5日）")]),r._v(" "),t("ul",[t("li",[r._v("支持静态部件 （感谢 "),t("a",{attrs:{href:"https://github.com/panjiangyi",target:"_blank",rel:"noopener noreferrer"}},[r._v("panjiangyi"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("RTL错误修正 （感谢 "),t("a",{attrs:{href:"https://github.com/irvingwa",target:"_blank",rel:"noopener noreferrer"}},[r._v("irvingwa"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("内存泄漏修复 （感谢 "),t("a",{attrs:{href:"https://github.com/aiankile",target:"_blank",rel:"noopener noreferrer"}},[r._v("aiankile"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("已修复了栅格布局安装上的异常 （感谢 "),t("a",{attrs:{href:"https://github.com/BenoitZugmeyer",target:"_blank",rel:"noopener noreferrer"}},[r._v("BenoitZugmeyer"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("已修复了响应模式下重叠和调整大小的错误 （感谢 "),t("a",{attrs:{href:"https://github.com/shpfive",target:"_blank",rel:"noopener noreferrer"}},[r._v("shpfive"),t("OutboundLink")],1),r._v("）。")]),r._v(" "),t("li",[r._v("添加了GridLayout发出的新事件 （layout-created， layout-before-mount，layout-mounted，layout-ready） （感谢 "),t("a",{attrs:{href:"https://github.com/samuelmolinski",target:"_blank",rel:"noopener noreferrer"}},[r._v("samuelmolinski"),t("OutboundLink")],1),r._v("）。")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-3-2018年12月26日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-3-2018年12月26日"}},[r._v("#")]),r._v(" 2.3.3（2018年12月26日）")]),r._v(" "),t("ul",[t("li",[r._v("恢复了将vue作为外部添加，这导致加载umd时出现问题。")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-2-2018年12月13日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-2-2018年12月13日"}},[r._v("#")]),r._v(" 2.3.2（2018年12月13日）")]),r._v(" "),t("ul",[t("li",[r._v("添加了vue作为外部webpack配置以修复启动问题 （感谢 "),t("a",{attrs:{href:"https://github.com/Micene09",target:"_blank",rel:"noopener noreferrer"}},[r._v("Micene9"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-1-2018年11月6日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-1-2018年11月6日"}},[r._v("#")]),r._v(" 2.3.1（2018年11月6日）")]),r._v(" "),t("ul",[t("li",[r._v("之前在Android上进行触摸拖动的修复方法打破了在其他移动浏览器上的拖动 （感谢 "),t("a",{attrs:{href:"https://github.com/onx2",target:"_blank",rel:"noopener noreferrer"}},[r._v("onx2"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-3-0-2018年10月26日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-0-2018年10月26日"}},[r._v("#")]),r._v(" 2.3.0（2018年10月26日）")]),r._v(" "),t("ul",[t("li",[r._v("响应式布局支持 （感谢 "),t("a",{attrs:{href:"https://github.com/shpfive",target:"_blank",rel:"noopener noreferrer"}},[r._v("shpfive"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("已修复了在Android上进行触摸拖动的问题 （感谢 "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[r._v("pbabey"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-2-0-2018年9月10日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-2-0-2018年9月10日"}},[r._v("#")]),r._v(" 2.2.0（2018年9月10日）")]),r._v(" "),t("ul",[t("li",[r._v("使用Vue CLI更改了项目结构并进行了构建")]),r._v(" "),t("li",[r._v("GridItem新的autosize方法。现在，需要使用this.$parent.autoSize()从子组件中调用 （感谢 "),t("a",{attrs:{href:"https://github.com/mech01nc01",target:"_blank",rel:"noopener noreferrer"}},[r._v("mech01nc01"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("抽象的DOM相关要求提供初始SSR支持 （感谢 "),t("a",{attrs:{href:"https://github.com/Kukks",target:"_blank",rel:"noopener noreferrer"}},[r._v("Kukks"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("GridItem.i现在可以是数字或字符串 （感谢 "),t("a",{attrs:{href:"https://github.com/xch1029",target:"_blank",rel:"noopener noreferrer"}},[r._v("xch1029"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("使用interactjs大小来限制调整大小 （感谢 "),t("a",{attrs:{href:"https://github.com/LuisCarreras",target:"_blank",rel:"noopener noreferrer"}},[r._v("LuisCarreras"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("已修复了实例释放时的interactjs实例泄漏 （感谢 "),t("a",{attrs:{href:"https://github.com/zzuligy",target:"_blank",rel:"noopener noreferrer"}},[r._v("zzuligy"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-13-2018年5月2日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-13-2018年5月2日"}},[r._v("#")]),r._v(" 2.1.13（2018年5月2日）")]),r._v(" "),t("ul",[t("li",[r._v("调整大小事件现在也发出以像素为单位的尺寸 （感谢 "),t("a",{attrs:{href:"https://github.com/buremba",target:"_blank",rel:"noopener noreferrer"}},[r._v("buremba"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("支持动态列修改（#121） （感谢 "),t("a",{attrs:{href:"https://github.com/ittus",target:"_blank",rel:"noopener noreferrer"}},[r._v("ittus"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-12-2018年2月27日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-12-2018年2月27日"}},[r._v("#")]),r._v(" 2.1.12（2018年2月27日）")]),r._v(" "),t("ul",[t("li",[r._v("将interact.js更新为1.3.3 （#144）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-11-2018年1月5日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-11-2018年1月5日"}},[r._v("#")]),r._v(" 2.1.11（2018年1月5日）")]),r._v(" "),t("ul",[t("li",[r._v("解决了同一个虚拟机（＃134）上有多个栅格的问题 （感谢 "),t("a",{attrs:{href:"https://github.com/sunzongzheng",target:"_blank",rel:"noopener noreferrer"}},[r._v("Suen"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("解决了重新分配时布局更新的问题（＃130） （感谢 "),t("a",{attrs:{href:"https://github.com/daizengyu123",target:"_blank",rel:"noopener noreferrer"}},[r._v("daizengyu"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-10-2017年12月15日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-10-2017年12月15日"}},[r._v("#")]),r._v(" 2.1.10（2017年12月15日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复了与＃119相关的可能错误")]),r._v(" "),t("li",[r._v("将CSS转换为Translation3D（＃96）")]),r._v(" "),t("li",[r._v("添加了is-mirrored配置，允许从右向左渲染栅格元素（水平翻转） （感谢 "),t("a",{attrs:{href:"https://github.com/kweij",target:"_blank",rel:"noopener noreferrer"}},[r._v("kweij"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("添加了栅格更新事件，可以更轻松地与vuex集成 （感谢 "),t("a",{attrs:{href:"https://github.com/SergeyKhval",target:"_blank",rel:"noopener noreferrer"}},[r._v("SergeyKhval"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-9-2017年8月17日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-9-2017年8月17日"}},[r._v("#")]),r._v(" 2.1.9（2017年8月17日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复了对interact.js的本地模块引用")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-8-2017年8月17日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-8-2017年8月17日"}},[r._v("#")]),r._v(" 2.1.8（2017年8月17日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复#61、#37")]),r._v(" "),t("li",[r._v("已修复#82")]),r._v(" "),t("li",[r._v("已修复#87")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-7-2017年8月17日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-7-2017年8月17日"}},[r._v("#")]),r._v(" 2.1.7（2017年8月17日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复#59")]),r._v(" "),t("li",[r._v("已修复#83")]),r._v(" "),t("li",[r._v("对GridItem中props的dragAllowFrom和dragIgnoreFrom实现了支持 （感谢 "),t("a",{attrs:{href:"https://github.com/ThePlastic",target:"_blank",rel:"noopener noreferrer"}},[r._v("ThePlastic"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-6-2017年4月6日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-6-2017年4月6日"}},[r._v("#")]),r._v(" 2.1.6（2017年4月6日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复＃43，配置拖曳元件上的栅格项内容忽略 （感谢 "),t("a",{attrs:{href:"https://github.com/neithere",target:"_blank",rel:"noopener noreferrer"}},[r._v("neithere"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("已修复了getLayoutItem，有时返回null元素 （感谢 "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[r._v("pbabey"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-5-2017年3月24日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-5-2017年3月24日"}},[r._v("#")]),r._v(" 2.1.5（2017年3月24日）")]),r._v(" "),t("ul",[t("li",[r._v("真正修复＃22、＃32，多个栅格实例在2.1.4中无法正常工作")]),r._v(" "),t("li",[r._v("resizeEvent现在还以像素为单位返回元素的宽度和高度（实现＃34）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-4-2017年3月20日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-4-2017年3月20日"}},[r._v("#")]),r._v(" 2.1.4（2017年3月20日）")]),r._v(" "),t("ul",[t("li",[r._v("实现＃32，在同一页面上支持多个栅格实例")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-3-2017年3月9日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-3-2017年3月9日"}},[r._v("#")]),r._v(" 2.1.3（2017年3月9日）")]),r._v(" "),t("ul",[t("li",[r._v("已修复#27, props属性突变告警")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-2-2017年2月16日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-2-2017年2月16日"}},[r._v("#")]),r._v(" 2.1.2（2017年2月16日）")]),r._v(" "),t("ul",[t("li",[r._v("实现＃12，GridItems上的按钮将触发移动设备上的拖动")]),r._v(" "),t("li",[r._v("实现＃24，在销毁之前删除监听 （感谢 "),t("a",{attrs:{href:"https://github.com/pbabey",target:"_blank",rel:"noopener noreferrer"}},[r._v("pbabey"),t("OutboundLink")],1),r._v("）")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-1-2017年2月9日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-1-2017年2月9日"}},[r._v("#")]),r._v(" 2.1.1（2017年2月9日）")]),r._v(" "),t("ul",[t("li",[r._v("实现＃13，支持行高动态更新")]),r._v(" "),t("li",[r._v("实现＃23，支持动态启用/禁用拖动和调整大小")]),r._v(" "),t("li",[r._v("实现＃21，移动并调整大小的事件")])]),r._v(" "),t("h2",{attrs:{id:"_2-1-0-2017年2月6日"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-0-2017年2月6日"}},[r._v("#")]),r._v(" 2.1.0（2017年2月6日）")]),r._v(" "),t("ul",[t("li",[r._v("RTL支持 （感谢 "),t("a",{attrs:{href:"https://github.com/easteregg",target:"_blank",rel:"noopener noreferrer"}},[r._v("easteregg"),t("OutboundLink")],1),r._v("）")]),r._v(" "),t("li",[r._v("移动和调整事件大小 （感谢 "),t("a",{attrs:{href:"https://github.com/ThePlastic",target:"_blank",rel:"noopener noreferrer"}},[r._v("ThePlastic"),t("OutboundLink")],1),r._v("）")])])])}),[],!1,null,null,null);t.default=_.exports}}]); \ No newline at end of file diff --git a/assets/js/47.74b8f0f8.js b/assets/js/47.74b8f0f8.js new file mode 100644 index 00000000..b417b319 --- /dev/null +++ b/assets/js/47.74b8f0f8.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{520:function(t,s,e){"use strict";e.r(s);var r=e(34),n=Object(r.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_01-基本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_01-基本"}},[this._v("#")]),this._v(" 01 - 基本")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example01Basic.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example01Basic")],1)],1)}),[],!1,null,null,null);s.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/48.188973d7.js b/assets/js/48.188973d7.js new file mode 100644 index 00000000..2c68b915 --- /dev/null +++ b/assets/js/48.188973d7.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{521:function(t,e,s){"use strict";s.r(e);var n=s(34),r=Object(n.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_02-移动事件并调整大小"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_02-移动事件并调整大小"}},[this._v("#")]),this._v(" 02 - 移动事件并调整大小")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example02Events.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example02Events")],1)],1)}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/49.6f96d8d7.js b/assets/js/49.6f96d8d7.js new file mode 100644 index 00000000..5c7051a1 --- /dev/null +++ b/assets/js/49.6f96d8d7.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{522:function(t,e,s){"use strict";s.r(e);var r=s(34),n=Object(r.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_03-多个栅格"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_03-多个栅格"}},[this._v("#")]),this._v(" 03 - 多个栅格")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example03MultipleGrids.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example03MultipleGrids")],1)],1)}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/5.ada416dd.js b/assets/js/5.ada416dd.js new file mode 100644 index 00000000..ee5b6563 --- /dev/null +++ b/assets/js/5.ada416dd.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{378:function(t,a,e){},401:function(t,a,e){},402:function(t,a,e){},425:function(t,a,e){"use strict";e(378)},452:function(t,a,e){"use strict";e(401)},453:function(t,a,e){"use strict";e(402)},476:function(t,a,e){"use strict";var n={name:"Home",components:{NavLink:e(376).a},computed:{data:function(){return this.$page.frontmatter},actionLink:function(){return{link:this.data.actionLink,text:this.data.actionText}}}},s=(e(425),e(34)),o=Object(s.a)(n,(function(){var t=this,a=t._self._c;return a("main",{staticClass:"home",attrs:{"aria-labelledby":null!==t.data.heroText?"main-title":null}},[a("header",{staticClass:"hero"},[t.data.heroImage?a("img",{attrs:{src:t.$withBase(t.data.heroImage),alt:t.data.heroAlt||"hero"}}):t._e(),t._v(" "),a("div",[null!==t.data.heroText?a("h1",{attrs:{id:"main-title"}},[t._v("\n "+t._s(t.data.heroText||t.$title||"Hello")+"\n ")]):t._e(),t._v(" "),null!==t.data.tagline?a("p",{staticClass:"description",domProps:{innerHTML:t._s(t.data.tagline||t.$description||"Welcome to your VuePress site")}}):t._e(),t._v(" "),t.data.actionText&&t.data.actionLink?a("p",{staticClass:"action"},[a("NavLink",{staticClass:"action-button",attrs:{item:t.actionLink}})],1):t._e()])]),t._v(" "),a("ClientOnly",[a("HomepageGrid")],1),t._v(" "),t.data.features&&t.data.features.length?a("div",{staticClass:"features"},t._l(t.data.features,(function(e,n){return a("div",{key:n,staticClass:"feature"},[a("h2",[t._v(t._s(e.title))]),t._v(" "),a("p",[t._v(t._s(e.details))])])})),0):t._e(),t._v(" "),a("Content",{staticClass:"theme-default-content custom"})],1)}),[],!1,null,null,null);a.a=o.exports},479:function(t,a,e){"use strict";e.r(a);var n=e(475),s={name:"CarbonAds",watch:{$route:function(t,a){t.path!==a.path&&this.$el.querySelector("#carbonads")&&(this.$el.innerHTML="",this.load())}},mounted:function(){this.load()},methods:{load:function(){var t=document.createElement("script");t.id="_carbonads_js",t.src="//cdn.carbonads.com/carbon.js?serve=CEBITKQJ&placement=jbaysolutionsgithubio",this.$el.appendChild(t)}},render:function(t){return t("div",{class:"carbon-ads"})}},o=(e(452),e(34)),i=Object(o.a)(s,void 0,void 0,!1,null,null,null).exports,r={name:"Layout",components:{ParentLayout:n.a,CarbonAds:i}},c=(e(453),Object(o.a)(r,(function(){var t=this,a=t._self._c;return a("ParentLayout",{scopedSlots:t._u([{key:"sidebar-top",fn:function(){return[a("CarbonAds")]},proxy:!0},{key:"sidebar-bottom",fn:function(){return[a("footer",{staticClass:"footer"},[t._v("\n A product by:\n "),a("a",{staticClass:"footer-card",attrs:{href:"https://www.jbaysolutions.com/",target:"_blank",rel:"noopener"}},[a("img",{attrs:{src:t.$withBase("/assets/img/logo-jbay.png"),alt:"JBay Solutions"}})])])]},proxy:!0}])})}),[],!1,null,"6394a605",null));a.default=c.exports}}]); \ No newline at end of file diff --git a/assets/js/50.04cdb526.js b/assets/js/50.04cdb526.js new file mode 100644 index 00000000..d99fee3f --- /dev/null +++ b/assets/js/50.04cdb526.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[50],{523:function(t,e,r){"use strict";r.r(e);var n=r(34),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_04-拖动允许-忽略元素"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_04-拖动允许-忽略元素"}},[t._v("#")]),t._v(" 04 - 拖动允许/忽略元素")]),t._v(" "),e("p",[t._v("忽略对某些元素的拖动而对其他元素的允许。")]),t._v(" "),e("p",[t._v("单击并拖动每个项目角上的点以重新定位")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example04AllowIgnore.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看资料"),e("OutboundLink")],1)]),t._v(" "),e("ClientOnly",[e("Example04AllowIgnore")],1)],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/assets/js/51.d102795c.js b/assets/js/51.d102795c.js new file mode 100644 index 00000000..efa87af6 --- /dev/null +++ b/assets/js/51.d102795c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{524:function(t,e,r){"use strict";r.r(e);var s=r(34),n=Object(s.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_05-镜像反转栅格布局"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_05-镜像反转栅格布局"}},[this._v("#")]),this._v(" 05 - 镜像反转栅格布局")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example05Mirrored.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example05Mirrored")],1)],1)}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/52.a03d0f32.js b/assets/js/52.a03d0f32.js new file mode 100644 index 00000000..983b020f --- /dev/null +++ b/assets/js/52.a03d0f32.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[52],{525:function(t,e,s){"use strict";s.r(e);var n=s(34),r=Object(n.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_06-响应式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_06-响应式"}},[this._v("#")]),this._v(" 06 - 响应式")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example06Responsive.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example06Responsive")],1)],1)}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/53.0e314e3b.js b/assets/js/53.0e314e3b.js new file mode 100644 index 00000000..7152a994 --- /dev/null +++ b/assets/js/53.0e314e3b.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{526:function(t,e,s){"use strict";s.r(e);var n=s(34),r=Object(n.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_07-防止碰撞"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_07-防止碰撞"}},[this._v("#")]),this._v(" 07 - 防止碰撞")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example07PreventCollision.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example07PreventCollision")],1)],1)}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/54.2a286a29.js b/assets/js/54.2a286a29.js new file mode 100644 index 00000000..6f3c74d9 --- /dev/null +++ b/assets/js/54.2a286a29.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{527:function(t,e,s){"use strict";s.r(e);var n=s(34),r=Object(n.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_08-响应预定义的布局"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_08-响应预定义的布局"}},[this._v("#")]),this._v(" 08 - 响应预定义的布局")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example08ResponsivePredefinedLayouts.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example08ResponsivePredefinedLayouts")],1)],1)}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/55.da24320f.js b/assets/js/55.da24320f.js new file mode 100644 index 00000000..d4077d0e --- /dev/null +++ b/assets/js/55.da24320f.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[55],{528:function(t,e,s){"use strict";s.r(e);var n=s(34),r=Object(n.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_09-动态添加-删除"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_09-动态添加-删除"}},[this._v("#")]),this._v(" 09 - 动态添加/删除")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example09DynamicAddRemove.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example09DynamicAddRemove")],1)],1)}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/56.7096c439.js b/assets/js/56.7096c439.js new file mode 100644 index 00000000..911be85c --- /dev/null +++ b/assets/js/56.7096c439.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[56],{529:function(t,e,r){"use strict";r.r(e);var s=r(34),n=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_10-从外面拖动"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_10-从外面拖动"}},[t._v("#")]),t._v(" 10 - 从外面拖动")]),t._v(" "),e("p",[t._v("该演示演示了从栅格外部添加部件时发生的情况。\n"),e("br"),t._v("\n将部件放到栅格中后，您将获得其坐标/属性，并可以据此执行操作。")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example10DragFromOutside.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看资料"),e("OutboundLink")],1)]),t._v(" "),e("ClientOnly",[e("Example10DragFromOutside")],1)],1)}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/57.879ace34.js b/assets/js/57.879ace34.js new file mode 100644 index 00000000..7b7fecec --- /dev/null +++ b/assets/js/57.879ace34.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[57],{530:function(t,e,s){"use strict";s.r(e);var n=s(34),r=Object(n.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"_11-拖动栅格元素绑定到容器"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_11-拖动栅格元素绑定到容器"}},[this._v("#")]),this._v(" 11 - 拖动栅格元素绑定到容器")]),this._v(" "),t("p",[this._v("可以获得栅格元素的坐标与容器间的绑定关系。")]),this._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example11Bounded.vue",target:"_blank",rel:"noopener noreferrer"}},[this._v("查看资料"),t("OutboundLink")],1)]),this._v(" "),t("ClientOnly",[t("Example11Bounded")],1)],1)}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/assets/js/58.9050471d.js b/assets/js/58.9050471d.js new file mode 100644 index 00000000..df1175b4 --- /dev/null +++ b/assets/js/58.9050471d.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[58],{531:function(t,a,s){"use strict";s.r(a);var r=s(34),e=Object(r.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"安装"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#安装"}},[t._v("#")]),t._v(" 安装")]),t._v(" "),a("h2",{attrs:{id:"npm"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#npm"}},[t._v("#")]),t._v(" NPM")]),t._v(" "),a("div",{staticClass:"language- extra-class"},[a("pre",[a("code",[t._v("npm install vue-grid-layout --save\n")])])]),a("h2",{attrs:{id:"yarn"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#yarn"}},[t._v("#")]),t._v(" Yarn")]),t._v(" "),a("div",{staticClass:"language- extra-class"},[a("pre",[a("code",[t._v("yarn add vue-grid-layout\n")])])]),a("p",[t._v("导入库")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" VueGridLayout "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-grid-layout'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("添加到其他Vue组件")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("GridLayout")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" VueGridLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GridLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("GridItem")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" VueGridLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("GridItem\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ... data, methods, mounted (), etc.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n \n")])])]),a("h2",{attrs:{id:"浏览器"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#浏览器"}},[t._v("#")]),t._v(" 浏览器")]),t._v(" "),a("p",[t._v("包括可用于浏览器的软件包（"),a("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/releases",target:"_blank",rel:"noopener noreferrer"}},[t._v("从发布版本"),a("OutboundLink")],1),t._v("下载）。组件将自动可用。")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("vue-grid-layout.umd.min.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/59.e16b0a82.js b/assets/js/59.e16b0a82.js new file mode 100644 index 00000000..3850bc0d --- /dev/null +++ b/assets/js/59.e16b0a82.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[59],{532:function(t,s,i){"use strict";i.r(s);var a=i(34),e=Object(a.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"自动调整栅格元素"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#自动调整栅格元素"}},[this._v("#")]),this._v(" 自动调整栅格元素")]),this._v(" "),t("p",[this._v("待办： https://github.com/jbaysolutions/vue-grid-layout/issues/351")])])}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/6.1dcdcd92.js b/assets/js/6.1dcdcd92.js new file mode 100644 index 00000000..a7476966 --- /dev/null +++ b/assets/js/6.1dcdcd92.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{411:function(e,t,a){},462:function(e,t,a){"use strict";var i=a(1),r=a(18),n=a(98),l=a(68),s=a(27),o=a(215),c=a(129),u=a(50),d=a(463),h=a(70)("splice"),y=Math.max,g=Math.min;i({target:"Array",proto:!0,forced:!h},{splice:function(e,t){var a,i,h,m,v,f,b=r(this),p=s(b),_=n(e,p),x=arguments.length;for(0===x?a=i=0:1===x?(a=0,i=p-_):(a=x-2,i=g(y(l(t),0),p-_)),o(p+a-i),h=c(b,i),m=0;mp-i+a;m--)d(b,m-1)}else if(a>i)for(m=p-i;m>_;m--)f=m+a-1,(v=m+i-1)in b?b[f]=b[v]:d(b,f);for(m=0;m-1:e.draggable},on:{change:function(t){var a=e.draggable,i=t.target,r=!!i.checked;if(Array.isArray(a)){var n=e._i(a,null);i.checked?n<0&&(e.draggable=a.concat([null])):n>-1&&(e.draggable=a.slice(0,n).concat(a.slice(n+1)))}else e.draggable=r}}}),e._v(" Draggable\n "),t("input",{directives:[{name:"model",rawName:"v-model",value:e.resizable,expression:"resizable"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.resizable)?e._i(e.resizable,null)>-1:e.resizable},on:{change:function(t){var a=e.resizable,i=t.target,r=!!i.checked;if(Array.isArray(a)){var n=e._i(a,null);i.checked?n<0&&(e.resizable=a.concat([null])):n>-1&&(e.resizable=a.slice(0,n).concat(a.slice(n+1)))}else e.resizable=r}}}),e._v(" Resizable\n "),t("grid-layout",{attrs:{layout:e.layout,"col-num":e.colNum,"row-height":30,"is-draggable":e.draggable,"is-resizable":e.resizable,"vertical-compact":!0,"use-css-transforms":!0},on:{"update:layout":function(t){e.layout=t}}},e._l(e.layout,(function(a){return t("grid-item",{key:a.i,attrs:{static:a.static,x:a.x,y:a.y,w:a.w,h:a.h,i:a.i}},[t("span",{staticClass:"text"},[e._v(e._s(a.i))]),e._v(" "),t("span",{staticClass:"remove",on:{click:function(t){return e.removeItem(a.i)}}},[e._v("x")])])})),1)],1)}),[],!1,null,null,null);t.default=l.exports}}]); \ No newline at end of file diff --git a/assets/js/60.75b2c899.js b/assets/js/60.75b2c899.js new file mode 100644 index 00000000..2ed07295 --- /dev/null +++ b/assets/js/60.75b2c899.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[60],{533:function(t,a,s){"use strict";s.r(a);var n=s(34),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"事件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#事件"}},[t._v("#")]),t._v(" 事件")]),t._v(" "),a("p",[t._v("每一个栅格元素grid-item上都可以添加监听器，用于监听移动和调整大小事件，这样父级Vue对象就可以收到通知。")]),t._v(" "),a("p",[t._v("示例 "),a("RouterLink",{attrs:{to:"/zh/guide/02-events.html"}},[t._v("点击这里")])],1),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("grid-layout")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":layout")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":col-num")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("12"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":row-height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("30"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-draggable")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-resizable")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":vertical-compact")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":margin")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("[10, 10]"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":use-css-transforms")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-created")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutCreatedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-before-mount")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutBeforeMountEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-mounted")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutMountedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-ready")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutReadyEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@layout-updated")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layoutUpdatedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@breakpoint-changed")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("breakpointChangedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("grid-item")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-for")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item in layout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":x")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":y")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":w")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.w"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":h")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.h"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":i")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":key")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@resize")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("resizeEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@move")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("moveEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@resized")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("resizedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@container-resized")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("containerResizedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@moved")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("movedEvent"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n {{item.i}}\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"gridlayout"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#gridlayout"}},[t._v("#")]),t._v(" GridLayout")]),t._v(" "),a("h3",{attrs:{id:"layoutcreatedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutcreatedevent"}},[t._v("#")]),t._v(" layoutCreatedEvent")]),t._v(" "),a("p",[t._v("对应Vue生命周期的created")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutCreatedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Created layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"layoutbeforemountevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutbeforemountevent"}},[t._v("#")]),t._v(" layoutBeforeMountEvent")]),t._v(" "),a("p",[t._v("对应Vue生命周期的beforeMount")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutBeforeMountEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"beforeMount layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"layoutmountedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutmountedevent"}},[t._v("#")]),t._v(" layoutMountedEvent")]),t._v(" "),a("p",[t._v("对应Vue生命周期的mounted")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutMountedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Mounted layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"layoutreadyevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutreadyevent"}},[t._v("#")]),t._v(" layoutReadyEvent")]),t._v(" "),a("p",[t._v("当完成mount中的所有操作时生成的事件")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutReadyEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Ready layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"layoutupdatedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#layoutupdatedevent"}},[t._v("#")]),t._v(" layoutUpdatedEvent")]),t._v(" "),a("p",[t._v("布局updated事件")]),t._v(" "),a("p",[t._v("更新事件（布局更新或栅格元素的位置重新计算）")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("layoutUpdatedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Updated layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"breakpointchangedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#breakpointchangedevent"}},[t._v("#")]),t._v(" breakpointChangedEvent")]),t._v(" "),a("p",[t._v("断点更改事件")]),t._v(" "),a("p",[t._v("每次断点值由于窗口调整大小而改变")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * \n * @param newBreakpoint the breakpoint name\n * @param newLayout the chosen layout for the breakpoint\n * \n */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("breakpointChangedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("newBreakpoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"BREAKPOINT CHANGED breakpoint="')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newBreakpoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", layout: "')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newLayout "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h2",{attrs:{id:"griditem"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#griditem"}},[t._v("#")]),t._v(" GridItem")]),t._v(" "),a("h3",{attrs:{id:"moveevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#moveevent"}},[t._v("#")]),t._v(" moveEvent")]),t._v(" "),a("p",[t._v("移动时的事件")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("moveEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newX"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newY")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MOVE i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", X="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newX "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", Y="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newY"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h3",{attrs:{id:"resizeevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#resizeevent"}},[t._v("#")]),t._v(" resizeEvent")]),t._v(" "),a("p",[t._v("调整大小时的事件")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("resizeEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newH"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newW"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newHPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newWPx")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"RESIZE i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newH "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newW "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newHPx "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newWPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h3",{attrs:{id:"movedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#movedevent"}},[t._v("#")]),t._v(" movedEvent")]),t._v(" "),a("p",[t._v("移动后的事件")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("movedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newX"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newY")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MOVED i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", X="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newX "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", Y="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newY"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h3",{attrs:{id:"resizedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#resizedevent"}},[t._v("#")]),t._v(" resizedEvent")]),t._v(" "),a("p",[t._v("调整大小后的事件")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * \n * @param i the item id/index\n * @param newH new height in grid rows \n * @param newW new width in grid columns\n * @param newHPx new height in pixels\n * @param newWPx new width in pixels\n * \n */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("resizedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newH"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newW"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newHPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newWPx")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"RESIZED i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newH "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newW "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newHPx "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newWPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])]),a("h3",{attrs:{id:"containerresizedevent"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#containerresizedevent"}},[t._v("#")]),t._v(" containerResizedEvent")]),t._v(" "),a("p",[t._v("栅格元素/栅格容器更改大小的事件（浏览器窗口或其他）")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * \n * @param i the item id/index\n * @param newH new height in grid rows \n * @param newW new width in grid columns\n * @param newHPx new height in pixels\n * @param newWPx new width in pixels\n * \n */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("containerResizedEvent")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("i"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newH"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newW"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newHPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newWPx")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"CONTAINER RESIZED i="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" i "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newH "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newW "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", H(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newHPx "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('", W(px)="')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" newWPx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/61.3a5e8519.js b/assets/js/61.3a5e8519.js new file mode 100644 index 00000000..d9568956 --- /dev/null +++ b/assets/js/61.3a5e8519.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{534:function(t,a,r){"use strict";r.r(a);var s=r(34),e=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"例子"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#例子"}},[t._v("#")]),t._v(" 例子")]),t._v(" "),a("h2",{attrs:{id:"基本"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#基本"}},[t._v("#")]),t._v(" 基本")]),t._v(" "),a("Grid01Basic"),t._v(" "),a("h2",{attrs:{id:"事件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#事件"}},[t._v("#")]),t._v(" 事件")]),t._v(" "),a("Grid02Events"),t._v(" "),a("h2",{attrs:{id:"多个网格"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#多个网格"}},[t._v("#")]),t._v(" 多个网格")]),t._v(" "),a("Grid03MultipleGrids"),t._v(" "),a("h2",{attrs:{id:"拖动允许-忽略元素"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#拖动允许-忽略元素"}},[t._v("#")]),t._v(" 拖动允许/忽略元素")]),t._v(" "),a("p",[t._v("忽略对某些元素的拖动，而对其他元素允许。")]),t._v(" "),a("p",[t._v("单击并拖动每个栅格角上的点以重新定位")]),t._v(" "),a("Grid04AllowIgnore")],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/62.2bb83707.js b/assets/js/62.2bb83707.js new file mode 100644 index 00000000..3cbcc54f --- /dev/null +++ b/assets/js/62.2bb83707.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[62],{535:function(e,v,_){"use strict";_.r(v);var r=_(34),a=Object(r.a)({},(function(){var e=this,v=e._self._c;return v("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[v("h1",{attrs:{id:"属性"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#属性"}},[e._v("#")]),e._v(" 属性")]),e._v(" "),v("h2",{attrs:{id:"gridlayout"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#gridlayout"}},[e._v("#")]),e._v(" GridLayout")]),e._v(" "),v("h3",{attrs:{id:"layout"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#layout"}},[e._v("#")]),e._v(" layout")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Array")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("这是栅格的初始布局。")]),e._v(" "),v("p",[e._v("数据源。值必须为 "),v("code",[e._v("Array")]),e._v("，其数据项为 "),v("code",[e._v("Object")]),e._v("。 每条数据项必须有 "),v("code",[e._v("i, x, y, w 和 h")]),e._v(" 属性。 请参考下面的 "),v("code",[e._v("GridItem")]),e._v("。")]),e._v(" "),v("h3",{attrs:{id:"responsivelayouts"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#responsivelayouts"}},[e._v("#")]),e._v(" responsiveLayouts")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Object")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default : "),v("code",[e._v("{}")])])]),e._v(" "),v("p",[e._v("如果 "),v("code",[e._v("responsive")]),e._v(" 设置为 "),v("code",[e._v("true")]),e._v("，该配置将作为栅格中每个断点的初始布局。键值是断点名称，每项的值都是类似 "),v("code",[e._v("layout")]),e._v(" 属性定义的数据结构，值必须为 "),v("code",[e._v("Array")]),e._v("，其数据项为 "),v("code",[e._v("Object")]),e._v("。例如： "),v("code",[e._v("{lg: [layout items], md: [layout items]}")]),e._v("。需要注意的是，在创建栅格布局后设置该属性无效。\n在创建GridLayout之后设置prop无效。")]),e._v(" "),v("p",[e._v("可以查看 "),v("a",{attrs:{href:"#responsive"}},[e._v("responsive")]),e._v(", "),v("a",{attrs:{href:"#breakpoints"}},[e._v("breakpoints")]),e._v(" 和 "),v("a",{attrs:{href:"#cols"}},[e._v("cols")])]),e._v(" "),v("h3",{attrs:{id:"colnum"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#colnum"}},[e._v("#")]),e._v(" colNum")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("12")])])]),e._v(" "),v("p",[e._v("定义栅格系统的列数，其值需为自然数。")]),e._v(" "),v("h3",{attrs:{id:"rowheight"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#rowheight"}},[e._v("#")]),e._v(" rowHeight")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("150")])])]),e._v(" "),v("p",[e._v("每行的高度，单位像素。")]),e._v(" "),v("h3",{attrs:{id:"maxrows"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#maxrows"}},[e._v("#")]),e._v(" maxRows")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("Infinity")])])]),e._v(" "),v("p",[e._v("定义最大行数。")]),e._v(" "),v("h3",{attrs:{id:"margin"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#margin"}},[e._v("#")]),e._v(" margin")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Array")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("[10, 10]")])])]),e._v(" "),v("p",[e._v("定义栅格中的元素边距。")]),e._v(" "),v("p",[e._v("值必须是包含两个 "),v("code",[e._v("Number")]),e._v("的数组，数组中第一个元素表示水平边距，第二个表示垂直边距，单位为像素。")]),e._v(" "),v("h3",{attrs:{id:"isdraggable"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#isdraggable"}},[e._v("#")]),e._v(" isDraggable")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识栅格中的元素是否可拖拽。")]),e._v(" "),v("h3",{attrs:{id:"isresizable"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#isresizable"}},[e._v("#")]),e._v(" isResizable")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识栅格中的元素是否可调整大小。")]),e._v(" "),v("h3",{attrs:{id:"ismirrored"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#ismirrored"}},[e._v("#")]),e._v(" isMirrored")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("false")])])]),e._v(" "),v("p",[e._v("标识栅格中的元素是否可镜像反转。")]),e._v(" "),v("h3",{attrs:{id:"autosize"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#autosize"}},[e._v("#")]),e._v(" autoSize")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识容器是否自动调整大小。")]),e._v(" "),v("h3",{attrs:{id:"verticalcompact"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#verticalcompact"}},[e._v("#")]),e._v(" verticalCompact")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识布局是否垂直压缩。")]),e._v(" "),v("h3",{attrs:{id:"preventcollision"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#preventcollision"}},[e._v("#")]),e._v(" preventCollision")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("false")])])]),e._v(" "),v("p",[e._v("防止碰撞属性，值设置为"),v("code",[e._v("ture")]),e._v("时，栅格只能拖动至空白处。")]),e._v(" "),v("h3",{attrs:{id:"usecsstransforms"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#usecsstransforms"}},[e._v("#")]),e._v(" useCssTransforms")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识是否使用CSS属性 "),v("code",[e._v("transition-property: transform;")]),e._v("。")]),e._v(" "),v("h3",{attrs:{id:"responsive"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#responsive"}},[e._v("#")]),e._v(" responsive")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("false")])])]),e._v(" "),v("p",[e._v("标识布局是否为响应式。")]),e._v(" "),v("p",[e._v("可以查看 "),v("a",{attrs:{href:"#responsivelayouts"}},[e._v("responsiveLayouts")]),e._v("、"),v("a",{attrs:{href:"#breakpoints"}},[e._v("breakpoints")]),e._v("和 "),v("a",{attrs:{href:"#cols"}},[e._v("cols")])]),e._v(" "),v("h3",{attrs:{id:"breakpoints"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#breakpoints"}},[e._v("#")]),e._v(" breakpoints")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Object")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }")])]),e._v(" "),v("p",[e._v("为响应式布局设置断点。")]),e._v(" "),v("p",[e._v("可以查看 "),v("a",{attrs:{href:"#responsivelayouts"}},[e._v("responsiveLayouts")]),e._v(" 和 "),v("a",{attrs:{href:"#cols"}},[e._v("cols")])]),e._v(" "),v("h3",{attrs:{id:"cols"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#cols"}},[e._v("#")]),e._v(" cols")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Object")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }")])]),e._v(" "),v("p",[e._v("设置每个断点对应的列数。")]),e._v(" "),v("h3",{attrs:{id:"usestylecursor"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#usestylecursor"}},[e._v("#")]),e._v(" useStyleCursor")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识是否使用动态鼠标指针样式。当拖动出现卡顿时，将此值设为 "),v("code",[e._v("false")]),e._v("也许可以缓解布局问题。\n"),v("strong",[e._v("此属性无效")])]),e._v(" "),v("h2",{attrs:{id:"griditem"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#griditem"}},[e._v("#")]),e._v(" GridItem")]),e._v(" "),v("h3",{attrs:{id:"i"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#i"}},[e._v("#")]),e._v(" i")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("String")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("栅格中元素的ID。")]),e._v(" "),v("h3",{attrs:{id:"x"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[e._v("#")]),e._v(" x")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识栅格元素位于第几列，需为自然数。")]),e._v(" "),v("h3",{attrs:{id:"y"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[e._v("#")]),e._v(" y")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识栅格元素位于第几行，需为自然数。")]),e._v(" "),v("h3",{attrs:{id:"w"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#w"}},[e._v("#")]),e._v(" w")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识栅格元素的初始宽度，值为"),v("code",[e._v("colWidth")]),e._v("的倍数。")]),e._v(" "),v("h3",{attrs:{id:"h"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#h"}},[e._v("#")]),e._v(" h")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("true")])])]),e._v(" "),v("p",[e._v("标识栅格元素的初始高度，值为"),v("code",[e._v("rowHeight")]),e._v("的倍数。")]),e._v(" "),v("h3",{attrs:{id:"minw"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#minw"}},[e._v("#")]),e._v(" minW")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("1")])])]),e._v(" "),v("p",[e._v("栅格元素的最小宽度，值为"),v("code",[e._v("colWidth")]),e._v("的倍数。")]),e._v(" "),v("p",[e._v("如果"),v("code",[e._v("w")]),e._v("小于"),v("code",[e._v("minW")]),e._v("，则"),v("code",[e._v("minW")]),e._v("的值会被"),v("code",[e._v("w")]),e._v("覆盖。")]),e._v(" "),v("h3",{attrs:{id:"minh"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#minh"}},[e._v("#")]),e._v(" minH")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("1")])])]),e._v(" "),v("p",[e._v("栅格元素的最小高度，值为"),v("code",[e._v("rowHeight")]),e._v("的倍数。")]),e._v(" "),v("p",[e._v("如果"),v("code",[e._v("h")]),e._v("小于"),v("code",[e._v("minH")]),e._v("，则"),v("code",[e._v("minH")]),e._v("的值会被h覆盖。")]),e._v(" "),v("h3",{attrs:{id:"maxw"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#maxw"}},[e._v("#")]),e._v(" maxW")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("Infinity")])])]),e._v(" "),v("p",[e._v("栅格元素的最大宽度，值为"),v("code",[e._v("colWidth")]),e._v("的倍数。")]),e._v(" "),v("p",[e._v("如果"),v("code",[e._v("w")]),e._v("大于"),v("code",[e._v("maxW")]),e._v("，则"),v("code",[e._v("maxW")]),e._v("的值会被"),v("code",[e._v("w")]),e._v("覆盖。")]),e._v(" "),v("h3",{attrs:{id:"maxh"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#maxh"}},[e._v("#")]),e._v(" maxH")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Number")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("Infinity")])])]),e._v(" "),v("p",[e._v("栅格元素的最大高度，值为"),v("code",[e._v("rowHeight")]),e._v("的倍数。")]),e._v(" "),v("p",[e._v("如果"),v("code",[e._v("h")]),e._v("大于"),v("code",[e._v("maxH")]),e._v("，则"),v("code",[e._v("maxH")]),e._v("的值会被"),v("code",[e._v("h")]),e._v("覆盖。")]),e._v(" "),v("h3",{attrs:{id:"isdraggable-2"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#isdraggable-2"}},[e._v("#")]),e._v(" isDraggable")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("null")])])]),e._v(" "),v("p",[e._v("标识栅格元素是否可拖拽。如果值为"),v("code",[e._v("null")]),e._v("则取决于父容器。")]),e._v(" "),v("h3",{attrs:{id:"isresizable-2"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#isresizable-2"}},[e._v("#")]),e._v(" isResizable")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("null")])])]),e._v(" "),v("p",[e._v("标识栅格元素是否可调整大小。如果值为"),v("code",[e._v("null")]),e._v("则取决于父容器。")]),e._v(" "),v("h3",{attrs:{id:"static"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#static"}},[e._v("#")]),e._v(" static")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("Boolean")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("false")])])]),e._v(" "),v("p",[e._v("标识栅格元素是否为静态的（无法拖拽、调整大小或被其他元素移动）。")]),e._v(" "),v("h3",{attrs:{id:"dragignorefrom"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#dragignorefrom"}},[e._v("#")]),e._v(" dragIgnoreFrom")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("String")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("'a, button'")])])]),e._v(" "),v("p",[e._v("标识栅格元素中哪些子元素无法触发拖拽事件，值为"),v("code",[e._v("css-like")]),e._v("选择器。")]),e._v(" "),v("p",[e._v("请参考"),v("a",{attrs:{href:"http://interactjs.io/docs/#ignorable-selectors",target:"_blank",rel:"noopener noreferrer"}},[e._v("interact.js docs"),v("OutboundLink")],1),e._v("中的"),v("code",[e._v("ignoreFrom")]),e._v("。")]),e._v(" "),v("h3",{attrs:{id:"dragallowfrom"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#dragallowfrom"}},[e._v("#")]),e._v(" dragAllowFrom")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("String")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("null")])])]),e._v(" "),v("p",[e._v("标识栅格元素中哪些子元素可以触发拖拽事件，值为"),v("code",[e._v("css-like")]),e._v("选择器。")]),e._v(" "),v("p",[e._v("如果值为"),v("code",[e._v("null")]),e._v("则表示所有子元素（"),v("code",[e._v("dragIgnoreFrom")]),e._v("的除外）。")]),e._v(" "),v("p",[e._v("请参考"),v("a",{attrs:{href:"http://interactjs.io/docs/#ignorable-selectors",target:"_blank",rel:"noopener noreferrer"}},[e._v("interact.js docs"),v("OutboundLink")],1),e._v("中的"),v("code",[e._v("allowFrom")]),e._v("。")]),e._v(" "),v("h3",{attrs:{id:"resizeignorefrom"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#resizeignorefrom"}},[e._v("#")]),e._v(" resizeIgnoreFrom")]),e._v(" "),v("ul",[v("li",[e._v("type: "),v("code",[e._v("String")])]),e._v(" "),v("li",[e._v("required: "),v("code",[e._v("false")])]),e._v(" "),v("li",[e._v("default: "),v("code",[e._v("'a, button'")])])]),e._v(" "),v("p",[e._v("标识栅格元素中哪些子元素无法触发调整大小的事件，值为"),v("code",[e._v("css-like")]),e._v("选择器。")]),e._v(" "),v("p",[e._v("请参考"),v("a",{attrs:{href:"http://interactjs.io/docs/#ignorable-selectors",target:"_blank",rel:"noopener noreferrer"}},[e._v("interact.js docs"),v("OutboundLink")],1),e._v("中的"),v("code",[e._v("ignoreFrom")]),e._v("。")])])}),[],!1,null,null,null);v.default=a.exports}}]); \ No newline at end of file diff --git a/assets/js/63.de2386d1.js b/assets/js/63.de2386d1.js new file mode 100644 index 00000000..d8534afe --- /dev/null +++ b/assets/js/63.de2386d1.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{536:function(t,s,a){"use strict";a.r(s);var n=a(34),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"样式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#样式"}},[t._v("#")]),t._v(" 样式")]),t._v(" "),s("p",[t._v("可以定制栅格样式以适合您的需求。以下是可以覆盖的类的列表。")]),t._v(" "),s("h2",{attrs:{id:"占位符"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#占位符"}},[t._v("#")]),t._v(" 占位符")]),t._v(" "),s("p",[t._v("占位符的默认css为：")]),t._v(" "),s("div",{staticClass:"language-css extra-class"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".vue-grid-item.vue-grid-placeholder")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" red"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("opacity")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 0.2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("transition-duration")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100ms"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("z-index")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 2"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("-webkit-user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("-moz-user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("-ms-user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("-o-user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("user-select")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" none"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" \n")])])]),s("p",[t._v("您可以使用"),s("code",[t._v("!important")]),t._v("规则覆盖属性：")]),t._v(" "),s("div",{staticClass:"language-css extra-class"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".vue-grid-item.vue-grid-placeholder")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" green "),s("span",{pre:!0,attrs:{class:"token important"}},[t._v("!important")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[t._v("或者通过用更"),s("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity",target:"_blank",rel:"noopener noreferrer"}},[t._v("具体的"),s("OutboundLink")],1),t._v("方式包装栅格类：")]),t._v(" "),s("div",{staticClass:"language-css extra-class"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".container .vue-grid-item.vue-grid-placeholder")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v("background")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" green"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[t._v("在此示例中，我们将占位符的背景色更改为绿色：")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/ExampleStylingPlaceholder.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看资料"),s("OutboundLink")],1)]),t._v(" "),s("ClientOnly",[s("ExampleStylingPlaceholder")],1),t._v(" "),s("p",[t._v("工作正在进行中...")])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/64.f3a72cb0.js b/assets/js/64.f3a72cb0.js new file mode 100644 index 00000000..9d20e35c --- /dev/null +++ b/assets/js/64.f3a72cb0.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[64],{537:function(t,s,a){"use strict";a.r(s);var r=a(34),p=Object(r.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"用法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#用法"}},[t._v("#")]),t._v(" 用法")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[t._v("\t"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Vue")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\t "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("el")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#app'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\t "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\t "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("layout")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"0"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"2"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"3"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"4"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"5"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"6"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"7"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"8"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"9"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"10"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"11"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"12"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"13"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"14"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"15"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"16"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"17"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("9")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"18"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"x"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"y"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"w"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"h"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"i"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"19"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\t "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("div",{staticClass:"language-html extra-class"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("grid-layout")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":layout.sync")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("layout"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":col-num")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("12"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":row-height")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("30"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-draggable")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-resizable")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":is-mirrored")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("false"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":vertical-compact")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":margin")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("[10, 10]"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":use-css-transforms")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("grid-item")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-for")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item in layout"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":x")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":y")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.y"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":w")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.w"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":h")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.h"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":i")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":key")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n {{item.i}}\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=p.exports}}]); \ No newline at end of file diff --git a/assets/js/7.12a6da2c.js b/assets/js/7.12a6da2c.js new file mode 100644 index 00000000..6667a3bf --- /dev/null +++ b/assets/js/7.12a6da2c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{412:function(t,n,i){},465:function(t,n,i){"use strict";var e=i(1),r=i(67).findIndex,o=i(125),a=!0;"findIndex"in[]&&Array(1).findIndex((function(){a=!1})),e({target:"Array",proto:!0,forced:a},{findIndex:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}}),o("findIndex")},466:function(t,n,i){"use strict";i(412)},490:function(t,n,i){"use strict";i.r(n);i(465),i(43),i(10),i(130);var e=i(371),r={x:null,y:null},o={x:null,y:null,w:1,h:1,i:null},a={components:{GridLayout:e.GridLayout,GridItem:e.GridItem},data:function(){return{layout:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:8,y:0,w:2,h:3,i:"4"},{x:10,y:0,w:2,h:3,i:"5"},{x:0,y:5,w:2,h:5,i:"6"},{x:2,y:5,w:2,h:5,i:"7"},{x:4,y:5,w:2,h:5,i:"8"},{x:5,y:10,w:4,h:3,i:"9"}]}},mounted:function(){document.addEventListener("dragover",(function(t){r.x=t.clientX,r.y=t.clientY}),!1)},beforeDestroy:function(){},methods:{drag:function(t){var n=document.getElementById("content").getBoundingClientRect(),i=!1;r.x>n.left&&r.xn.top&&r.yn.left&&r.xn.top&&r.y=0&&Math.floor(e)===e&&isFinite(t)}function v(t){return a(t)&&"function"==typeof t.then&&"function"==typeof t.catch}function g(t){return null==t?"":Array.isArray(t)||p(t)&&t.toString===f?JSON.stringify(t,null,2):String(t)}function m(t){var e=parseFloat(t);return isNaN(e)?t:e}function y(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o-1)return t.splice(n,1)}}var w=Object.prototype.hasOwnProperty;function x(t,e){return w.call(t,e)}function O(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}var S=/-(\w)/g,E=O((function(t){return t.replace(S,(function(t,e){return e?e.toUpperCase():""}))})),j=O((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})),k=/\B([A-Z])/g,C=O((function(t){return t.replace(k,"-$1").toLowerCase()}));var A=Function.prototype.bind?function(t,e){return t.bind(e)}:function(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n};function P(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function $(t,e){for(var n in e)t[n]=e[n];return t}function L(t){for(var e={},n=0;n0,Q=K&&K.indexOf("edge/")>0;K&&K.indexOf("android");var Z=K&&/iphone|ipad|ipod|ios/.test(K);K&&/chrome\/\d+/.test(K),K&&/phantomjs/.test(K);var tt,et=K&&K.match(/firefox\/(\d+)/),nt={}.watch,rt=!1;if(Y)try{var ot={};Object.defineProperty(ot,"passive",{get:function(){rt=!0}}),window.addEventListener("test-passive",null,ot)}catch(t){}var it=function(){return void 0===tt&&(tt=!Y&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),tt},at=Y&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function ut(t){return"function"==typeof t&&/native code/.test(t.toString())}var ct,st="undefined"!=typeof Symbol&&ut(Symbol)&&"undefined"!=typeof Reflect&&ut(Reflect.ownKeys);ct="undefined"!=typeof Set&&ut(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var lt=null;function ft(){return lt&&{proxy:lt}}function pt(t){void 0===t&&(t=null),t||lt&<._scope.off(),lt=t,t&&t._scope.on()}var dt=function(){function t(t,e,n,r,o,i,a,u){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=o,this.ns=void 0,this.context=i,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=u,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}return Object.defineProperty(t.prototype,"child",{get:function(){return this.componentInstance},enumerable:!1,configurable:!0}),t}(),ht=function(t){void 0===t&&(t="");var e=new dt;return e.text=t,e.isComment=!0,e};function vt(t){return new dt(void 0,void 0,void 0,String(t))}function gt(t){var e=new dt(t.tag,t.data,t.children&&t.children.slice(),t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isComment=t.isComment,e.fnContext=t.fnContext,e.fnOptions=t.fnOptions,e.fnScopeId=t.fnScopeId,e.asyncMeta=t.asyncMeta,e.isCloned=!0,e}var mt=0,yt=function(){function t(){this.id=mt++,this.subs=[]}return t.prototype.addSub=function(t){this.subs.push(t)},t.prototype.removeSub=function(t){_(this.subs,t)},t.prototype.depend=function(e){t.target&&t.target.addDep(this)},t.prototype.notify=function(t){var e=this.subs.slice();for(var n=0,r=e.length;n1)return n&&s(e)?e.call(r):e}else 0}var Oe=O((function(t){var e="&"===t.charAt(0),n="~"===(t=e?t.slice(1):t).charAt(0),r="!"===(t=n?t.slice(1):t).charAt(0);return{name:t=r?t.slice(1):t,once:n,capture:r,passive:e}}));function Se(t,e){function n(){var t=n.fns;if(!o(t))return dn(t,null,arguments,e,"v-on handler");for(var r=t.slice(),i=0;i0&&(Ae((s=t(s,"".concat(n||"","_").concat(r)))[0])&&Ae(f)&&(p[l]=vt(f.text+s[0].text),s.shift()),p.push.apply(p,s)):c(s)?Ae(f)?p[l]=vt(f.text+s):""!==s&&p.push(vt(s)):Ae(s)&&Ae(f)?p[l]=vt(f.text+s.text):(u(e._isVList)&&a(s.tag)&&i(s.key)&&a(n)&&(s.key="__vlist".concat(n,"_").concat(r,"__")),p.push(s)));return p}(t):void 0}function Ae(t){return a(t)&&a(t.text)&&!1===t.isComment}function Pe(t,e){var n,r,i,u,c=null;if(o(t)||"string"==typeof t)for(c=new Array(t.length),n=0,r=t.length;n0,u=e?!!e.$stable:!a,c=e&&e.$key;if(e){if(e._normalized)return e._normalized;if(u&&o&&o!==r&&c===o.$key&&!a&&!o.$hasNormal)return o;for(var s in i={},e)e[s]&&"$"!==s[0]&&(i[s]=Ke(t,n,s,e[s]))}else i={};for(var l in n)l in i||(i[l]=Xe(n,l));return e&&Object.isExtensible(e)&&(e._normalized=i),H(i,"$stable",u),H(i,"$key",c),H(i,"$hasNormal",a),i}function Ke(t,e,n,r){var i=function(){var e=lt;pt(t);var n=arguments.length?r.apply(null,arguments):r({}),i=(n=n&&"object"==typeof n&&!o(n)?[n]:Ce(n))&&n[0];return pt(e),n&&(!i||1===n.length&&i.isComment&&!We(i))?void 0:n};return r.proxy&&Object.defineProperty(e,n,{get:i,enumerable:!0,configurable:!0}),i}function Xe(t,e){return function(){return t[e]}}function Je(t){return{get attrs(){if(!t._attrsProxy){var e=t._attrsProxy={};H(e,"_v_attr_proxy",!0),Qe(e,t.$attrs,r,t,"$attrs")}return t._attrsProxy},get listeners(){t._listenersProxy||Qe(t._listenersProxy={},t.$listeners,r,t,"$listeners");return t._listenersProxy},get slots(){return function(t){t._slotsProxy||tn(t._slotsProxy={},t.$scopedSlots);return t._slotsProxy}(t)},emit:A(t.$emit,t),expose:function(e){e&&Object.keys(e).forEach((function(n){return Jt(t,e,n)}))}}}function Qe(t,e,n,r,o){var i=!1;for(var a in e)a in t?e[a]!==n[a]&&(i=!0):(i=!0,Ze(t,a,r,o));for(var a in t)a in e||(i=!0,delete t[a]);return i}function Ze(t,e,n,r){Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){return n[r][e]}})}function tn(t,e){for(var n in e)t[n]=e[n];for(var n in t)n in e||delete t[n]}function en(){return on().slots}function nn(){return on().attrs}function rn(){return on().listeners}function on(){var t=lt;return t._setupContext||(t._setupContext=Je(t))}function an(t,e){var n=o(t)?t.reduce((function(t,e){return t[e]={},t}),{}):t;for(var r in e){var i=n[r];i?o(i)||s(i)?n[r]={type:i,default:e[r]}:i.default=e[r]:null===i&&(n[r]={default:e[r]})}return n}var un=null;function cn(t,e){return(t.__esModule||st&&"Module"===t[Symbol.toStringTag])&&(t=t.default),l(t)?e.extend(t):t}function sn(t){if(o(t))for(var e=0;edocument.createEvent("Event").timeStamp&&(fr=function(){return pr.now()})}var dr=function(t,e){if(t.post){if(!e.post)return 1}else if(e.post)return-1;return t.id-e.id};function hr(){var t,e;for(lr=fr(),cr=!0,or.sort(dr),sr=0;srsr&&or[n].id>t.id;)n--;or.splice(n+1,0,t)}else or.push(t);ur||(ur=!0,En(hr))}}function gr(t,e){if(t){for(var n=Object.create(null),r=st?Reflect.ownKeys(t):Object.keys(t),o=0;o-1)if(i&&!x(o,"default"))a=!1;else if(""===a||a===C(t)){var c=Mr(String,o.type);(c<0||u-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!d(t)&&t.test(e)}function Zr(t,e){var n=t.cache,r=t.keys,o=t._vnode;for(var i in n){var a=n[i];if(a){var u=a.name;u&&!e(u)&&to(n,i,r,o)}}}function to(t,e,n,r){var o=t[e];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),t[e]=null,_(n,e)}!function(t){t.prototype._init=function(t){var e=this;e._uid=Wr++,e._isVue=!0,e.__v_skip=!0,e._scope=new ge(!0),t&&t._isComponent?function(t,e){var n=t.$options=Object.create(t.constructor.options),r=e._parentVnode;n.parent=e.parent,n._parentVnode=r;var o=r.componentOptions;n.propsData=o.propsData,n._parentListeners=o.listeners,n._renderChildren=o.children,n._componentTag=o.tag,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}(e,t):e.$options=Lr(Yr(e.constructor),t||{},e),e._renderProxy=e,e._self=e,function(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._provided=n?n._provided:Object.create(null),t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}(e),function(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&Qn(t,e)}(e),function(t){t._vnode=null,t._staticTrees=null;var e=t.$options,n=t.$vnode=e._parentVnode,o=n&&n.context;t.$slots=He(e._renderChildren,o),t.$scopedSlots=n?Ye(t.$parent,n.data.scopedSlots,t.$slots):r,t._c=function(e,n,r,o){return ln(t,e,n,r,o,!1)},t.$createElement=function(e,n,r,o){return ln(t,e,n,r,o,!0)};var i=n&&n.data;$t(t,"$attrs",i&&i.attrs||r,null,!0),$t(t,"$listeners",e._parentListeners||r,null,!0)}(e),rr(e,"beforeCreate",void 0,!1),function(t){var e=gr(t.$options.inject,t);e&&(kt(!1),Object.keys(e).forEach((function(n){$t(t,n,e[n])})),kt(!0))}(e),Gr(e),function(t){var e=t.$options.provide;if(e){var n=s(e)?e.call(t):e;if(!l(n))return;for(var r=we(t),o=st?Reflect.ownKeys(n):Object.keys(n),i=0;i1?P(n):n;for(var r=P(arguments,1),o='event handler for "'.concat(t,'"'),i=0,a=n.length;iparseInt(this.max)&&to(t,e[0],e,this._vnode),this.vnodeToCache=null}}},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var t in this.cache)to(this.cache,t,this.keys)},mounted:function(){var t=this;this.cacheVNode(),this.$watch("include",(function(e){Zr(t,(function(t){return Qr(e,t)}))})),this.$watch("exclude",(function(e){Zr(t,(function(t){return!Qr(e,t)}))}))},updated:function(){this.cacheVNode()},render:function(){var t=this.$slots.default,e=sn(t),n=e&&e.componentOptions;if(n){var r=Jr(n),o=this.include,i=this.exclude;if(o&&(!r||!Qr(o,r))||i&&r&&Qr(i,r))return e;var a=this.cache,u=this.keys,c=null==e.key?n.Ctor.cid+(n.tag?"::".concat(n.tag):""):e.key;a[c]?(e.componentInstance=a[c].componentInstance,_(u,c),u.push(c)):(this.vnodeToCache=e,this.keyToCache=c),e.data.keepAlive=!0}return e||t&&t[0]}}};!function(t){var e={get:function(){return F}};Object.defineProperty(t,"config",e),t.util={warn:Er,extend:$,mergeOptions:Lr,defineReactive:$t},t.set=Lt,t.delete=Tt,t.nextTick=En,t.observable=function(t){return Pt(t),t},t.options=Object.create(null),D.forEach((function(e){t.options[e+"s"]=Object.create(null)})),t.options._base=t,$(t.options.components,no),function(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=P(arguments,1);return n.unshift(this),s(t.install)?t.install.apply(t,n):s(t)&&t.apply(null,n),e.push(t),this}}(t),function(t){t.mixin=function(t){return this.options=Lr(this.options,t),this}}(t),Xr(t),function(t){D.forEach((function(e){t[e]=function(t,n){return n?("component"===e&&p(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&s(n)&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}}))}(t)}(Kr),Object.defineProperty(Kr.prototype,"$isServer",{get:it}),Object.defineProperty(Kr.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Kr,"FunctionalRenderContext",{value:mr}),Kr.version=Fn;var ro=y("style,class"),oo=y("input,textarea,option,select,progress"),io=y("contenteditable,draggable,spellcheck"),ao=y("events,caret,typing,plaintext-only"),uo=y("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),co="http://www.w3.org/1999/xlink",so=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},lo=function(t){return so(t)?t.slice(6,t.length):""},fo=function(t){return null==t||!1===t};function po(t){for(var e=t.data,n=t,r=t;a(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=ho(r.data,e));for(;a(n=n.parent);)n&&n.data&&(e=ho(e,n.data));return function(t,e){if(a(t)||a(e))return vo(t,go(e));return""}(e.staticClass,e.class)}function ho(t,e){return{staticClass:vo(t.staticClass,e.staticClass),class:a(t.class)?[t.class,e.class]:e.class}}function vo(t,e){return t?e?t+" "+e:t:e||""}function go(t){return Array.isArray(t)?function(t){for(var e,n="",r=0,o=t.length;r-1?Do(t,e,n):uo(e)?fo(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):io(e)?t.setAttribute(e,function(t,e){return fo(e)||"false"===e?"false":"contenteditable"===t&&ao(e)?e:"true"}(e,n)):so(e)?fo(n)?t.removeAttributeNS(co,lo(e)):t.setAttributeNS(co,e,n):Do(t,e,n)}function Do(t,e,n){if(fo(n))t.removeAttribute(e);else{if(X&&!J&&"TEXTAREA"===t.tagName&&"placeholder"===e&&""!==n&&!t.__ieph){var r=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",r)};t.addEventListener("input",r),t.__ieph=!0}t.setAttribute(e,n)}}var Go={create:Mo,update:Mo};function Fo(t,e){var n=e.elm,r=e.data,o=t.data;if(!(i(r.staticClass)&&i(r.class)&&(i(o)||i(o.staticClass)&&i(o.class)))){var u=po(e),c=n._transitionClasses;a(c)&&(u=vo(u,go(c))),u!==n._prevClass&&(n.setAttribute("class",u),n._prevClass=u)}}var Bo,Uo={create:Fo,update:Fo};function Ho(t,e,n){var r=Bo;return function o(){var i=e.apply(null,arguments);null!==i&&Yo(t,o,n,r)}}var qo=mn&&!(et&&Number(et[1])<=53);function Wo(t,e,n,r){if(qo){var o=lr,i=e;e=i._wrapper=function(t){if(t.target===t.currentTarget||t.timeStamp>=o||t.timeStamp<=0||t.target.ownerDocument!==document)return i.apply(this,arguments)}}Bo.addEventListener(t,e,rt?{capture:n,passive:r}:n)}function Yo(t,e,n,r){(r||Bo).removeEventListener(t,e._wrapper||e,n)}function Ko(t,e){if(!i(t.data.on)||!i(e.data.on)){var n=e.data.on||{},r=t.data.on||{};Bo=e.elm||t.elm,function(t){if(a(t.__r)){var e=X?"change":"input";t[e]=[].concat(t.__r,t[e]||[]),delete t.__r}a(t.__c)&&(t.change=[].concat(t.__c,t.change||[]),delete t.__c)}(n),Ee(n,r,Wo,Yo,Ho,e.context),Bo=void 0}}var Xo,Jo={create:Ko,update:Ko,destroy:function(t){return Ko(t,ko)}};function Qo(t,e){if(!i(t.data.domProps)||!i(e.data.domProps)){var n,r,o=e.elm,c=t.data.domProps||{},s=e.data.domProps||{};for(n in(a(s.__ob__)||u(s._v_attr_proxy))&&(s=e.data.domProps=$({},s)),c)n in s||(o[n]="");for(n in s){if(r=s[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),r===c[n])continue;1===o.childNodes.length&&o.removeChild(o.childNodes[0])}if("value"===n&&"PROGRESS"!==o.tagName){o._value=r;var l=i(r)?"":String(r);Zo(o,l)&&(o.value=l)}else if("innerHTML"===n&&bo(o.tagName)&&i(o.innerHTML)){(Xo=Xo||document.createElement("div")).innerHTML="".concat(r,"");for(var f=Xo.firstChild;o.firstChild;)o.removeChild(o.firstChild);for(;f.firstChild;)o.appendChild(f.firstChild)}else if(r!==c[n])try{o[n]=r}catch(t){}}}}function Zo(t,e){return!t.composing&&("OPTION"===t.tagName||function(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}(t,e)||function(t,e){var n=t.value,r=t._vModifiers;if(a(r)){if(r.number)return m(n)!==m(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}(t,e))}var ti={create:Qo,update:Qo},ei=O((function(t){var e={},n=/:(.+)/;return t.split(/;(?![^(]*\))/g).forEach((function(t){if(t){var r=t.split(n);r.length>1&&(e[r[0].trim()]=r[1].trim())}})),e}));function ni(t){var e=ri(t.style);return t.staticStyle?$(t.staticStyle,e):e}function ri(t){return Array.isArray(t)?L(t):"string"==typeof t?ei(t):t}var oi,ii=/^--/,ai=/\s*!important$/,ui=function(t,e,n){if(ii.test(e))t.style.setProperty(e,n);else if(ai.test(n))t.style.setProperty(C(e),n.replace(ai,""),"important");else{var r=si(e);if(Array.isArray(n))for(var o=0,i=n.length;o-1?e.split(pi).forEach((function(e){return t.classList.add(e)})):t.classList.add(e);else{var n=" ".concat(t.getAttribute("class")||""," ");n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function hi(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(pi).forEach((function(e){return t.classList.remove(e)})):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" ".concat(t.getAttribute("class")||""," "),r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?t.setAttribute("class",n):t.removeAttribute("class")}}function vi(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&$(e,gi(t.name||"v")),$(e,t),e}return"string"==typeof t?gi(t):void 0}}var gi=O((function(t){return{enterClass:"".concat(t,"-enter"),enterToClass:"".concat(t,"-enter-to"),enterActiveClass:"".concat(t,"-enter-active"),leaveClass:"".concat(t,"-leave"),leaveToClass:"".concat(t,"-leave-to"),leaveActiveClass:"".concat(t,"-leave-active")}})),mi=Y&&!J,yi="transition",bi="transitionend",_i="animation",wi="animationend";mi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(yi="WebkitTransition",bi="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(_i="WebkitAnimation",wi="webkitAnimationEnd"));var xi=Y?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(t){return t()};function Oi(t){xi((function(){xi(t)}))}function Si(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),di(t,e))}function Ei(t,e){t._transitionClasses&&_(t._transitionClasses,e),hi(t,e)}function ji(t,e,n){var r=Ci(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var u="transition"===o?bi:wi,c=0,s=function(){t.removeEventListener(u,l),n()},l=function(e){e.target===t&&++c>=a&&s()};setTimeout((function(){c0&&(n="transition",l=a,f=i.length):"animation"===e?s>0&&(n="animation",l=s,f=c.length):f=(n=(l=Math.max(a,s))>0?a>s?"transition":"animation":null)?"transition"===n?i.length:c.length:0,{type:n,timeout:l,propCount:f,hasTransform:"transition"===n&&ki.test(r[yi+"Property"])}}function Ai(t,e){for(;t.length1}function Ri(t,e){!0!==e.data.show&&$i(e)}var Vi=function(t){var e,n,r={},s=t.modules,l=t.nodeOps;for(e=0;eh?_(t,i(n[m+1])?null:n[m+1].elm,n,d,m,r):d>m&&x(e,f,h)}(f,v,m,n,s):a(m)?(a(t.text)&&l.setTextContent(f,""),_(f,null,m,0,m.length-1,n)):a(v)?x(v,0,v.length-1):a(t.text)&&l.setTextContent(f,""):t.text!==e.text&&l.setTextContent(f,e.text),a(h)&&a(d=h.hook)&&a(d=d.postpatch)&&d(t,e)}}}function j(t,e,n){if(u(n)&&a(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r-1,a.selected!==i&&(a.selected=i);else if(V(Gi(a),r))return void(t.selectedIndex!==u&&(t.selectedIndex=u));o||(t.selectedIndex=-1)}}function Di(t,e){return e.every((function(e){return!V(e,t)}))}function Gi(t){return"_value"in t?t._value:t.value}function Fi(t){t.target.composing=!0}function Bi(t){t.target.composing&&(t.target.composing=!1,Ui(t.target,"input"))}function Ui(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function Hi(t){return!t.componentInstance||t.data&&t.data.transition?t:Hi(t.componentInstance._vnode)}var qi={model:Ii,show:{bind:function(t,e,n){var r=e.value,o=(n=Hi(n)).data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&o?(n.data.show=!0,$i(n,(function(){t.style.display=i}))):t.style.display=r?i:"none"},update:function(t,e,n){var r=e.value;!r!=!e.oldValue&&((n=Hi(n)).data&&n.data.transition?(n.data.show=!0,r?$i(n,(function(){t.style.display=t.__vOriginalDisplay})):Li(n,(function(){t.style.display="none"}))):t.style.display=r?t.__vOriginalDisplay:"none")},unbind:function(t,e,n,r,o){o||(t.style.display=t.__vOriginalDisplay)}}},Wi={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Yi(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Yi(sn(e.children)):t}function Ki(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var o=n._parentListeners;for(var r in o)e[E(r)]=o[r];return e}function Xi(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}var Ji=function(t){return t.tag||We(t)},Qi=function(t){return"show"===t.name},Zi={name:"transition",props:Wi,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(Ji)).length){0;var r=this.mode;0;var o=n[0];if(function(t){for(;t=t.parent;)if(t.data.transition)return!0}(this.$vnode))return o;var i=Yi(o);if(!i)return o;if(this._leaving)return Xi(t,o);var a="__transition-".concat(this._uid,"-");i.key=null==i.key?i.isComment?a+"comment":a+i.tag:c(i.key)?0===String(i.key).indexOf(a)?i.key:a+i.key:i.key;var u=(i.data||(i.data={})).transition=Ki(this),s=this._vnode,l=Yi(s);if(i.data.directives&&i.data.directives.some(Qi)&&(i.data.show=!0),l&&l.data&&!function(t,e){return e.key===t.key&&e.tag===t.tag}(i,l)&&!We(l)&&(!l.componentInstance||!l.componentInstance._vnode.isComment)){var f=l.data.transition=$({},u);if("out-in"===r)return this._leaving=!0,je(f,"afterLeave",(function(){e._leaving=!1,e.$forceUpdate()})),Xi(t,o);if("in-out"===r){if(We(i))return s;var p,d=function(){p()};je(u,"afterEnter",d),je(u,"enterCancelled",d),je(f,"delayLeave",(function(t){p=t}))}}return o}}},ta=$({tag:String,moveClass:String},Wi);function ea(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function na(t){t.data.newPos=t.elm.getBoundingClientRect()}function ra(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,o=e.top-n.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate(".concat(r,"px,").concat(o,"px)"),i.transitionDuration="0s"}}delete ta.mode;var oa={Transition:Zi,TransitionGroup:{props:ta,beforeMount:function(){var t=this,e=this._update;this._update=function(n,r){var o=tr(t);t.__patch__(t._vnode,t.kept,!1,!0),t._vnode=t.kept,o(),e.call(t,n,r)}},render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=Ki(this),u=0;u-1?wo[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:wo[t]=/HTMLUnknownElement/.test(e.toString())},$(Kr.options.directives,qi),$(Kr.options.components,oa),Kr.prototype.__patch__=Y?Vi:T,Kr.prototype.$mount=function(t,e){return function(t,e,n){var r;t.$el=e,t.$options.render||(t.$options.render=ht),rr(t,"beforeMount"),r=function(){t._update(t._render(),n)},new Yn(t,r,T,{before:function(){t._isMounted&&!t._isDestroyed&&rr(t,"beforeUpdate")}},!0),n=!1;var o=t._preWatchers;if(o)for(var i=0;i=n.length?{value:void 0,done:!0}:(t=r(n,o),e.index+=t.length,{value:t,done:!1})}))},function(t,e,n){var r=n(52),o=n(30);t.exports=function(t){return r(o(t))}},function(t,e,n){var r=n(4),o=n(160),i=n(161),a=n(126),u=n(28),c=n(6),s=c("iterator"),l=c("toStringTag"),f=a.values,p=function(t,e){if(t){if(t[s]!==f)try{u(t,s,f)}catch(e){t[s]=f}if(t[l]||u(t,l,e),o[e])for(var n in a)if(t[n]!==a[n])try{u(t,n,a[n])}catch(e){t[n]=a[n]}}};for(var d in o)p(r[d]&&r[d].prototype,d);p(i,"DOMTokenList")},function(t,e){var n=Array.isArray;t.exports=n},function(t,e,n){var r=n(5),o=n(46),i=TypeError;t.exports=function(t){if(r(t))return t;throw i(o(t)+" is not a function")}},function(t,e,n){var r=n(165),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();t.exports=i},function(t,e,n){var r=n(3),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},function(t,e,n){var r=n(13).f,o=n(9),i=n(6)("toStringTag");t.exports=function(t,e,n){t&&!n&&(t=t.prototype),t&&!o(t,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(95);t.exports=function(t){return r(t.length)}},function(t,e,n){var r=n(11),o=n(13),i=n(38);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(1),o=n(4),i=n(48),a=n(252),u=o.WebAssembly,c=7!==Error("e",{cause:7}).cause,s=function(t,e){var n={};n[t]=a(t,e,c),r({global:!0,constructor:!0,arity:1,forced:c},n)},l=function(t,e){if(u&&u[t]){var n={};n[t]=a("WebAssembly."+t,e,c),r({target:"WebAssembly",stat:!0,constructor:!0,arity:1,forced:c},n)}};s("Error",(function(t){return function(e){return i(t,this,arguments)}})),s("EvalError",(function(t){return function(e){return i(t,this,arguments)}})),s("RangeError",(function(t){return function(e){return i(t,this,arguments)}})),s("ReferenceError",(function(t){return function(e){return i(t,this,arguments)}})),s("SyntaxError",(function(t){return function(e){return i(t,this,arguments)}})),s("TypeError",(function(t){return function(e){return i(t,this,arguments)}})),s("URIError",(function(t){return function(e){return i(t,this,arguments)}})),l("CompileError",(function(t){return function(e){return i(t,this,arguments)}})),l("LinkError",(function(t){return function(e){return i(t,this,arguments)}})),l("RuntimeError",(function(t){return function(e){return i(t,this,arguments)}}))},function(t,e){var n=TypeError;t.exports=function(t){if(null==t)throw n("Can't call method on "+t);return t}},function(t,e,n){var r=n(3);t.exports=r({}.isPrototypeOf)},function(t,e,n){var r=n(11),o=n(7),i=n(105),a=n(38),u=n(20),c=n(74),s=n(9),l=n(138),f=Object.getOwnPropertyDescriptor;e.f=r?f:function(t,e){if(t=u(t),e=c(e),l)try{return f(t,e)}catch(t){}if(s(t,e))return a(!o(i.f,t,e),t[e])}},function(t,e,n){var r=n(285),o=n(288);t.exports=function(t,e){var n=o(t,e);return r(n)?n:void 0}},function(t,e,n){"use strict";function r(t,e,n,r,o,i,a,u){var c,s="function"==typeof t?t.options:t;if(e&&(s.render=e,s.staticRenderFns=n,s._compiled=!0),r&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},s._ssrRegister=c):o&&(c=u?function(){o.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(s.functional){s._injectStyles=c;var l=s.render;s.render=function(t,e){return c.call(e),l(t,e)}}else{var f=s.beforeCreate;s.beforeCreate=f?[].concat(f,c):[c]}return{exports:t,options:s}}n.d(e,"a",(function(){return r}))},function(t,e,n){"use strict";var r=n(1),o=n(101);r({target:"RegExp",proto:!0,forced:/./.exec!==o},{exec:o})},function(t,e,n){var r,o,i,a=n(223),u=n(4),c=n(3),s=n(8),l=n(28),f=n(9),p=n(102),d=n(76),h=n(56),v=u.TypeError,g=u.WeakMap;if(a||p.state){var m=p.state||(p.state=new g),y=c(m.get),b=c(m.has),_=c(m.set);r=function(t,e){if(b(m,t))throw new v("Object already initialized");return e.facade=t,_(m,t,e),e},o=function(t){return y(m,t)||{}},i=function(t){return b(m,t)}}else{var w=d("state");h[w]=!0,r=function(t,e){if(f(t,w))throw new v("Object already initialized");return e.facade=t,l(t,w,e),e},o=function(t){return f(t,w)?t[w]:{}},i=function(t){return f(t,w)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!s(e)||(n=o(e)).type!==t)throw v("Incompatible receiver, "+t+" required");return n}}}},function(t,e,n){var r,o=n(12),i=n(136),a=n(104),u=n(56),c=n(142),s=n(73),l=n(76),f=l("IE_PROTO"),p=function(){},d=function(t){return" + + diff --git a/examples/01-basic.html b/examples/01-basic.html new file mode 100644 index 00000000..0aa58aa7 --- /dev/null +++ b/examples/01-basic.html @@ -0,0 +1,62 @@ + + + + + Vue Grid Layout Example 1 - Basic + + + + + +

Vue Grid Layout Example 1 - Basic

+ + View project on Github +
+ Next example: Move and resize events + +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+
+ + Draggable + Resizable +
+ + + {{itemTitle(item)}} + + +
+ +
+ + + + + diff --git a/examples/01-basic.js b/examples/01-basic.js new file mode 100644 index 00000000..6d938f7c --- /dev/null +++ b/examples/01-basic.js @@ -0,0 +1,96 @@ +var testLayout = [ + {"x":0,"y":0,"w":2,"h":2,"i":"0", static: false}, + {"x":2,"y":0,"w":2,"h":4,"i":"1", static: true}, + {"x":4,"y":0,"w":2,"h":5,"i":"2", static: false}, + {"x":6,"y":0,"w":2,"h":3,"i":"3", static: false}, + {"x":8,"y":0,"w":2,"h":3,"i":"4", static: false}, + {"x":10,"y":0,"w":2,"h":3,"i":"5", static: false}, + {"x":0,"y":5,"w":2,"h":5,"i":"6", static: false}, + {"x":2,"y":5,"w":2,"h":5,"i":"7", static: false}, + {"x":4,"y":5,"w":2,"h":5,"i":"8", static: false}, + {"x":6,"y":3,"w":2,"h":4,"i":"9", static: true}, + {"x":8,"y":4,"w":2,"h":4,"i":"10", static: false}, + {"x":10,"y":4,"w":2,"h":4,"i":"11", static: false}, + {"x":0,"y":10,"w":2,"h":5,"i":"12", static: false}, + {"x":2,"y":10,"w":2,"h":5,"i":"13", static: false}, + {"x":4,"y":8,"w":2,"h":4,"i":"14", static: false}, + {"x":6,"y":8,"w":2,"h":4,"i":"15", static: false}, + {"x":8,"y":10,"w":2,"h":5,"i":"16", static: false}, + {"x":10,"y":4,"w":2,"h":2,"i":"17", static: false}, + {"x":0,"y":9,"w":2,"h":3,"i":"18", static: false}, + {"x":2,"y":6,"w":2,"h":2,"i":"19", static: false} +]; + +// var GridLayout = VueGridLayout.GridLayout; +// var GridItem = VueGridLayout.GridItem; + +new Vue({ + el: '#app', + // components: { + // "GridLayout": GridLayout, + // "GridItem": GridItem + // }, + data: { + layout: testLayout, + draggable: true, + resizable: true, + index: 0 + }, + +/* + mounted: function () { + this.index = this.layout.length; + }, + */ + methods: { + itemTitle(item) { + var result = item.i; + if (item.static) { + result += " - Static"; + } + return result; + } +/* + increaseWidth: function(item) { + var width = document.getElementById("content").offsetWidth; + width += 20; + document.getElementById("content").style.width = width+"px"; + }, + decreaseWidth: function(item) { + + var width = document.getElementById("content").offsetWidth; + width -= 20; + document.getElementById("content").style.width = width+"px"; + }, + removeItem: function(item) { + //console.log("### REMOVE " + item.i); + this.layout.splice(this.layout.indexOf(item), 1); + }, + addItem: function() { + var self = this; + //console.log("### LENGTH: " + this.layout.length); + var item = {"x":0,"y":0,"w":2,"h":2,"i":this.index+"", whatever: "bbb"}; + this.index++; + this.layout.push(item); + } +*/ + } +}); + +/* +function generateLayout() { + return _.map(_.range(0, 25), function (item, i) { + var y = Math.ceil(Math.random() * 4) + 1; + return { + x: _.random(0, 5) * 2 % 12, + y: Math.floor(i / 6) * y, + w: 2, + h: y, + i: i.toString(), + static: Math.random() < 0.05 + }; + }); +}*/ + + + diff --git a/examples/02-events.html b/examples/02-events.html new file mode 100644 index 00000000..95116cdb --- /dev/null +++ b/examples/02-events.html @@ -0,0 +1,77 @@ + + + + + Vue Grid Layout Example 2 - Move and resize events + + + + + +

Vue Grid Layout Example 2 - Move and resize events

+ + View project on Github +
+ Previous example: Basic +
+ Next example: Multiple grids + +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+ Events: +
+ {{event}} +
+
+
+
+ + + + {{item.i}} + + +
+ + +
+ + + + + diff --git a/examples/02-events.js b/examples/02-events.js new file mode 100644 index 00000000..15f50522 --- /dev/null +++ b/examples/02-events.js @@ -0,0 +1,103 @@ +var testLayout = [ + {"x":0,"y":0,"w":2,"h":2,"i":"0"}, + {"x":2,"y":0,"w":2,"h":4,"i":"1"}, + {"x":4,"y":0,"w":2,"h":5,"i":"2"}, + {"x":6,"y":0,"w":2,"h":3,"i":"3"}, + {"x":8,"y":0,"w":2,"h":3,"i":"4"}, + {"x":10,"y":0,"w":2,"h":3,"i":"5"}, + {"x":0,"y":5,"w":2,"h":5,"i":"6"}, + {"x":2,"y":5,"w":2,"h":5,"i":"7"}, + {"x":4,"y":5,"w":2,"h":5,"i":"8"}, + {"x":6,"y":4,"w":2,"h":4,"i":"9"}, + {"x":8,"y":4,"w":2,"h":4,"i":"10"}, + {"x":10,"y":4,"w":2,"h":4,"i":"11"}, + {"x":0,"y":10,"w":2,"h":5,"i":"12"}, + {"x":2,"y":10,"w":2,"h":5,"i":"13"}, + {"x":4,"y":8,"w":2,"h":4,"i":"14"}, + {"x":6,"y":8,"w":2,"h":4,"i":"15"}, + {"x":8,"y":10,"w":2,"h":5,"i":"16"}, + {"x":10,"y":4,"w":2,"h":2,"i":"17"}, + {"x":0,"y":9,"w":2,"h":3,"i":"18"}, + {"x":2,"y":6,"w":2,"h":2,"i":"19"} +]; + +new Vue({ + el: '#app', + data: { + layout: testLayout, + index: 0, + eventLog: [] + }, + watch: { + eventLog: function() { + var eventsDiv = this.$refs.eventsDiv; + eventsDiv.scrollTop = eventsDiv.scrollHeight; + } + }, + methods: { + moveEvent: function(i, newX, newY){ + var msg = "MOVE i=" + i + ", X=" + newX + ", Y=" + newY; + this.eventLog.push(msg); + console.log(msg); + + }, + movedEvent: function(i, newX, newY){ + var msg = "MOVED i=" + i + ", X=" + newX + ", Y=" + newY; + this.eventLog.push(msg); + console.log(msg); + + }, + resizeEvent: function(i, newH, newW, newHPx, newWPx){ + var msg = "RESIZE i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx; + this.eventLog.push(msg); + console.log(msg); + }, + resizedEvent: function(i, newX, newY, newHPx, newWPx){ + var msg = "RESIZED i=" + i + ", X=" + newX + ", Y=" + newY + ", H(px)=" + newHPx + ", W(px)=" + newWPx; + this.eventLog.push(msg); + console.log(msg); + + }, + containerResizedEvent: function(i, newH, newW, newHPx, newWPx){ + var msg = "CONTAINER RESIZED i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx; + this.eventLog.push(msg); + console.log(msg); + }, + /** + * + * @param i the item id/index + * @param newH new height in grid rows + * @param newW new width in grid columns + * @param newHPx new height in pixels + * @param newWPx new width in pixels + * + */ + resizedEvent: function(i, newH, newW, newHPx, newWPx){ + var msg = "RESIZED i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx; + this.eventLog.push(msg); + console.log(msg); + }, + + layoutCreatedEvent: function(newLayout){ + this.eventLog.push("Created layout"); + console.log("Created layout: ", newLayout) + }, + layoutBeforeMountEvent: function(newLayout){ + this.eventLog.push("beforeMount layout"); + console.log("beforeMount layout: ", newLayout) + }, + layoutMountedEvent: function(newLayout){ + this.eventLog.push("Mounted layout"); + console.log("Mounted layout: ", newLayout) + }, + layoutReadyEvent: function(newLayout){ + this.eventLog.push("Ready layout"); + console.log("Ready layout: ", newLayout) + }, + layoutUpdatedEvent: function(newLayout){ + this.eventLog.push("Updated layout"); + console.log("Updated layout: ", newLayout) + }, + } +}); + diff --git a/examples/03-multiple-grids.html b/examples/03-multiple-grids.html new file mode 100644 index 00000000..1364b27f --- /dev/null +++ b/examples/03-multiple-grids.html @@ -0,0 +1,114 @@ + + + + + Vue Grid Layout Example 3 - Multiple grids + + + + + +

Vue Grid Layout Example 3 - Multiple grids

+ +View project on Github +
+Previous example: Move and resize events +
+Next example: Drag allow/ignore elements + + +
+

Grid 1

+
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+ + + {{item.i}} + + +
+
+
+

Grid 2

+
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+ + + {{item.i}} + + +
+ + + + + + \ No newline at end of file diff --git a/examples/04-allow-ignore.html b/examples/04-allow-ignore.html new file mode 100644 index 00000000..e4bcdcb1 --- /dev/null +++ b/examples/04-allow-ignore.html @@ -0,0 +1,105 @@ + + + + + Vue Grid Layout Example 4 - Drag allow/ignore elements + + + + + +

Vue Grid Layout Example 4 - Drag allow/ignore elements

+ +View project on Github +
+Previous example: Multiple grids +
+Next example: Mirrored grid layout + + +
+ +
+
+ Ignore drag on certain elements and allow on on others. +
+ Click and drag the dots on the corner of each item to reposition +
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+
+ + + +
+
+
+ {{item.i}} +
+ +
+
+ + +
+ +
+ + + + + + \ No newline at end of file diff --git a/examples/05-mirrored.html b/examples/05-mirrored.html new file mode 100644 index 00000000..ea5eee08 --- /dev/null +++ b/examples/05-mirrored.html @@ -0,0 +1,100 @@ + + + + + Vue Grid Layout Example 4 - Mirrored grid layout + + + + + +

Vue Grid Layout Example 5 - Mirrored grid layout

+ +View project on Github +
+Previous example: Drag allow/ignore elements +
+Next example: Responsive + + +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+
+ + Draggable + Resizable + Mirrored +
+ + + {{item.i}} + + +
+ +
+ + + + + diff --git a/examples/06-responsive.html b/examples/06-responsive.html new file mode 100644 index 00000000..6bf12792 --- /dev/null +++ b/examples/06-responsive.html @@ -0,0 +1,58 @@ + + + + + Vue Grid Layout Example 1 - Basic Responsive + + + + + +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+
+ + Draggable + Resizable + Responsive +
+ + + {{item.i}} + + +
+ +
+ + + + + diff --git a/examples/06-responsive.js b/examples/06-responsive.js new file mode 100644 index 00000000..5f1cc02b --- /dev/null +++ b/examples/06-responsive.js @@ -0,0 +1,90 @@ +var testLayout = [ + {"x":0,"y":0,"w":2,"h":2,"i":"0"}, + {"x":2,"y":0,"w":2,"h":4,"i":"1"}, + {"x":4,"y":0,"w":2,"h":5,"i":"2"}, + {"x":6,"y":0,"w":2,"h":3,"i":"3"}, + {"x":8,"y":0,"w":2,"h":3,"i":"4"}, + {"x":10,"y":0,"w":2,"h":3,"i":"5"}, + {"x":0,"y":5,"w":2,"h":5,"i":"6"}, + {"x":2,"y":5,"w":2,"h":5,"i":"7"}, + {"x":4,"y":5,"w":2,"h":5,"i":"8"}, + {"x":6,"y":4,"w":2,"h":4,"i":"9"}, + {"x":8,"y":4,"w":2,"h":4,"i":"10"}, + {"x":10,"y":4,"w":2,"h":4,"i":"11"}, + {"x":0,"y":10,"w":2,"h":5,"i":"12"}, + {"x":2,"y":10,"w":2,"h":5,"i":"13"}, + {"x":4,"y":8,"w":2,"h":4,"i":"14"}, + {"x":6,"y":8,"w":2,"h":4,"i":"15"}, + {"x":8,"y":10,"w":2,"h":5,"i":"16"}, + {"x":10,"y":4,"w":2,"h":2,"i":"17"}, + {"x":0,"y":9,"w":2,"h":3,"i":"18"}, + {"x":2,"y":6,"w":2,"h":2,"i":"19"} +]; + +// var GridLayout = VueGridLayout.GridLayout; +// var GridItem = VueGridLayout.GridItem; + +new Vue({ + el: '#app', + // components: { + // "GridLayout": GridLayout, + // "GridItem": GridItem + // }, + data: { + layout: testLayout, + draggable: true, + resizable: true, + responsive: true, + index: 0, + show: false, + }, + mounted: function () { + this.index = this.layout.length; + this.$nextTick(function () { + this.show = true; + }) + }, +/* methods: { + increaseWidth: function(item) { + var width = document.getElementById("content").offsetWidth; + width += 20; + document.getElementById("content").style.width = width+"px"; + }, + decreaseWidth: function(item) { + + var width = document.getElementById("content").offsetWidth; + width -= 20; + document.getElementById("content").style.width = width+"px"; + }, + removeItem: function(item) { + //console.log("### REMOVE " + item.i); + this.layout.splice(this.layout.indexOf(item), 1); + }, + addItem: function() { + var self = this; + //console.log("### LENGTH: " + this.layout.length); + var item = {"x":0,"y":0,"w":2,"h":2,"i":this.index+"", whatever: "bbb"}; + this.index++; + this.layout.push(item); + } + } +*/ +}); + +/* +function generateLayout() { + return _.map(_.range(0, 25), function (item, i) { + var y = Math.ceil(Math.random() * 4) + 1; + return { + x: _.random(0, 5) * 2 % 12, + y: Math.floor(i / 6) * y, + w: 2, + h: y, + i: i.toString(), + static: Math.random() < 0.05 + }; + }); +}*/ + + + diff --git a/examples/07-prevent-collision.html b/examples/07-prevent-collision.html new file mode 100644 index 00000000..e0eb0e94 --- /dev/null +++ b/examples/07-prevent-collision.html @@ -0,0 +1,57 @@ + + + + + + Vue Grid Layout Example 7 - Prevent Collision + + + + + + +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+
+ +
+ + + {{item.i}} + + +
+ +
+ + + + + + diff --git a/examples/07-prevent-collision.js b/examples/07-prevent-collision.js new file mode 100644 index 00000000..40e398bf --- /dev/null +++ b/examples/07-prevent-collision.js @@ -0,0 +1,56 @@ +var testLayout = [ + {"x":0,"y":0,"w":2,"h":5,"i":"0", static: false}, + {"x":2,"y":0,"w":2,"h":2,"i":"1", static: false}, + {"x":4,"y":0,"w":2,"h":5,"i":"2", static: false}, + {"x":6,"y":0,"w":2,"h":3,"i":"3", static: false}, + {"x":8,"y":0,"w":2,"h":3,"i":"4", static: false}, + {"x":10,"y":0,"w":2,"h":3,"i":"5", static: false}, + {"x":0,"y":5,"w":2,"h":5,"i":"6", static: false}, + {"x":2,"y":5,"w":2,"h":5,"i":"7", static: false}, + {"x":4,"y":5,"w":2,"h":5,"i":"8", static: false}, + {"x":6,"y":3,"w":2,"h":4,"i":"9", static: false}, + {"x":8,"y":4,"w":2,"h":4,"i":"10", static: false}, + {"x":10,"y":4,"w":2,"h":4,"i":"11", static: false}, + {"x":0,"y":10,"w":2,"h":5,"i":"12", static: false}, + {"x":2,"y":10,"w":2,"h":5,"i":"13", static: false}, + {"x":4,"y":8,"w":2,"h":4,"i":"14", static: false}, + {"x":6,"y":8,"w":2,"h":4,"i":"15", static: false}, + {"x":8,"y":10,"w":2,"h":5,"i":"16", static: false}, + {"x":10,"y":4,"w":2,"h":2,"i":"17", static: false}, + {"x":0,"y":9,"w":2,"h":3,"i":"18", static: false}, + {"x":2,"y":6,"w":2,"h":2,"i":"19", static: false} +]; + +// var GridLayout = VueGridLayout.GridLayout; +// var GridItem = VueGridLayout.GridItem; + +new Vue({ + el: '#app', + // components: { + // "GridLayout": GridLayout, + // "GridItem": GridItem + // }, + data: { + layout: testLayout, + draggable: true, + resizable: true, + index: 0 + }, + +/* + mounted: function () { + this.index = this.layout.length; + }, + */ + methods: { + itemTitle(item) { + var result = item.i; + if (item.static) { + result += " - Static"; + } + return result; + } + } +}); + + diff --git a/examples/08-responsive-predefined-layouts.html b/examples/08-responsive-predefined-layouts.html new file mode 100644 index 00000000..b9cda1e5 --- /dev/null +++ b/examples/08-responsive-predefined-layouts.html @@ -0,0 +1,70 @@ + + + + + + Vue Grid Layout Example 8 - Responsive with predefined layouts + + + + + + +

Vue Grid Layout Example 8 - Responsive with predefined layouts

+ + View project on Github +
+ Previous example: Prevent collision +
+ Next example: Dynamic Add/Remove + +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+
+ + Draggable + Resizable + Responsive +
+ + + {{item.i}} + + +
+ +
+ + + + + + diff --git a/examples/08-responsive-predefined-layouts.js b/examples/08-responsive-predefined-layouts.js new file mode 100644 index 00000000..7f6d4070 --- /dev/null +++ b/examples/08-responsive-predefined-layouts.js @@ -0,0 +1,76 @@ +var testLayouts = { + md: [ + {"x":0, "y":0, "w":2, "h":2, "i":"0"}, + {"x":2, "y":0, "w":2, "h":4, "i":"1"}, + {"x":4, "y":0, "w":2, "h":5, "i":"2"}, + {"x":6, "y":0, "w":2, "h":3, "i":"3"}, + {"x":2, "y":4, "w":2, "h":3, "i":"4"}, + {"x":4, "y":5, "w":2, "h":3, "i":"5"}, + {"x":0, "y":2, "w":2, "h":5, "i":"6"}, + {"x":2, "y":7, "w":2, "h":5, "i":"7"}, + {"x":4, "y":8, "w":2, "h":5, "i":"8"}, + {"x":6, "y":3, "w":2, "h":4, "i":"9"}, + {"x":0, "y":7, "w":2, "h":4, "i":"10"}, + {"x":2, "y":19, "w":2, "h":4, "i":"11"}, + {"x":0, "y":14, "w":2, "h":5, "i":"12"}, + {"x":2, "y":14, "w":2, "h":5, "i":"13"}, + {"x":4, "y":13, "w":2, "h":4, "i":"14"}, + {"x":6, "y":7, "w":2, "h":4, "i":"15"}, + {"x":0, "y":19, "w":2, "h":5, "i":"16"}, + {"x":8, "y":0, "w":2, "h":2, "i":"17"}, + {"x":0, "y":11, "w":2, "h":3, "i":"18"}, + {"x":2, "y":12, "w":2, "h":2, "i":"19"} + ], + lg: [ + {"x":0,"y":0,"w":2,"h":2,"i":"0"}, + {"x":2,"y":0,"w":2,"h":4,"i":"1"}, + {"x":4,"y":0,"w":2,"h":5,"i":"2"}, + {"x":6,"y":0,"w":2,"h":3,"i":"3"}, + {"x":8,"y":0,"w":2,"h":3,"i":"4"}, + {"x":10,"y":0,"w":2,"h":3,"i":"5"}, + {"x":0,"y":5,"w":2,"h":5,"i":"6"}, + {"x":2,"y":5,"w":2,"h":5,"i":"7"}, + {"x":4,"y":5,"w":2,"h":5,"i":"8"}, + {"x":6,"y":4,"w":2,"h":4,"i":"9"}, + {"x":8,"y":4,"w":2,"h":4,"i":"10"}, + {"x":10,"y":4,"w":2,"h":4,"i":"11"}, + {"x":0,"y":10,"w":2,"h":5,"i":"12"}, + {"x":2,"y":10,"w":2,"h":5,"i":"13"}, + {"x":4,"y":8,"w":2,"h":4,"i":"14"}, + {"x":6,"y":8,"w":2,"h":4,"i":"15"}, + {"x":8,"y":10,"w":2,"h":5,"i":"16"}, + {"x":10,"y":4,"w":2,"h":2,"i":"17"}, + {"x":0,"y":9,"w":2,"h":3,"i":"18"}, + {"x":2,"y":6,"w":2,"h":2,"i":"19"} + ], +}; + +// var GridLayout = VueGridLayout.GridLayout; +// var GridItem = VueGridLayout.GridItem; + +new Vue({ + el: '#app', + // components: { + // "GridLayout": GridLayout, + // "GridItem": GridItem + // }, + data: { + layouts: testLayouts, + layout: testLayouts["lg"], + draggable: true, + resizable: true, + responsive: true, + index: 0 + }, + mounted: function () { + // this.index = this.layout.length; + }, + methods: { + breakpointChangedEvent: function(newBreakpoint, newLayout){ + console.log("BREAKPOINT CHANGED breakpoint=", newBreakpoint, ", layout: ", newLayout ); + } + } +}); + + + diff --git a/examples/09-dynamic-add-remove.html b/examples/09-dynamic-add-remove.html new file mode 100644 index 00000000..6d390aff --- /dev/null +++ b/examples/09-dynamic-add-remove.html @@ -0,0 +1,72 @@ + + + + + + Vue Grid Layout Example 9 - Dynamic Add/Remove + + + + + + + + + +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, + {{item.h}}] +
+
+
+
+
+ + Draggable + Resizable +
+ + + {{item.i}} + x + + +
+
+ + + + + + diff --git a/examples/09-dynamic-add-remove.js b/examples/09-dynamic-add-remove.js new file mode 100644 index 00000000..3001a9be --- /dev/null +++ b/examples/09-dynamic-add-remove.js @@ -0,0 +1,47 @@ +var testLayout = [ + { x: 0, y: 0, w: 2, h: 2, i: "0" }, + { x: 2, y: 0, w: 2, h: 2, i: "1" }, + { x: 4, y: 0, w: 2, h: 2, i: "2" }, + { x: 6, y: 0, w: 2, h: 2, i: "3" }, + { x: 8, y: 0, w: 2, h: 2, i: "4" }, +]; + +// var GridLayout = VueGridLayout.GridLayout; +// var GridItem = VueGridLayout.GridItem; + +new Vue({ + el: "#app", + // components: { + // "GridLayout": GridLayout, + // "GridItem": GridItem + // }, + data: { + layout: testLayout, + draggable: true, + resizable: true, + responsive: true, + colNum: 12, + index: 0, + }, + mounted: function () { + this.index = this.layout.length; + }, + methods: { + addItem: function () { + // Add a new item. It must have a unique key! + this.layout.push({ + x: (this.layout.length * 2) % (this.colNum || 12), + y: this.layout.length + (this.colNum || 12), // puts it at the bottom + w: 2, + h: 2, + i: this.index, + }); + // Increment the counter to ensure key is always unique. + this.index++; + }, + removeItem: function (val) { + const index = this.layout.map(item => item.i).indexOf(val); + this.layout.splice(index, 1); + }, + }, +}); diff --git a/examples/10-drag-from-outside.html b/examples/10-drag-from-outside.html new file mode 100644 index 00000000..5ccedf00 --- /dev/null +++ b/examples/10-drag-from-outside.html @@ -0,0 +1,78 @@ + + + + + Vue Grid Layout Example 10 - Drag From Outside + + + + + + + +

Vue Grid Layout Example 09 - Drag From Outside

+ + View project on Github +
+ Previous example: Dynamic Add/Remove +
+ Next example: Bounded + +
+ This demo shows what happens when an item is added from outside of the grid. +
+
+ Once you drop the item within the grid you'll get its coordinates/properties and can perform actions with it accordingly. +
+
+ +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+
+
Droppable Element (Drag me!)
+
+ + + {{item.i}} + + +
+
+ + + + + diff --git a/examples/10-drag-from-outside.js b/examples/10-drag-from-outside.js new file mode 100644 index 00000000..386eec3e --- /dev/null +++ b/examples/10-drag-from-outside.js @@ -0,0 +1,92 @@ +var testLayout = [ + {"x":0,"y":0,"w":2,"h":2,"i":"0"}, + {"x":2,"y":0,"w":2,"h":4,"i":"1"}, + {"x":4,"y":0,"w":2,"h":5,"i":"2"}, + {"x":6,"y":0,"w":2,"h":3,"i":"3"}, + {"x":8,"y":0,"w":2,"h":3,"i":"4"}, + {"x":10,"y":0,"w":2,"h":3,"i":"5"}, + {"x":0,"y":5,"w":2,"h":5,"i":"6"}, + {"x":2,"y":5,"w":2,"h":5,"i":"7"}, + {"x":4,"y":5,"w":2,"h":5,"i":"8"}, + {"x":5,"y":10,"w":4,"h":3,"i":"9"}, +]; +var mouseXY={"x":null,"y":null}; +var DragPos = {"x":null,"y":null,"w":1,"h":1,"i":null}; + +document.addEventListener("dragover", function(e) { + mouseXY.x=e.clientX; + mouseXY.y=e.clientY; +}, false); + +new Vue({ + el: '#app', + data: { + layout: testLayout, + }, + methods: { + drag:function(e){ + let parentRect = document.getElementById('content').getBoundingClientRect(); + let mouseInGrid=false; + if (((mouseXY.x>parentRect.left) && (mouseXY.xparentRect.top) && (mouseXY.y item.i === 'drop')) == -1){ + this.layout.push({ + x: (this.layout.length * 2) % (this.colNum || 12), + y: this.layout.length + (this.colNum || 12), // puts it at the bottom + w: 1, + h: 1, + i: 'drop', + }); + } + let index=this.layout.findIndex(item => item.i === 'drop'); + if (index!=-1){ + try { + this.$refs.gridLayout.$children[this.layout.length].$refs.item.style.display="none"; + } catch { + } + let el=this.$refs.gridLayout.$children[index]; + el.dragging={"top":mouseXY.y-parentRect.top,"left":mouseXY.x-parentRect.left}; + let new_pos=el.calcXY(mouseXY.y-parentRect.top, mouseXY.x-parentRect.left); + + if (mouseInGrid==true){ + this.$refs.gridLayout.dragEvent('dragstart', 'drop', new_pos.x,new_pos.y,1,1); + DragPos.i=String(index); DragPos.x=this.layout[index].x; DragPos.y=this.layout[index].y; + } + if (mouseInGrid==false){ + this.$refs.gridLayout.dragEvent('dragend', 'drop', new_pos.x,new_pos.y,1,1); + this.layout = this.layout.filter(obj => obj.i !=='drop'); + } + } + }, + dragend:function(e){ + let parentRect = document.getElementById('content').getBoundingClientRect(); + let mouseInGrid=false; + if (((mouseXY.x>parentRect.left) && (mouseXY.xparentRect.top) && (mouseXY.y obj.i !=='drop'); + + // UNCOMMENT below if you want to add a grid-item + /* + this.layout.push({ + x: DragPos.x, + y: DragPos.y, + w: 1, + h: 1, + i: DragPos.i, + }); + this.$refs.gridLayout.dragEvent('dragend', DragPos.i, DragPos.x,DragPos.y,1,1); + try { + this.$refs.gridLayout.$children[this.layout.length].$refs.item.style.display="block"; + } catch { + } + */ + } + }, + }, +}); + diff --git a/examples/11-bounded.html b/examples/11-bounded.html new file mode 100644 index 00000000..e5bb1eef --- /dev/null +++ b/examples/11-bounded.html @@ -0,0 +1,64 @@ + + + + + + Vue Grid Layout Example 11 - Bounded + + + + + + +

Vue Grid Layout Example 11 - Bounded

+ + View project on Github +
+ Previous example: Drag From Outside +
+ + +
+ +
+
+ Displayed as [x, y, w, h]: +
+
+ {{item.i}}: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}] +
+
+
+
+
+ Draggable + Resizable + Bounded +
+ + + {{item.i}} + + +
+
+ + + + + + diff --git a/examples/11-bounded.js b/examples/11-bounded.js new file mode 100644 index 00000000..9828336b --- /dev/null +++ b/examples/11-bounded.js @@ -0,0 +1,35 @@ +var testLayout = [ + {"x":0,"y":0,"w":2,"h":2,"i":"0"}, + {"x":2,"y":0,"w":2,"h":4,"i":"1"}, + {"x":4,"y":0,"w":2,"h":5,"i":"2"}, + {"x":6,"y":0,"w":2,"h":3,"i":"3"}, + {"x":8,"y":0,"w":2,"h":3,"i":"4"}, + {"x":10,"y":0,"w":2,"h":3,"i":"5"}, + {"x":0,"y":5,"w":2,"h":5,"i":"6"}, + {"x":2,"y":5,"w":2,"h":5,"i":"7"}, + {"x":4,"y":5,"w":2,"h":5,"i":"8"}, + {"x":6,"y":4,"w":2,"h":4,"i":"9"}, + {"x":8,"y":4,"w":2,"h":4,"i":"10"}, + {"x":10,"y":4,"w":2,"h":4,"i":"11"}, + {"x":0,"y":10,"w":2,"h":5,"i":"12"}, + {"x":2,"y":10,"w":2,"h":5,"i":"13"}, + {"x":4,"y":8,"w":2,"h":4,"i":"14"}, + {"x":6,"y":8,"w":2,"h":4,"i":"15"}, + {"x":8,"y":10,"w":2,"h":5,"i":"16"}, + {"x":10,"y":4,"w":2,"h":2,"i":"17"}, + {"x":0,"y":9,"w":2,"h":3,"i":"18"}, + {"x":2,"y":6,"w":2,"h":2,"i":"19"} +]; + +new Vue({ + el: '#app', + data: { + layout: testLayout, + draggable: true, + resizable: true, + bounded: true + } +}); + + + diff --git a/examples/app.css b/examples/app.css new file mode 100644 index 00000000..40d7cfc0 --- /dev/null +++ b/examples/app.css @@ -0,0 +1,102 @@ +/*** EXAMPLE ***/ +#content { + width: 100%; +} + +.vue-grid-layout { + background: #eee; +} + +.layoutJSON { + background: #ddd; + border: 1px solid black; + margin-top: 10px; + padding: 10px; +} + +.eventsJSON { + background: #ddd; + border: 1px solid black; + margin-top: 10px; + padding: 10px; + height: 100px; + overflow-y: scroll; +} + +.columns { + -moz-columns: 120px; + -webkit-columns: 120px; + columns: 120px; +} + + + +/*.vue-resizable-handle { + z-index: 5000; + position: absolute; + width: 20px; + height: 20px; + bottom: 0; + right: 0; + background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4='); + background-position: bottom right; + padding: 0 3px 3px 0; + background-repeat: no-repeat; + background-origin: content-box; + box-sizing: border-box; + cursor: se-resize; +}*/ + +.vue-grid-item:not(.vue-grid-placeholder) { + background: #ccc; + border: 1px solid black; +} + +.vue-grid-item.resizing { + opacity: 0.9; +} + +.vue-grid-item.static { + background: #cce; +} + +.vue-grid-item .text { + font-size: 24px; + text-align: center; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + height: 100%; + width: 100%; +} + +.vue-grid-item .no-drag { + height: 100%; + width: 100%; +} + +.vue-grid-item .minMax { + font-size: 12px; +} + +.vue-grid-item .add { + cursor: pointer; +} + +.vue-draggable-handle { + position: absolute; + width: 20px; + height: 20px; + top: 0; + left: 0; + background: url("data:image/svg+xml;utf8,") no-repeat; + background-position: bottom right; + padding: 0 8px 8px 0; + background-repeat: no-repeat; + background-origin: content-box; + box-sizing: border-box; + cursor: pointer; +} diff --git a/examples/vue.js b/examples/vue.js new file mode 100644 index 00000000..838cf920 --- /dev/null +++ b/examples/vue.js @@ -0,0 +1,11907 @@ +/*! + * Vue.js v2.6.7 + * (c) 2014-2019 Evan You + * Released under the MIT License. + */ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define(factory) : + (global = global || self, global.Vue = factory()); +}(this, function () { 'use strict'; + + /* */ + + var emptyObject = Object.freeze({}); + + // These helpers produce better VM code in JS engines due to their + // explicitness and function inlining. + function isUndef (v) { + return v === undefined || v === null + } + + function isDef (v) { + return v !== undefined && v !== null + } + + function isTrue (v) { + return v === true + } + + function isFalse (v) { + return v === false + } + + /** + * Check if value is primitive. + */ + function isPrimitive (value) { + return ( + typeof value === 'string' || + typeof value === 'number' || + // $flow-disable-line + typeof value === 'symbol' || + typeof value === 'boolean' + ) + } + + /** + * Quick object check - this is primarily used to tell + * Objects from primitive values when we know the value + * is a JSON-compliant type. + */ + function isObject (obj) { + return obj !== null && typeof obj === 'object' + } + + /** + * Get the raw type string of a value, e.g., [object Object]. + */ + var _toString = Object.prototype.toString; + + function toRawType (value) { + return _toString.call(value).slice(8, -1) + } + + /** + * Strict object type check. Only returns true + * for plain JavaScript objects. + */ + function isPlainObject (obj) { + return _toString.call(obj) === '[object Object]' + } + + function isRegExp (v) { + return _toString.call(v) === '[object RegExp]' + } + + /** + * Check if val is a valid array index. + */ + function isValidArrayIndex (val) { + var n = parseFloat(String(val)); + return n >= 0 && Math.floor(n) === n && isFinite(val) + } + + function isPromise (val) { + return ( + isDef(val) && + typeof val.then === 'function' && + typeof val.catch === 'function' + ) + } + + /** + * Convert a value to a string that is actually rendered. + */ + function toString (val) { + return val == null + ? '' + : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString) + ? JSON.stringify(val, null, 2) + : String(val) + } + + /** + * Convert an input value to a number for persistence. + * If the conversion fails, return original string. + */ + function toNumber (val) { + var n = parseFloat(val); + return isNaN(n) ? val : n + } + + /** + * Make a map and return a function for checking if a key + * is in that map. + */ + function makeMap ( + str, + expectsLowerCase + ) { + var map = Object.create(null); + var list = str.split(','); + for (var i = 0; i < list.length; i++) { + map[list[i]] = true; + } + return expectsLowerCase + ? function (val) { return map[val.toLowerCase()]; } + : function (val) { return map[val]; } + } + + /** + * Check if a tag is a built-in tag. + */ + var isBuiltInTag = makeMap('slot,component', true); + + /** + * Check if an attribute is a reserved attribute. + */ + var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is'); + + /** + * Remove an item from an array. + */ + function remove (arr, item) { + if (arr.length) { + var index = arr.indexOf(item); + if (index > -1) { + return arr.splice(index, 1) + } + } + } + + /** + * Check whether an object has the property. + */ + var hasOwnProperty = Object.prototype.hasOwnProperty; + function hasOwn (obj, key) { + return hasOwnProperty.call(obj, key) + } + + /** + * Create a cached version of a pure function. + */ + function cached (fn) { + var cache = Object.create(null); + return (function cachedFn (str) { + var hit = cache[str]; + return hit || (cache[str] = fn(str)) + }) + } + + /** + * Camelize a hyphen-delimited string. + */ + var camelizeRE = /-(\w)/g; + var camelize = cached(function (str) { + return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; }) + }); + + /** + * Capitalize a string. + */ + var capitalize = cached(function (str) { + return str.charAt(0).toUpperCase() + str.slice(1) + }); + + /** + * Hyphenate a camelCase string. + */ + var hyphenateRE = /\B([A-Z])/g; + var hyphenate = cached(function (str) { + return str.replace(hyphenateRE, '-$1').toLowerCase() + }); + + /** + * Simple bind polyfill for environments that do not support it, + * e.g., PhantomJS 1.x. Technically, we don't need this anymore + * since native bind is now performant enough in most browsers. + * But removing it would mean breaking code that was able to run in + * PhantomJS 1.x, so this must be kept for backward compatibility. + */ + + /* istanbul ignore next */ + function polyfillBind (fn, ctx) { + function boundFn (a) { + var l = arguments.length; + return l + ? l > 1 + ? fn.apply(ctx, arguments) + : fn.call(ctx, a) + : fn.call(ctx) + } + + boundFn._length = fn.length; + return boundFn + } + + function nativeBind (fn, ctx) { + return fn.bind(ctx) + } + + var bind = Function.prototype.bind + ? nativeBind + : polyfillBind; + + /** + * Convert an Array-like object to a real Array. + */ + function toArray (list, start) { + start = start || 0; + var i = list.length - start; + var ret = new Array(i); + while (i--) { + ret[i] = list[i + start]; + } + return ret + } + + /** + * Mix properties into target object. + */ + function extend (to, _from) { + for (var key in _from) { + to[key] = _from[key]; + } + return to + } + + /** + * Merge an Array of Objects into a single Object. + */ + function toObject (arr) { + var res = {}; + for (var i = 0; i < arr.length; i++) { + if (arr[i]) { + extend(res, arr[i]); + } + } + return res + } + + /* eslint-disable no-unused-vars */ + + /** + * Perform no operation. + * Stubbing args to make Flow happy without leaving useless transpiled code + * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/). + */ + function noop (a, b, c) {} + + /** + * Always return false. + */ + var no = function (a, b, c) { return false; }; + + /* eslint-enable no-unused-vars */ + + /** + * Return the same value. + */ + var identity = function (_) { return _; }; + + /** + * Generate a string containing static keys from compiler modules. + */ + function genStaticKeys (modules) { + return modules.reduce(function (keys, m) { + return keys.concat(m.staticKeys || []) + }, []).join(',') + } + + /** + * Check if two values are loosely equal - that is, + * if they are plain objects, do they have the same shape? + */ + function looseEqual (a, b) { + if (a === b) { return true } + var isObjectA = isObject(a); + var isObjectB = isObject(b); + if (isObjectA && isObjectB) { + try { + var isArrayA = Array.isArray(a); + var isArrayB = Array.isArray(b); + if (isArrayA && isArrayB) { + return a.length === b.length && a.every(function (e, i) { + return looseEqual(e, b[i]) + }) + } else if (a instanceof Date && b instanceof Date) { + return a.getTime() === b.getTime() + } else if (!isArrayA && !isArrayB) { + var keysA = Object.keys(a); + var keysB = Object.keys(b); + return keysA.length === keysB.length && keysA.every(function (key) { + return looseEqual(a[key], b[key]) + }) + } else { + /* istanbul ignore next */ + return false + } + } catch (e) { + /* istanbul ignore next */ + return false + } + } else if (!isObjectA && !isObjectB) { + return String(a) === String(b) + } else { + return false + } + } + + /** + * Return the first index at which a loosely equal value can be + * found in the array (if value is a plain object, the array must + * contain an object of the same shape), or -1 if it is not present. + */ + function looseIndexOf (arr, val) { + for (var i = 0; i < arr.length; i++) { + if (looseEqual(arr[i], val)) { return i } + } + return -1 + } + + /** + * Ensure a function is called only once. + */ + function once (fn) { + var called = false; + return function () { + if (!called) { + called = true; + fn.apply(this, arguments); + } + } + } + + var SSR_ATTR = 'data-server-rendered'; + + var ASSET_TYPES = [ + 'component', + 'directive', + 'filter' + ]; + + var LIFECYCLE_HOOKS = [ + 'beforeCreate', + 'created', + 'beforeMount', + 'mounted', + 'beforeUpdate', + 'updated', + 'beforeDestroy', + 'destroyed', + 'activated', + 'deactivated', + 'errorCaptured', + 'serverPrefetch' + ]; + + /* */ + + + + var config = ({ + /** + * Option merge strategies (used in core/util/options) + */ + // $flow-disable-line + optionMergeStrategies: Object.create(null), + + /** + * Whether to suppress warnings. + */ + silent: false, + + /** + * Show production mode tip message on boot? + */ + productionTip: "development" !== 'production', + + /** + * Whether to enable devtools + */ + devtools: "development" !== 'production', + + /** + * Whether to record perf + */ + performance: false, + + /** + * Error handler for watcher errors + */ + errorHandler: null, + + /** + * Warn handler for watcher warns + */ + warnHandler: null, + + /** + * Ignore certain custom elements + */ + ignoredElements: [], + + /** + * Custom user key aliases for v-on + */ + // $flow-disable-line + keyCodes: Object.create(null), + + /** + * Check if a tag is reserved so that it cannot be registered as a + * component. This is platform-dependent and may be overwritten. + */ + isReservedTag: no, + + /** + * Check if an attribute is reserved so that it cannot be used as a component + * prop. This is platform-dependent and may be overwritten. + */ + isReservedAttr: no, + + /** + * Check if a tag is an unknown element. + * Platform-dependent. + */ + isUnknownElement: no, + + /** + * Get the namespace of an element + */ + getTagNamespace: noop, + + /** + * Parse the real tag name for the specific platform. + */ + parsePlatformTagName: identity, + + /** + * Check if an attribute must be bound using property, e.g. value + * Platform-dependent. + */ + mustUseProp: no, + + /** + * Perform updates asynchronously. Intended to be used by Vue Test Utils + * This will significantly reduce performance if set to false. + */ + async: true, + + /** + * Exposed for legacy reasons + */ + _lifecycleHooks: LIFECYCLE_HOOKS + }); + + /* */ + + /** + * unicode letters used for parsing html tags, component names and property paths. + * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname + * skipping \u10000-\uEFFFF due to it freezing up PhantomJS + */ + var unicodeLetters = 'a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD'; + + /** + * Check if a string starts with $ or _ + */ + function isReserved (str) { + var c = (str + '').charCodeAt(0); + return c === 0x24 || c === 0x5F + } + + /** + * Define a property. + */ + function def (obj, key, val, enumerable) { + Object.defineProperty(obj, key, { + value: val, + enumerable: !!enumerable, + writable: true, + configurable: true + }); + } + + /** + * Parse simple path. + */ + var bailRE = new RegExp(("[^" + unicodeLetters + ".$_\\d]")); + function parsePath (path) { + if (bailRE.test(path)) { + return + } + var segments = path.split('.'); + return function (obj) { + for (var i = 0; i < segments.length; i++) { + if (!obj) { return } + obj = obj[segments[i]]; + } + return obj + } + } + + /* */ + + // can we use __proto__? + var hasProto = '__proto__' in {}; + + // Browser environment sniffing + var inBrowser = typeof window !== 'undefined'; + var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform; + var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase(); + var UA = inBrowser && window.navigator.userAgent.toLowerCase(); + var isIE = UA && /msie|trident/.test(UA); + var isIE9 = UA && UA.indexOf('msie 9.0') > 0; + var isEdge = UA && UA.indexOf('edge/') > 0; + var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android'); + var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios'); + var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge; + var isPhantomJS = UA && /phantomjs/.test(UA); + var isFF = UA && UA.match(/firefox\/(\d+)/); + + // Firefox has a "watch" function on Object.prototype... + var nativeWatch = ({}).watch; + + var supportsPassive = false; + if (inBrowser) { + try { + var opts = {}; + Object.defineProperty(opts, 'passive', ({ + get: function get () { + /* istanbul ignore next */ + supportsPassive = true; + } + })); // https://github.com/facebook/flow/issues/285 + window.addEventListener('test-passive', null, opts); + } catch (e) {} + } + + // this needs to be lazy-evaled because vue may be required before + // vue-server-renderer can set VUE_ENV + var _isServer; + var isServerRendering = function () { + if (_isServer === undefined) { + /* istanbul ignore if */ + if (!inBrowser && !inWeex && typeof global !== 'undefined') { + // detect presence of vue-server-renderer and avoid + // Webpack shimming the process + _isServer = global['process'] && global['process'].env.VUE_ENV === 'server'; + } else { + _isServer = false; + } + } + return _isServer + }; + + // detect devtools + var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__; + + /* istanbul ignore next */ + function isNative (Ctor) { + return typeof Ctor === 'function' && /native code/.test(Ctor.toString()) + } + + var hasSymbol = + typeof Symbol !== 'undefined' && isNative(Symbol) && + typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys); + + var _Set; + /* istanbul ignore if */ // $flow-disable-line + if (typeof Set !== 'undefined' && isNative(Set)) { + // use native Set when available. + _Set = Set; + } else { + // a non-standard Set polyfill that only works with primitive keys. + _Set = /*@__PURE__*/(function () { + function Set () { + this.set = Object.create(null); + } + Set.prototype.has = function has (key) { + return this.set[key] === true + }; + Set.prototype.add = function add (key) { + this.set[key] = true; + }; + Set.prototype.clear = function clear () { + this.set = Object.create(null); + }; + + return Set; + }()); + } + + /* */ + + var warn = noop; + var tip = noop; + var generateComponentTrace = (noop); // work around flow check + var formatComponentName = (noop); + + { + var hasConsole = typeof console !== 'undefined'; + var classifyRE = /(?:^|[-_])(\w)/g; + var classify = function (str) { return str + .replace(classifyRE, function (c) { return c.toUpperCase(); }) + .replace(/[-_]/g, ''); }; + + warn = function (msg, vm) { + var trace = vm ? generateComponentTrace(vm) : ''; + + if (config.warnHandler) { + config.warnHandler.call(null, msg, vm, trace); + } else if (hasConsole && (!config.silent)) { + console.error(("[Vue warn]: " + msg + trace)); + } + }; + + tip = function (msg, vm) { + if (hasConsole && (!config.silent)) { + console.warn("[Vue tip]: " + msg + ( + vm ? generateComponentTrace(vm) : '' + )); + } + }; + + formatComponentName = function (vm, includeFile) { + if (vm.$root === vm) { + return '' + } + var options = typeof vm === 'function' && vm.cid != null + ? vm.options + : vm._isVue + ? vm.$options || vm.constructor.options + : vm; + var name = options.name || options._componentTag; + var file = options.__file; + if (!name && file) { + var match = file.match(/([^/\\]+)\.vue$/); + name = match && match[1]; + } + + return ( + (name ? ("<" + (classify(name)) + ">") : "") + + (file && includeFile !== false ? (" at " + file) : '') + ) + }; + + var repeat = function (str, n) { + var res = ''; + while (n) { + if (n % 2 === 1) { res += str; } + if (n > 1) { str += str; } + n >>= 1; + } + return res + }; + + generateComponentTrace = function (vm) { + if (vm._isVue && vm.$parent) { + var tree = []; + var currentRecursiveSequence = 0; + while (vm) { + if (tree.length > 0) { + var last = tree[tree.length - 1]; + if (last.constructor === vm.constructor) { + currentRecursiveSequence++; + vm = vm.$parent; + continue + } else if (currentRecursiveSequence > 0) { + tree[tree.length - 1] = [last, currentRecursiveSequence]; + currentRecursiveSequence = 0; + } + } + tree.push(vm); + vm = vm.$parent; + } + return '\n\nfound in\n\n' + tree + .map(function (vm, i) { return ("" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm) + ? ((formatComponentName(vm[0])) + "... (" + (vm[1]) + " recursive calls)") + : formatComponentName(vm))); }) + .join('\n') + } else { + return ("\n\n(found in " + (formatComponentName(vm)) + ")") + } + }; + } + + /* */ + + var uid = 0; + + /** + * A dep is an observable that can have multiple + * directives subscribing to it. + */ + var Dep = function Dep () { + this.id = uid++; + this.subs = []; + }; + + Dep.prototype.addSub = function addSub (sub) { + this.subs.push(sub); + }; + + Dep.prototype.removeSub = function removeSub (sub) { + remove(this.subs, sub); + }; + + Dep.prototype.depend = function depend () { + if (Dep.target) { + Dep.target.addDep(this); + } + }; + + Dep.prototype.notify = function notify () { + // stabilize the subscriber list first + var subs = this.subs.slice(); + if (!config.async) { + // subs aren't sorted in scheduler if not running async + // we need to sort them now to make sure they fire in correct + // order + subs.sort(function (a, b) { return a.id - b.id; }); + } + for (var i = 0, l = subs.length; i < l; i++) { + subs[i].update(); + } + }; + + // The current target watcher being evaluated. + // This is globally unique because only one watcher + // can be evaluated at a time. + Dep.target = null; + var targetStack = []; + + function pushTarget (target) { + targetStack.push(target); + Dep.target = target; + } + + function popTarget () { + targetStack.pop(); + Dep.target = targetStack[targetStack.length - 1]; + } + + /* */ + + var VNode = function VNode ( + tag, + data, + children, + text, + elm, + context, + componentOptions, + asyncFactory + ) { + this.tag = tag; + this.data = data; + this.children = children; + this.text = text; + this.elm = elm; + this.ns = undefined; + this.context = context; + this.fnContext = undefined; + this.fnOptions = undefined; + this.fnScopeId = undefined; + this.key = data && data.key; + this.componentOptions = componentOptions; + this.componentInstance = undefined; + this.parent = undefined; + this.raw = false; + this.isStatic = false; + this.isRootInsert = true; + this.isComment = false; + this.isCloned = false; + this.isOnce = false; + this.asyncFactory = asyncFactory; + this.asyncMeta = undefined; + this.isAsyncPlaceholder = false; + }; + + var prototypeAccessors = { child: { configurable: true } }; + + // DEPRECATED: alias for componentInstance for backwards compat. + /* istanbul ignore next */ + prototypeAccessors.child.get = function () { + return this.componentInstance + }; + + Object.defineProperties( VNode.prototype, prototypeAccessors ); + + var createEmptyVNode = function (text) { + if ( text === void 0 ) text = ''; + + var node = new VNode(); + node.text = text; + node.isComment = true; + return node + }; + + function createTextVNode (val) { + return new VNode(undefined, undefined, undefined, String(val)) + } + + // optimized shallow clone + // used for static nodes and slot nodes because they may be reused across + // multiple renders, cloning them avoids errors when DOM manipulations rely + // on their elm reference. + function cloneVNode (vnode) { + var cloned = new VNode( + vnode.tag, + vnode.data, + // #7975 + // clone children array to avoid mutating original in case of cloning + // a child. + vnode.children && vnode.children.slice(), + vnode.text, + vnode.elm, + vnode.context, + vnode.componentOptions, + vnode.asyncFactory + ); + cloned.ns = vnode.ns; + cloned.isStatic = vnode.isStatic; + cloned.key = vnode.key; + cloned.isComment = vnode.isComment; + cloned.fnContext = vnode.fnContext; + cloned.fnOptions = vnode.fnOptions; + cloned.fnScopeId = vnode.fnScopeId; + cloned.asyncMeta = vnode.asyncMeta; + cloned.isCloned = true; + return cloned + } + + /* + * not type checking this file because flow doesn't play well with + * dynamically accessing methods on Array prototype + */ + + var arrayProto = Array.prototype; + var arrayMethods = Object.create(arrayProto); + + var methodsToPatch = [ + 'push', + 'pop', + 'shift', + 'unshift', + 'splice', + 'sort', + 'reverse' + ]; + + /** + * Intercept mutating methods and emit events + */ + methodsToPatch.forEach(function (method) { + // cache original method + var original = arrayProto[method]; + def(arrayMethods, method, function mutator () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var result = original.apply(this, args); + var ob = this.__ob__; + var inserted; + switch (method) { + case 'push': + case 'unshift': + inserted = args; + break + case 'splice': + inserted = args.slice(2); + break + } + if (inserted) { ob.observeArray(inserted); } + // notify change + ob.dep.notify(); + return result + }); + }); + + /* */ + + var arrayKeys = Object.getOwnPropertyNames(arrayMethods); + + /** + * In some cases we may want to disable observation inside a component's + * update computation. + */ + var shouldObserve = true; + + function toggleObserving (value) { + shouldObserve = value; + } + + /** + * Observer class that is attached to each observed + * object. Once attached, the observer converts the target + * object's property keys into getter/setters that + * collect dependencies and dispatch updates. + */ + var Observer = function Observer (value) { + this.value = value; + this.dep = new Dep(); + this.vmCount = 0; + def(value, '__ob__', this); + if (Array.isArray(value)) { + if (hasProto) { + protoAugment(value, arrayMethods); + } else { + copyAugment(value, arrayMethods, arrayKeys); + } + this.observeArray(value); + } else { + this.walk(value); + } + }; + + /** + * Walk through all properties and convert them into + * getter/setters. This method should only be called when + * value type is Object. + */ + Observer.prototype.walk = function walk (obj) { + var keys = Object.keys(obj); + for (var i = 0; i < keys.length; i++) { + defineReactive$$1(obj, keys[i]); + } + }; + + /** + * Observe a list of Array items. + */ + Observer.prototype.observeArray = function observeArray (items) { + for (var i = 0, l = items.length; i < l; i++) { + observe(items[i]); + } + }; + + // helpers + + /** + * Augment a target Object or Array by intercepting + * the prototype chain using __proto__ + */ + function protoAugment (target, src) { + /* eslint-disable no-proto */ + target.__proto__ = src; + /* eslint-enable no-proto */ + } + + /** + * Augment a target Object or Array by defining + * hidden properties. + */ + /* istanbul ignore next */ + function copyAugment (target, src, keys) { + for (var i = 0, l = keys.length; i < l; i++) { + var key = keys[i]; + def(target, key, src[key]); + } + } + + /** + * Attempt to create an observer instance for a value, + * returns the new observer if successfully observed, + * or the existing observer if the value already has one. + */ + function observe (value, asRootData) { + if (!isObject(value) || value instanceof VNode) { + return + } + var ob; + if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) { + ob = value.__ob__; + } else if ( + shouldObserve && + !isServerRendering() && + (Array.isArray(value) || isPlainObject(value)) && + Object.isExtensible(value) && + !value._isVue + ) { + ob = new Observer(value); + } + if (asRootData && ob) { + ob.vmCount++; + } + return ob + } + + /** + * Define a reactive property on an Object. + */ + function defineReactive$$1 ( + obj, + key, + val, + customSetter, + shallow + ) { + var dep = new Dep(); + + var property = Object.getOwnPropertyDescriptor(obj, key); + if (property && property.configurable === false) { + return + } + + // cater for pre-defined getter/setters + var getter = property && property.get; + var setter = property && property.set; + if ((!getter || setter) && arguments.length === 2) { + val = obj[key]; + } + + var childOb = !shallow && observe(val); + Object.defineProperty(obj, key, { + enumerable: true, + configurable: true, + get: function reactiveGetter () { + var value = getter ? getter.call(obj) : val; + if (Dep.target) { + dep.depend(); + if (childOb) { + childOb.dep.depend(); + if (Array.isArray(value)) { + dependArray(value); + } + } + } + return value + }, + set: function reactiveSetter (newVal) { + var value = getter ? getter.call(obj) : val; + /* eslint-disable no-self-compare */ + if (newVal === value || (newVal !== newVal && value !== value)) { + return + } + /* eslint-enable no-self-compare */ + if (customSetter) { + customSetter(); + } + // #7981: for accessor properties without setter + if (getter && !setter) { return } + if (setter) { + setter.call(obj, newVal); + } else { + val = newVal; + } + childOb = !shallow && observe(newVal); + dep.notify(); + } + }); + } + + /** + * Set a property on an object. Adds the new property and + * triggers change notification if the property doesn't + * already exist. + */ + function set (target, key, val) { + if (isUndef(target) || isPrimitive(target) + ) { + warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target)))); + } + if (Array.isArray(target) && isValidArrayIndex(key)) { + target.length = Math.max(target.length, key); + target.splice(key, 1, val); + return val + } + if (key in target && !(key in Object.prototype)) { + target[key] = val; + return val + } + var ob = (target).__ob__; + if (target._isVue || (ob && ob.vmCount)) { + warn( + 'Avoid adding reactive properties to a Vue instance or its root $data ' + + 'at runtime - declare it upfront in the data option.' + ); + return val + } + if (!ob) { + target[key] = val; + return val + } + defineReactive$$1(ob.value, key, val); + ob.dep.notify(); + return val + } + + /** + * Delete a property and trigger change if necessary. + */ + function del (target, key) { + if (isUndef(target) || isPrimitive(target) + ) { + warn(("Cannot delete reactive property on undefined, null, or primitive value: " + ((target)))); + } + if (Array.isArray(target) && isValidArrayIndex(key)) { + target.splice(key, 1); + return + } + var ob = (target).__ob__; + if (target._isVue || (ob && ob.vmCount)) { + warn( + 'Avoid deleting properties on a Vue instance or its root $data ' + + '- just set it to null.' + ); + return + } + if (!hasOwn(target, key)) { + return + } + delete target[key]; + if (!ob) { + return + } + ob.dep.notify(); + } + + /** + * Collect dependencies on array elements when the array is touched, since + * we cannot intercept array element access like property getters. + */ + function dependArray (value) { + for (var e = (void 0), i = 0, l = value.length; i < l; i++) { + e = value[i]; + e && e.__ob__ && e.__ob__.dep.depend(); + if (Array.isArray(e)) { + dependArray(e); + } + } + } + + /* */ + + /** + * Option overwriting strategies are functions that handle + * how to merge a parent option value and a child option + * value into the final value. + */ + var strats = config.optionMergeStrategies; + + /** + * Options with restrictions + */ + { + strats.el = strats.propsData = function (parent, child, vm, key) { + if (!vm) { + warn( + "option \"" + key + "\" can only be used during instance " + + 'creation with the `new` keyword.' + ); + } + return defaultStrat(parent, child) + }; + } + + /** + * Helper that recursively merges two data objects together. + */ + function mergeData (to, from) { + if (!from) { return to } + var key, toVal, fromVal; + + var keys = hasSymbol + ? Reflect.ownKeys(from) + : Object.keys(from); + + for (var i = 0; i < keys.length; i++) { + key = keys[i]; + // in case the object is already observed... + if (key === '__ob__') { continue } + toVal = to[key]; + fromVal = from[key]; + if (!hasOwn(to, key)) { + set(to, key, fromVal); + } else if ( + toVal !== fromVal && + isPlainObject(toVal) && + isPlainObject(fromVal) + ) { + mergeData(toVal, fromVal); + } + } + return to + } + + /** + * Data + */ + function mergeDataOrFn ( + parentVal, + childVal, + vm + ) { + if (!vm) { + // in a Vue.extend merge, both should be functions + if (!childVal) { + return parentVal + } + if (!parentVal) { + return childVal + } + // when parentVal & childVal are both present, + // we need to return a function that returns the + // merged result of both functions... no need to + // check if parentVal is a function here because + // it has to be a function to pass previous merges. + return function mergedDataFn () { + return mergeData( + typeof childVal === 'function' ? childVal.call(this, this) : childVal, + typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal + ) + } + } else { + return function mergedInstanceDataFn () { + // instance merge + var instanceData = typeof childVal === 'function' + ? childVal.call(vm, vm) + : childVal; + var defaultData = typeof parentVal === 'function' + ? parentVal.call(vm, vm) + : parentVal; + if (instanceData) { + return mergeData(instanceData, defaultData) + } else { + return defaultData + } + } + } + } + + strats.data = function ( + parentVal, + childVal, + vm + ) { + if (!vm) { + if (childVal && typeof childVal !== 'function') { + warn( + 'The "data" option should be a function ' + + 'that returns a per-instance value in component ' + + 'definitions.', + vm + ); + + return parentVal + } + return mergeDataOrFn(parentVal, childVal) + } + + return mergeDataOrFn(parentVal, childVal, vm) + }; + + /** + * Hooks and props are merged as arrays. + */ + function mergeHook ( + parentVal, + childVal + ) { + var res = childVal + ? parentVal + ? parentVal.concat(childVal) + : Array.isArray(childVal) + ? childVal + : [childVal] + : parentVal; + return res + ? dedupeHooks(res) + : res + } + + function dedupeHooks (hooks) { + var res = []; + for (var i = 0; i < hooks.length; i++) { + if (res.indexOf(hooks[i]) === -1) { + res.push(hooks[i]); + } + } + return res + } + + LIFECYCLE_HOOKS.forEach(function (hook) { + strats[hook] = mergeHook; + }); + + /** + * Assets + * + * When a vm is present (instance creation), we need to do + * a three-way merge between constructor options, instance + * options and parent options. + */ + function mergeAssets ( + parentVal, + childVal, + vm, + key + ) { + var res = Object.create(parentVal || null); + if (childVal) { + assertObjectType(key, childVal, vm); + return extend(res, childVal) + } else { + return res + } + } + + ASSET_TYPES.forEach(function (type) { + strats[type + 's'] = mergeAssets; + }); + + /** + * Watchers. + * + * Watchers hashes should not overwrite one + * another, so we merge them as arrays. + */ + strats.watch = function ( + parentVal, + childVal, + vm, + key + ) { + // work around Firefox's Object.prototype.watch... + if (parentVal === nativeWatch) { parentVal = undefined; } + if (childVal === nativeWatch) { childVal = undefined; } + /* istanbul ignore if */ + if (!childVal) { return Object.create(parentVal || null) } + { + assertObjectType(key, childVal, vm); + } + if (!parentVal) { return childVal } + var ret = {}; + extend(ret, parentVal); + for (var key$1 in childVal) { + var parent = ret[key$1]; + var child = childVal[key$1]; + if (parent && !Array.isArray(parent)) { + parent = [parent]; + } + ret[key$1] = parent + ? parent.concat(child) + : Array.isArray(child) ? child : [child]; + } + return ret + }; + + /** + * Other object hashes. + */ + strats.props = + strats.methods = + strats.inject = + strats.computed = function ( + parentVal, + childVal, + vm, + key + ) { + if (childVal && "development" !== 'production') { + assertObjectType(key, childVal, vm); + } + if (!parentVal) { return childVal } + var ret = Object.create(null); + extend(ret, parentVal); + if (childVal) { extend(ret, childVal); } + return ret + }; + strats.provide = mergeDataOrFn; + + /** + * Default strategy. + */ + var defaultStrat = function (parentVal, childVal) { + return childVal === undefined + ? parentVal + : childVal + }; + + /** + * Validate component names + */ + function checkComponents (options) { + for (var key in options.components) { + validateComponentName(key); + } + } + + function validateComponentName (name) { + if (!new RegExp(("^[a-zA-Z][\\-\\.0-9_" + unicodeLetters + "]*$")).test(name)) { + warn( + 'Invalid component name: "' + name + '". Component names ' + + 'should conform to valid custom element name in html5 specification.' + ); + } + if (isBuiltInTag(name) || config.isReservedTag(name)) { + warn( + 'Do not use built-in or reserved HTML elements as component ' + + 'id: ' + name + ); + } + } + + /** + * Ensure all props option syntax are normalized into the + * Object-based format. + */ + function normalizeProps (options, vm) { + var props = options.props; + if (!props) { return } + var res = {}; + var i, val, name; + if (Array.isArray(props)) { + i = props.length; + while (i--) { + val = props[i]; + if (typeof val === 'string') { + name = camelize(val); + res[name] = { type: null }; + } else { + warn('props must be strings when using array syntax.'); + } + } + } else if (isPlainObject(props)) { + for (var key in props) { + val = props[key]; + name = camelize(key); + res[name] = isPlainObject(val) + ? val + : { type: val }; + } + } else { + warn( + "Invalid value for option \"props\": expected an Array or an Object, " + + "but got " + (toRawType(props)) + ".", + vm + ); + } + options.props = res; + } + + /** + * Normalize all injections into Object-based format + */ + function normalizeInject (options, vm) { + var inject = options.inject; + if (!inject) { return } + var normalized = options.inject = {}; + if (Array.isArray(inject)) { + for (var i = 0; i < inject.length; i++) { + normalized[inject[i]] = { from: inject[i] }; + } + } else if (isPlainObject(inject)) { + for (var key in inject) { + var val = inject[key]; + normalized[key] = isPlainObject(val) + ? extend({ from: key }, val) + : { from: val }; + } + } else { + warn( + "Invalid value for option \"inject\": expected an Array or an Object, " + + "but got " + (toRawType(inject)) + ".", + vm + ); + } + } + + /** + * Normalize raw function directives into object format. + */ + function normalizeDirectives (options) { + var dirs = options.directives; + if (dirs) { + for (var key in dirs) { + var def$$1 = dirs[key]; + if (typeof def$$1 === 'function') { + dirs[key] = { bind: def$$1, update: def$$1 }; + } + } + } + } + + function assertObjectType (name, value, vm) { + if (!isPlainObject(value)) { + warn( + "Invalid value for option \"" + name + "\": expected an Object, " + + "but got " + (toRawType(value)) + ".", + vm + ); + } + } + + /** + * Merge two option objects into a new one. + * Core utility used in both instantiation and inheritance. + */ + function mergeOptions ( + parent, + child, + vm + ) { + { + checkComponents(child); + } + + if (typeof child === 'function') { + child = child.options; + } + + normalizeProps(child, vm); + normalizeInject(child, vm); + normalizeDirectives(child); + + // Apply extends and mixins on the child options, + // but only if it is a raw options object that isn't + // the result of another mergeOptions call. + // Only merged options has the _base property. + if (!child._base) { + if (child.extends) { + parent = mergeOptions(parent, child.extends, vm); + } + if (child.mixins) { + for (var i = 0, l = child.mixins.length; i < l; i++) { + parent = mergeOptions(parent, child.mixins[i], vm); + } + } + } + + var options = {}; + var key; + for (key in parent) { + mergeField(key); + } + for (key in child) { + if (!hasOwn(parent, key)) { + mergeField(key); + } + } + function mergeField (key) { + var strat = strats[key] || defaultStrat; + options[key] = strat(parent[key], child[key], vm, key); + } + return options + } + + /** + * Resolve an asset. + * This function is used because child instances need access + * to assets defined in its ancestor chain. + */ + function resolveAsset ( + options, + type, + id, + warnMissing + ) { + /* istanbul ignore if */ + if (typeof id !== 'string') { + return + } + var assets = options[type]; + // check local registration variations first + if (hasOwn(assets, id)) { return assets[id] } + var camelizedId = camelize(id); + if (hasOwn(assets, camelizedId)) { return assets[camelizedId] } + var PascalCaseId = capitalize(camelizedId); + if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] } + // fallback to prototype chain + var res = assets[id] || assets[camelizedId] || assets[PascalCaseId]; + if (warnMissing && !res) { + warn( + 'Failed to resolve ' + type.slice(0, -1) + ': ' + id, + options + ); + } + return res + } + + /* */ + + + + function validateProp ( + key, + propOptions, + propsData, + vm + ) { + var prop = propOptions[key]; + var absent = !hasOwn(propsData, key); + var value = propsData[key]; + // boolean casting + var booleanIndex = getTypeIndex(Boolean, prop.type); + if (booleanIndex > -1) { + if (absent && !hasOwn(prop, 'default')) { + value = false; + } else if (value === '' || value === hyphenate(key)) { + // only cast empty string / same name to boolean if + // boolean has higher priority + var stringIndex = getTypeIndex(String, prop.type); + if (stringIndex < 0 || booleanIndex < stringIndex) { + value = true; + } + } + } + // check default value + if (value === undefined) { + value = getPropDefaultValue(vm, prop, key); + // since the default value is a fresh copy, + // make sure to observe it. + var prevShouldObserve = shouldObserve; + toggleObserving(true); + observe(value); + toggleObserving(prevShouldObserve); + } + { + assertProp(prop, key, value, vm, absent); + } + return value + } + + /** + * Get the default value of a prop. + */ + function getPropDefaultValue (vm, prop, key) { + // no default, return undefined + if (!hasOwn(prop, 'default')) { + return undefined + } + var def = prop.default; + // warn against non-factory defaults for Object & Array + if (isObject(def)) { + warn( + 'Invalid default value for prop "' + key + '": ' + + 'Props with type Object/Array must use a factory function ' + + 'to return the default value.', + vm + ); + } + // the raw prop value was also undefined from previous render, + // return previous default value to avoid unnecessary watcher trigger + if (vm && vm.$options.propsData && + vm.$options.propsData[key] === undefined && + vm._props[key] !== undefined + ) { + return vm._props[key] + } + // call factory function for non-Function types + // a value is Function if its prototype is function even across different execution context + return typeof def === 'function' && getType(prop.type) !== 'Function' + ? def.call(vm) + : def + } + + /** + * Assert whether a prop is valid. + */ + function assertProp ( + prop, + name, + value, + vm, + absent + ) { + if (prop.required && absent) { + warn( + 'Missing required prop: "' + name + '"', + vm + ); + return + } + if (value == null && !prop.required) { + return + } + var type = prop.type; + var valid = !type || type === true; + var expectedTypes = []; + if (type) { + if (!Array.isArray(type)) { + type = [type]; + } + for (var i = 0; i < type.length && !valid; i++) { + var assertedType = assertType(value, type[i]); + expectedTypes.push(assertedType.expectedType || ''); + valid = assertedType.valid; + } + } + + if (!valid) { + warn( + getInvalidTypeMessage(name, value, expectedTypes), + vm + ); + return + } + var validator = prop.validator; + if (validator) { + if (!validator(value)) { + warn( + 'Invalid prop: custom validator check failed for prop "' + name + '".', + vm + ); + } + } + } + + var simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/; + + function assertType (value, type) { + var valid; + var expectedType = getType(type); + if (simpleCheckRE.test(expectedType)) { + var t = typeof value; + valid = t === expectedType.toLowerCase(); + // for primitive wrapper objects + if (!valid && t === 'object') { + valid = value instanceof type; + } + } else if (expectedType === 'Object') { + valid = isPlainObject(value); + } else if (expectedType === 'Array') { + valid = Array.isArray(value); + } else { + valid = value instanceof type; + } + return { + valid: valid, + expectedType: expectedType + } + } + + /** + * Use function string name to check built-in types, + * because a simple equality check will fail when running + * across different vms / iframes. + */ + function getType (fn) { + var match = fn && fn.toString().match(/^\s*function (\w+)/); + return match ? match[1] : '' + } + + function isSameType (a, b) { + return getType(a) === getType(b) + } + + function getTypeIndex (type, expectedTypes) { + if (!Array.isArray(expectedTypes)) { + return isSameType(expectedTypes, type) ? 0 : -1 + } + for (var i = 0, len = expectedTypes.length; i < len; i++) { + if (isSameType(expectedTypes[i], type)) { + return i + } + } + return -1 + } + + function getInvalidTypeMessage (name, value, expectedTypes) { + var message = "Invalid prop: type check failed for prop \"" + name + "\"." + + " Expected " + (expectedTypes.map(capitalize).join(', ')); + var expectedType = expectedTypes[0]; + var receivedType = toRawType(value); + var expectedValue = styleValue(value, expectedType); + var receivedValue = styleValue(value, receivedType); + // check if we need to specify expected value + if (expectedTypes.length === 1 && + isExplicable(expectedType) && + !isBoolean(expectedType, receivedType)) { + message += " with value " + expectedValue; + } + message += ", got " + receivedType + " "; + // check if we need to specify received value + if (isExplicable(receivedType)) { + message += "with value " + receivedValue + "."; + } + return message + } + + function styleValue (value, type) { + if (type === 'String') { + return ("\"" + value + "\"") + } else if (type === 'Number') { + return ("" + (Number(value))) + } else { + return ("" + value) + } + } + + function isExplicable (value) { + var explicitTypes = ['string', 'number', 'boolean']; + return explicitTypes.some(function (elem) { return value.toLowerCase() === elem; }) + } + + function isBoolean () { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + return args.some(function (elem) { return elem.toLowerCase() === 'boolean'; }) + } + + /* */ + + function handleError (err, vm, info) { + // Deactivate deps tracking while processing error handler to avoid possible infinite rendering. + // See: https://github.com/vuejs/vuex/issues/1505 + pushTarget(); + try { + if (vm) { + var cur = vm; + while ((cur = cur.$parent)) { + var hooks = cur.$options.errorCaptured; + if (hooks) { + for (var i = 0; i < hooks.length; i++) { + try { + var capture = hooks[i].call(cur, err, vm, info) === false; + if (capture) { return } + } catch (e) { + globalHandleError(e, cur, 'errorCaptured hook'); + } + } + } + } + } + globalHandleError(err, vm, info); + } finally { + popTarget(); + } + } + + function invokeWithErrorHandling ( + handler, + context, + args, + vm, + info + ) { + var res; + try { + res = args ? handler.apply(context, args) : handler.call(context); + if (res && !res._isVue && isPromise(res)) { + // issue #9511 + // reassign to res to avoid catch triggering multiple times when nested calls + res = res.catch(function (e) { return handleError(e, vm, info + " (Promise/async)"); }); + } + } catch (e) { + handleError(e, vm, info); + } + return res + } + + function globalHandleError (err, vm, info) { + if (config.errorHandler) { + try { + return config.errorHandler.call(null, err, vm, info) + } catch (e) { + // if the user intentionally throws the original error in the handler, + // do not log it twice + if (e !== err) { + logError(e, null, 'config.errorHandler'); + } + } + } + logError(err, vm, info); + } + + function logError (err, vm, info) { + { + warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm); + } + /* istanbul ignore else */ + if ((inBrowser || inWeex) && typeof console !== 'undefined') { + console.error(err); + } else { + throw err + } + } + + /* */ + + var isUsingMicroTask = false; + + var callbacks = []; + var pending = false; + + function flushCallbacks () { + pending = false; + var copies = callbacks.slice(0); + callbacks.length = 0; + for (var i = 0; i < copies.length; i++) { + copies[i](); + } + } + + // Here we have async deferring wrappers using microtasks. + // In 2.5 we used (macro) tasks (in combination with microtasks). + // However, it has subtle problems when state is changed right before repaint + // (e.g. #6813, out-in transitions). + // Also, using (macro) tasks in event handler would cause some weird behaviors + // that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109). + // So we now use microtasks everywhere, again. + // A major drawback of this tradeoff is that there are some scenarios + // where microtasks have too high a priority and fire in between supposedly + // sequential events (e.g. #4521, #6690, which have workarounds) + // or even between bubbling of the same event (#6566). + var timerFunc; + + // The nextTick behavior leverages the microtask queue, which can be accessed + // via either native Promise.then or MutationObserver. + // MutationObserver has wider support, however it is seriously bugged in + // UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It + // completely stops working after triggering a few times... so, if native + // Promise is available, we will use it: + /* istanbul ignore next, $flow-disable-line */ + if (typeof Promise !== 'undefined' && isNative(Promise)) { + var p = Promise.resolve(); + timerFunc = function () { + p.then(flushCallbacks); + // In problematic UIWebViews, Promise.then doesn't completely break, but + // it can get stuck in a weird state where callbacks are pushed into the + // microtask queue but the queue isn't being flushed, until the browser + // needs to do some other work, e.g. handle a timer. Therefore we can + // "force" the microtask queue to be flushed by adding an empty timer. + if (isIOS) { setTimeout(noop); } + }; + isUsingMicroTask = true; + } else if (!isIE && typeof MutationObserver !== 'undefined' && ( + isNative(MutationObserver) || + // PhantomJS and iOS 7.x + MutationObserver.toString() === '[object MutationObserverConstructor]' + )) { + // Use MutationObserver where native Promise is not available, + // e.g. PhantomJS, iOS7, Android 4.4 + // (#6466 MutationObserver is unreliable in IE11) + var counter = 1; + var observer = new MutationObserver(flushCallbacks); + var textNode = document.createTextNode(String(counter)); + observer.observe(textNode, { + characterData: true + }); + timerFunc = function () { + counter = (counter + 1) % 2; + textNode.data = String(counter); + }; + isUsingMicroTask = true; + } else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) { + // Fallback to setImmediate. + // Techinically it leverages the (macro) task queue, + // but it is still a better choice than setTimeout. + timerFunc = function () { + setImmediate(flushCallbacks); + }; + } else { + // Fallback to setTimeout. + timerFunc = function () { + setTimeout(flushCallbacks, 0); + }; + } + + function nextTick (cb, ctx) { + var _resolve; + callbacks.push(function () { + if (cb) { + try { + cb.call(ctx); + } catch (e) { + handleError(e, ctx, 'nextTick'); + } + } else if (_resolve) { + _resolve(ctx); + } + }); + if (!pending) { + pending = true; + timerFunc(); + } + // $flow-disable-line + if (!cb && typeof Promise !== 'undefined') { + return new Promise(function (resolve) { + _resolve = resolve; + }) + } + } + + /* */ + + var mark; + var measure; + + { + var perf = inBrowser && window.performance; + /* istanbul ignore if */ + if ( + perf && + perf.mark && + perf.measure && + perf.clearMarks && + perf.clearMeasures + ) { + mark = function (tag) { return perf.mark(tag); }; + measure = function (name, startTag, endTag) { + perf.measure(name, startTag, endTag); + perf.clearMarks(startTag); + perf.clearMarks(endTag); + // perf.clearMeasures(name) + }; + } + } + + /* not type checking this file because flow doesn't play well with Proxy */ + + var initProxy; + + { + var allowedGlobals = makeMap( + 'Infinity,undefined,NaN,isFinite,isNaN,' + + 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + + 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + + 'require' // for Webpack/Browserify + ); + + var warnNonPresent = function (target, key) { + warn( + "Property or method \"" + key + "\" is not defined on the instance but " + + 'referenced during render. Make sure that this property is reactive, ' + + 'either in the data option, or for class-based components, by ' + + 'initializing the property. ' + + 'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.', + target + ); + }; + + var warnReservedPrefix = function (target, key) { + warn( + "Property \"" + key + "\" must be accessed with \"$data." + key + "\" because " + + 'properties starting with "$" or "_" are not proxied in the Vue instance to ' + + 'prevent conflicts with Vue internals' + + 'See: https://vuejs.org/v2/api/#data', + target + ); + }; + + var hasProxy = + typeof Proxy !== 'undefined' && isNative(Proxy); + + if (hasProxy) { + var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact'); + config.keyCodes = new Proxy(config.keyCodes, { + set: function set (target, key, value) { + if (isBuiltInModifier(key)) { + warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key)); + return false + } else { + target[key] = value; + return true + } + } + }); + } + + var hasHandler = { + has: function has (target, key) { + var has = key in target; + var isAllowed = allowedGlobals(key) || + (typeof key === 'string' && key.charAt(0) === '_' && !(key in target.$data)); + if (!has && !isAllowed) { + if (key in target.$data) { warnReservedPrefix(target, key); } + else { warnNonPresent(target, key); } + } + return has || !isAllowed + } + }; + + var getHandler = { + get: function get (target, key) { + if (typeof key === 'string' && !(key in target)) { + if (key in target.$data) { warnReservedPrefix(target, key); } + else { warnNonPresent(target, key); } + } + return target[key] + } + }; + + initProxy = function initProxy (vm) { + if (hasProxy) { + // determine which proxy handler to use + var options = vm.$options; + var handlers = options.render && options.render._withStripped + ? getHandler + : hasHandler; + vm._renderProxy = new Proxy(vm, handlers); + } else { + vm._renderProxy = vm; + } + }; + } + + /* */ + + var seenObjects = new _Set(); + + /** + * Recursively traverse an object to evoke all converted + * getters, so that every nested property inside the object + * is collected as a "deep" dependency. + */ + function traverse (val) { + _traverse(val, seenObjects); + seenObjects.clear(); + } + + function _traverse (val, seen) { + var i, keys; + var isA = Array.isArray(val); + if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) { + return + } + if (val.__ob__) { + var depId = val.__ob__.dep.id; + if (seen.has(depId)) { + return + } + seen.add(depId); + } + if (isA) { + i = val.length; + while (i--) { _traverse(val[i], seen); } + } else { + keys = Object.keys(val); + i = keys.length; + while (i--) { _traverse(val[keys[i]], seen); } + } + } + + /* */ + + var normalizeEvent = cached(function (name) { + var passive = name.charAt(0) === '&'; + name = passive ? name.slice(1) : name; + var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first + name = once$$1 ? name.slice(1) : name; + var capture = name.charAt(0) === '!'; + name = capture ? name.slice(1) : name; + return { + name: name, + once: once$$1, + capture: capture, + passive: passive + } + }); + + function createFnInvoker (fns, vm) { + function invoker () { + var arguments$1 = arguments; + + var fns = invoker.fns; + if (Array.isArray(fns)) { + var cloned = fns.slice(); + for (var i = 0; i < cloned.length; i++) { + invokeWithErrorHandling(cloned[i], null, arguments$1, vm, "v-on handler"); + } + } else { + // return handler return value for single handlers + return invokeWithErrorHandling(fns, null, arguments, vm, "v-on handler") + } + } + invoker.fns = fns; + return invoker + } + + function updateListeners ( + on, + oldOn, + add, + remove$$1, + createOnceHandler, + vm + ) { + var name, def$$1, cur, old, event; + for (name in on) { + def$$1 = cur = on[name]; + old = oldOn[name]; + event = normalizeEvent(name); + if (isUndef(cur)) { + warn( + "Invalid handler for event \"" + (event.name) + "\": got " + String(cur), + vm + ); + } else if (isUndef(old)) { + if (isUndef(cur.fns)) { + cur = on[name] = createFnInvoker(cur, vm); + } + if (isTrue(event.once)) { + cur = on[name] = createOnceHandler(event.name, cur, event.capture); + } + add(event.name, cur, event.capture, event.passive, event.params); + } else if (cur !== old) { + old.fns = cur; + on[name] = old; + } + } + for (name in oldOn) { + if (isUndef(on[name])) { + event = normalizeEvent(name); + remove$$1(event.name, oldOn[name], event.capture); + } + } + } + + /* */ + + function mergeVNodeHook (def, hookKey, hook) { + if (def instanceof VNode) { + def = def.data.hook || (def.data.hook = {}); + } + var invoker; + var oldHook = def[hookKey]; + + function wrappedHook () { + hook.apply(this, arguments); + // important: remove merged hook to ensure it's called only once + // and prevent memory leak + remove(invoker.fns, wrappedHook); + } + + if (isUndef(oldHook)) { + // no existing hook + invoker = createFnInvoker([wrappedHook]); + } else { + /* istanbul ignore if */ + if (isDef(oldHook.fns) && isTrue(oldHook.merged)) { + // already a merged invoker + invoker = oldHook; + invoker.fns.push(wrappedHook); + } else { + // existing plain hook + invoker = createFnInvoker([oldHook, wrappedHook]); + } + } + + invoker.merged = true; + def[hookKey] = invoker; + } + + /* */ + + function extractPropsFromVNodeData ( + data, + Ctor, + tag + ) { + // we are only extracting raw values here. + // validation and default values are handled in the child + // component itself. + var propOptions = Ctor.options.props; + if (isUndef(propOptions)) { + return + } + var res = {}; + var attrs = data.attrs; + var props = data.props; + if (isDef(attrs) || isDef(props)) { + for (var key in propOptions) { + var altKey = hyphenate(key); + { + var keyInLowerCase = key.toLowerCase(); + if ( + key !== keyInLowerCase && + attrs && hasOwn(attrs, keyInLowerCase) + ) { + tip( + "Prop \"" + keyInLowerCase + "\" is passed to component " + + (formatComponentName(tag || Ctor)) + ", but the declared prop name is" + + " \"" + key + "\". " + + "Note that HTML attributes are case-insensitive and camelCased " + + "props need to use their kebab-case equivalents when using in-DOM " + + "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"." + ); + } + } + checkProp(res, props, key, altKey, true) || + checkProp(res, attrs, key, altKey, false); + } + } + return res + } + + function checkProp ( + res, + hash, + key, + altKey, + preserve + ) { + if (isDef(hash)) { + if (hasOwn(hash, key)) { + res[key] = hash[key]; + if (!preserve) { + delete hash[key]; + } + return true + } else if (hasOwn(hash, altKey)) { + res[key] = hash[altKey]; + if (!preserve) { + delete hash[altKey]; + } + return true + } + } + return false + } + + /* */ + + // The template compiler attempts to minimize the need for normalization by + // statically analyzing the template at compile time. + // + // For plain HTML markup, normalization can be completely skipped because the + // generated render function is guaranteed to return Array. There are + // two cases where extra normalization is needed: + + // 1. When the children contains components - because a functional component + // may return an Array instead of a single root. In this case, just a simple + // normalization is needed - if any child is an Array, we flatten the whole + // thing with Array.prototype.concat. It is guaranteed to be only 1-level deep + // because functional components already normalize their own children. + function simpleNormalizeChildren (children) { + for (var i = 0; i < children.length; i++) { + if (Array.isArray(children[i])) { + return Array.prototype.concat.apply([], children) + } + } + return children + } + + // 2. When the children contains constructs that always generated nested Arrays, + // e.g.