├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .prettierrc.js ├── .stylelintignore ├── .stylelintrc.js ├── LICENSE ├── README.md ├── babel.config.js ├── dist ├── vue-simple-accordion.common.js ├── vue-simple-accordion.common.js.map ├── vue-simple-accordion.css ├── vue-simple-accordion.umd.js ├── vue-simple-accordion.umd.js.map ├── vue-simple-accordion.umd.min.js └── vue-simple-accordion.umd.min.js.map ├── docs-src ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .prettierrc.js ├── .stylelintignore ├── .stylelintrc.js ├── README.md ├── babel.config.js ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico │ └── index.html ├── src │ ├── App.vue │ ├── assets │ │ └── styles │ │ │ └── index.scss │ ├── components │ │ ├── AutoCollapse.vue │ │ ├── CustomIcons.vue │ │ ├── FilterActive.vue │ │ ├── InitActive.vue │ │ ├── Recursive.vue │ │ ├── RecursiveAccordion.vue │ │ ├── ReturnValue.vue │ │ └── ToggleAll.vue │ ├── constants │ │ ├── dummy.js │ │ └── index.js │ └── main.js ├── vue.config.js └── yarn.lock ├── docs ├── css │ ├── app.7b79e3ec.css │ ├── chunk-7bec91c9.150598cc.css │ └── chunk-vendors.e0a049f6.css ├── favicon.ico ├── index.html └── js │ ├── app.03909cb8.js │ ├── app.03909cb8.js.map │ ├── chunk-7bec91c9.77d9244e.js │ ├── chunk-7bec91c9.77d9244e.js.map │ ├── chunk-vendors.7d98a0bb.js │ └── chunk-vendors.7d98a0bb.js.map ├── package.json ├── postcss.config.js ├── src ├── assets │ └── styles │ │ └── _mixins.scss ├── components │ ├── Content │ │ ├── Content.js │ │ ├── Content.scss │ │ └── index.js │ ├── Heading │ │ ├── Heading.js │ │ ├── Heading.scss │ │ ├── Trigger │ │ │ ├── Trigger.js │ │ │ ├── Trigger.scss │ │ │ ├── TriggerContent.js │ │ │ ├── TriggerContent.scss │ │ │ ├── TriggerIcon.js │ │ │ ├── TriggerIcon.scss │ │ │ └── index.js │ │ └── index.js │ ├── VsaItem.js │ ├── VsaItem.scss │ ├── VsaList.js │ ├── VsaList.scss │ ├── VsaWrapper.js │ └── index.js ├── constants │ ├── default.js │ └── index.js └── index.js ├── vue.config.js └── yarn.lock /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_style = space 5 | indent_size = 2 6 | end_of_line = lf 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | max_line_length = 80 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false 14 | 15 | [*.scss] 16 | indent_size = 2 17 | indent_style = space 18 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | dist/ 2 | lib/ -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true, 5 | browser: true 6 | }, 7 | extends: [ 8 | "plugin:vue/recommended", 9 | "eslint:recommended", 10 | "prettier/vue", 11 | "plugin:prettier/recommended" 12 | ], 13 | rules: { 14 | camelcase: "off", 15 | "vue/no-v-html": "off", 16 | "vue/component-name-in-template-casing": ["error", "PascalCase"], 17 | "no-unused-vars": ["error", { args: "none" }] 18 | }, 19 | parserOptions: { 20 | parser: "babel-eslint" 21 | } 22 | }; 23 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | 4 | # local env files 5 | .env.local 6 | .env.*.local 7 | 8 | # Log files 9 | npm-debug.log* 10 | yarn-debug.log* 11 | yarn-error.log* 12 | pnpm-debug.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw? 22 | 23 | docs-src/node_modules/ 24 | -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | parser: "flow", 3 | printWidth: 80, 4 | tabWidth: 2, 5 | useTabs: false, 6 | semi: true, 7 | singleQuote: false, 8 | trailingComma: "none", 9 | bracketSpacing: true, 10 | commaDangle: ["error", "always"], 11 | noCondAssign: ["error", "always"], 12 | overrides: [ 13 | { 14 | files: "**/*.html", 15 | options: { 16 | parser: "html" 17 | } 18 | }, 19 | { 20 | files: "**/*.vue", 21 | options: { 22 | parser: "vue" 23 | } 24 | } 25 | ] 26 | }; 27 | -------------------------------------------------------------------------------- /.stylelintignore: -------------------------------------------------------------------------------- 1 | dist/ 2 | -------------------------------------------------------------------------------- /.stylelintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: [ 3 | "stylelint-config-recommended", 4 | "stylelint-config-prettier", 5 | "stylelint-config-recommended-scss" 6 | ], 7 | plugins: ["stylelint-scss"], 8 | rules: { 9 | "at-rule-no-unknown": null, 10 | "block-no-empty": true, 11 | "color-hex-length": "long", 12 | "color-no-invalid-hex": true, 13 | "declaration-block-trailing-semicolon": null, 14 | "no-descending-specificity": null, 15 | "selector-pseudo-element-no-unknown": [ 16 | true, 17 | { 18 | ignorePseudoElements: ["v-deep"] 19 | } 20 | ], 21 | "scss/at-rule-no-unknown": [ 22 | true, 23 | { 24 | ignoreAtRules: [] 25 | } 26 | ] 27 | } 28 | }; 29 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Quang Trinh 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-simple-accordion 2 | 3 | > A simple, easily configurable accordion for Vue 2.x 4 | 5 | - [Demo](#demo) 6 | - [Installation](#installation) 7 | - [Import](#import) 8 | - [Usage](#basic-usage) 9 | - [Options](#available-options) 10 | - [Styling](#styling) 11 | ## Demo 12 | 13 | To view a demo online: 14 | 15 | ## Installation 16 | 17 | ```bash 18 | npm install --save vue-simple-accordion 19 | ``` 20 | or 21 | 22 | ```bash 23 | yarn add vue-simple-accordion 24 | ``` 25 | 26 | ## Import 27 | 28 | For single component 29 | 30 | ```javascript 31 | import { 32 | VsaList, 33 | VsaItem, 34 | VsaHeading, 35 | VsaContent, 36 | VsaIcon 37 | } from 'vue-simple-accordion'; 38 | import 'vue-simple-accordion/dist/vue-simple-accordion.css'; 39 | 40 | export default { 41 | // ... 42 | components: { 43 | VsaList, 44 | VsaItem, 45 | VsaHeading, 46 | VsaContent, 47 | VsaIcon 48 | } 49 | // ... 50 | } 51 | ``` 52 | 53 | or 54 | To use globaly in your main.js 55 | ```javascript 56 | import VueSimpleAccordion from 'vue-simple-accordion'; 57 | import 'vue-simple-accordion/dist/vue-simple-accordion.css'; 58 | 59 | Vue.use(VueSimpleAccordion, { 60 | // ... Options go here 61 | }); 62 | ``` 63 | 64 | ## Basic Usage 65 | 66 | ```html 67 | 68 | 69 | 70 | 71 | This is the heading 72 | 73 | 74 | 75 | This is the content 76 | 77 | 78 | 79 | ``` 80 | 81 | With the default options, the html will be generated as: 82 | ###### HTML structure 83 | ```html 84 |
89 |
96 |
100 | 119 |
120 |
127 | This is the content 128 |
129 |
130 |
131 | ``` 132 | 133 | ## Available Options 134 | 135 | All user options or component props if not set (or are `undefined`) will automatically fallback to these default values: 136 | 137 | ###### Default Options 138 | ```javascript 139 | { 140 | tags: { 141 | list: "dl", 142 | list__item: "div", 143 | item__heading: "dt", 144 | heading__content: "span", 145 | heading__icon: "span", 146 | item__content: "dd" 147 | }, 148 | roles: { 149 | presentation: false, 150 | heading: false, 151 | region: true 152 | }, 153 | transition: "vsa-collapse", 154 | initActive: false, 155 | forceActive: undefined, 156 | autoCollapse: true, 157 | onHeadingClick: () => {}, 158 | navigation: true 159 | } 160 | ``` 161 | 162 | ## Component Props 163 | 164 | ### vsa-list 165 | 166 | | Props | Type | Description | 167 | |--------------|---------|----------------------------------------------------------------------------------------------------------| 168 | | tags | Object | Define the html tags for the current list (check the [default options](#default-options) for details) | 169 | | roles | Object | Define the html roles for the current list (check the [default options](#default-options) for details) | 170 | | transition | String | Name of the entering/leaving transition effects for items | 171 | | initActive | Boolean | Expand the list by default or not | 172 | | forceActive | Boolean | When set, this will force the whole list to be expanded or collapsed | 173 | | autoCollapse | Boolean | When an item is active (expanded), the other items of the list will automatically collapse | 174 | | navigation | Boolean | Enable `↑` `↓` `Home` `End` navigation while focusing on a heading | 175 | 176 | ### vsa-item 177 | 178 | | Props | Type | Description | 179 | |----------------|----------|--------------------------------------------------------------------------------------------------------------------------------------| 180 | | transition | String | Name of the entering/leaving transition effects for the curren item | 181 | | initActive | Boolean | Expand the current item by default or not | 182 | | forceActive | Boolean | When set, this will force the current item to be expanded or collapsed | 183 | | level | String \| Number | Identify `aria-level` while using `heading: true` | 184 | | onHeadingClick | Function | A function will be called automatically when the trigger button is clicked with the arguments contain data of the list and that item | 185 | 186 | **Priotiry:** ***Item > List > Default*** 187 | 188 | ## Styling 189 | 190 | If you import the css, these CSS variables are available in `.vsa-list`: 191 | 192 | ```css 193 | --vsa-max-width: 720px; 194 | --vsa-min-width: 300px; 195 | --vsa-text-color: rgba(55, 55, 55, 1); 196 | --vsa-highlight-color: rgba(85, 119, 170, 1); 197 | --vsa-bg-color: rgba(255, 255, 255, 1); 198 | --vsa-border-color: rgba(0, 0, 0, 0.2); 199 | --vsa-border-width: 1px; 200 | --vsa-border-style: solid; 201 | --vsa-heading-padding: 1rem 1rem; 202 | --vsa-content-padding: 1rem 1rem; 203 | --vsa-default-icon-size: 1; 204 | ``` 205 | 206 | In case you don't like the default CSS styling from the library, don't import the css and style your own with the class names as in this [structure](#html-structure). 207 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ["@vue/cli-plugin-babel/preset"] 3 | }; 4 | -------------------------------------------------------------------------------- /dist/vue-simple-accordion.css: -------------------------------------------------------------------------------- 1 | .vsa-item__heading{width:100%;height:100%}.vsa-item__heading,.vsa-item__trigger{display:flex;justify-content:flex-start;align-items:center}.vsa-item__trigger{margin:0;padding:0;color:inherit;font-family:inherit;font-size:100%;line-height:1.15;border-width:0;background-color:transparent;background-image:none;overflow:visible;text-transform:none;flex:1 1 auto;color:var(--vsa-text-color);transition:all .2s linear;padding:var(--vsa-heading-padding)}.vsa-item__trigger[role=button]{cursor:pointer}.vsa-item__trigger[type=button],.vsa-item__trigger[type=reset],.vsa-item__trigger[type=submit]{-webkit-appearance:button}.vsa-item__trigger:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.vsa-item__trigger::-moz-focus-inner,.vsa-item__trigger[type=button]::-moz-focus-inner,.vsa-item__trigger[type=reset]::-moz-focus-inner,.vsa-item__trigger[type=submit]::-moz-focus-inner{border-style:none;padding:0}.vsa-item__trigger:-moz-focusring,.vsa-item__trigger[type=button]:-moz-focusring,.vsa-item__trigger[type=reset]:-moz-focusring,.vsa-item__trigger[type=submit]:-moz-focusring{outline:1px dotted ButtonText}.vsa-item__trigger:focus,.vsa-item__trigger:hover{outline:none;background-color:var(--vsa-highlight-color);color:var(--vsa-bg-color)}.vsa-item__trigger__icon--is-default{width:40px;height:40px;transform:scale(var(--vsa-default-icon-size))}.vsa-item__trigger__icon--is-default:after,.vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-text-color);content:"";height:3px;position:absolute;top:10px;transition:all .13333s ease-in-out;width:30px}.vsa-item__trigger__icon--is-default:before{left:0;transform:rotate(45deg) translate3d(8px,22px,0);transform-origin:100%}.vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-8px,22px,0);right:0;transform-origin:0}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:before{transform:rotate(45deg) translate3d(14px,14px,0)}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-14px,14px,0)}.vsa-item__trigger__icon{display:block;margin-left:auto;position:relative;transition:all .2s ease-in-out}.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:before,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-bg-color)}.vsa-item__trigger__content{font-weight:700;font-size:1.25rem}.vsa-item__content{margin:0;padding:var(--vsa-content-padding)}.vsa-item--is-active .vsa-item__heading,.vsa-item:not(:last-of-type){border-bottom:var(--vsa-border)}.vsa-collapse-enter-active,.vsa-collapse-leave-active{transition-property:opacity,height,padding-top,padding-bottom;transition-duration:.3s;transition-timing-function:ease-in-out}.vsa-collapse-enter,.vsa-collapse-leave-active{opacity:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.vsa-list{--vsa-max-width:720px;--vsa-min-width:300px;--vsa-heading-padding:1rem 1rem;--vsa-text-color:#373737;--vsa-highlight-color:#57a;--vsa-bg-color:#fff;--vsa-border-color:rgba(0,0,0,0.2);--vsa-border-width:1px;--vsa-border-style:solid;--vsa-border:var(--vsa-border-width) var(--vsa-border-style) var(--vsa-border-color);--vsa-content-padding:1rem 1rem;--vsa-default-icon-size:1;display:block;max-width:var(--vsa-max-width);min-width:var(--vsa-min-width);width:100%;padding:0;margin:0;list-style:none;border:var(--vsa-border);color:var(--vsa-text-color);background-color:var(--vsa-bg-color)}.vsa-list [hidden]{display:none} -------------------------------------------------------------------------------- /dist/vue-simple-accordion.umd.min.js: -------------------------------------------------------------------------------- 1 | (function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vue-simple-accordion"]=e():t["vue-simple-accordion"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},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 r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},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")}({"00ee":function(t,e,n){var r=n("b622"),i=r("toStringTag"),o={};o[i]="z",t.exports="[object z]"===String(o)},"0366":function(t,e,n){var r=n("1c0b");t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 0:return function(){return t.call(e)};case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,i){return t.call(e,n,r,i)}}return function(){return t.apply(e,arguments)}}},"057f":function(t,e,n){var r=n("fc6a"),i=n("241c").f,o={}.toString,c="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],a=function(t){try{return i(t)}catch(e){return c.slice()}};t.exports.f=function(t){return c&&"[object Window]"==o.call(t)?a(t):i(r(t))}},"06cf":function(t,e,n){var r=n("83ab"),i=n("d1e7"),o=n("5c6c"),c=n("fc6a"),a=n("c04e"),u=n("5135"),f=n("0cfb"),s=Object.getOwnPropertyDescriptor;e.f=r?s:function(t,e){if(t=c(t),e=a(e,!0),f)try{return s(t,e)}catch(n){}if(u(t,e))return o(!i.f.call(t,e),t[e])}},"0cfb":function(t,e,n){var r=n("83ab"),i=n("d039"),o=n("cc12");t.exports=!r&&!i((function(){return 7!=Object.defineProperty(o("div"),"a",{get:function(){return 7}}).a}))},"0d03":function(t,e,n){var r=n("6eeb"),i=Date.prototype,o="Invalid Date",c="toString",a=i[c],u=i.getTime;new Date(NaN)+""!=o&&r(i,c,(function(){var t=u.call(this);return t===t?a.call(this):o}))},"0df6":function(t,e,n){},"159b":function(t,e,n){var r=n("da84"),i=n("fdbc"),o=n("17c2"),c=n("9112");for(var a in i){var u=r[a],f=u&&u.prototype;if(f&&f.forEach!==o)try{c(f,"forEach",o)}catch(s){f.forEach=o}}},"17c2":function(t,e,n){"use strict";var r=n("b727").forEach,i=n("a640"),o=n("ae40"),c=i("forEach"),a=o("forEach");t.exports=c&&a?[].forEach:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}},"1be4":function(t,e,n){var r=n("d066");t.exports=r("document","documentElement")},"1c0b":function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},"1c6c":function(t,e,n){},"1c7e":function(t,e,n){var r=n("b622"),i=r("iterator"),o=!1;try{var c=0,a={next:function(){return{done:!!c++}},return:function(){o=!0}};a[i]=function(){return this},Array.from(a,(function(){throw 2}))}catch(u){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var r={};r[i]=function(){return{next:function(){return{done:n=!0}}}},t(r)}catch(u){}return n}},"1d1c":function(t,e,n){var r=n("23e7"),i=n("83ab"),o=n("37e8");r({target:"Object",stat:!0,forced:!i,sham:!i},{defineProperties:o})},"1d80":function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"1dde":function(t,e,n){var r=n("d039"),i=n("b622"),o=n("2d00"),c=i("species");t.exports=function(t){return o>=51||!r((function(){var e=[],n=e.constructor={};return n[c]=function(){return{foo:1}},1!==e[t](Boolean).foo}))}},"23cb":function(t,e,n){var r=n("a691"),i=Math.max,o=Math.min;t.exports=function(t,e){var n=r(t);return n<0?i(n+e,0):o(n,e)}},"23e7":function(t,e,n){var r=n("da84"),i=n("06cf").f,o=n("9112"),c=n("6eeb"),a=n("ce4e"),u=n("e893"),f=n("94ca");t.exports=function(t,e){var n,s,l,d,p,v,h=t.target,b=t.global,y=t.stat;if(s=b?r:y?r[h]||a(h,{}):(r[h]||{}).prototype,s)for(l in e){if(p=e[l],t.noTargetGet?(v=i(s,l),d=v&&v.value):d=s[l],n=f(b?l:h+(y?".":"#")+l,t.forced),!n&&void 0!==d){if(typeof p===typeof d)continue;u(p,d)}(t.sham||d&&d.sham)&&o(p,"sham",!0),c(s,l,p,t)}}},"241c":function(t,e,n){var r=n("ca84"),i=n("7839"),o=i.concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},"25f0":function(t,e,n){"use strict";var r=n("6eeb"),i=n("825a"),o=n("d039"),c=n("ad6d"),a="toString",u=RegExp.prototype,f=u[a],s=o((function(){return"/a/b"!=f.call({source:"a",flags:"b"})})),l=f.name!=a;(s||l)&&r(RegExp.prototype,a,(function(){var t=i(this),e=String(t.source),n=t.flags,r=String(void 0===n&&t instanceof RegExp&&!("flags"in u)?c.call(t):n);return"/"+e+"/"+r}),{unsafe:!0})},"277d":function(t,e,n){var r=n("23e7"),i=n("e8b5");r({target:"Array",stat:!0},{isArray:i})},"2d00":function(t,e,n){var r,i,o=n("da84"),c=n("342f"),a=o.process,u=a&&a.versions,f=u&&u.v8;f?(r=f.split("."),i=r[0]+r[1]):c&&(r=c.match(/Edge\/(\d+)/),(!r||r[1]>=74)&&(r=c.match(/Chrome\/(\d+)/),r&&(i=r[1]))),t.exports=i&&+i},"342f":function(t,e,n){var r=n("d066");t.exports=r("navigator","userAgent")||""},"35a1":function(t,e,n){var r=n("f5df"),i=n("3f8c"),o=n("b622"),c=o("iterator");t.exports=function(t){if(void 0!=t)return t[c]||t["@@iterator"]||i[r(t)]}},"37e8":function(t,e,n){var r=n("83ab"),i=n("9bf2"),o=n("825a"),c=n("df75");t.exports=r?Object.defineProperties:function(t,e){o(t);var n,r=c(e),a=r.length,u=0;while(a>u)i.f(t,n=r[u++],e[n]);return t}},"3bbe":function(t,e,n){var r=n("861d");t.exports=function(t){if(!r(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t}},"3ca3":function(t,e,n){"use strict";var r=n("6547").charAt,i=n("69f3"),o=n("7dd0"),c="String Iterator",a=i.set,u=i.getterFor(c);o(String,"String",(function(t){a(this,{type:c,string:String(t),index:0})}),(function(){var t,e=u(this),n=e.string,i=e.index;return i>=n.length?{value:void 0,done:!0}:(t=r(n,i),e.index+=t.length,{value:t,done:!1})}))},"3d02":function(t,e,n){},"3f8c":function(t,e){t.exports={}},4160:function(t,e,n){"use strict";var r=n("23e7"),i=n("17c2");r({target:"Array",proto:!0,forced:[].forEach!=i},{forEach:i})},"428f":function(t,e,n){var r=n("da84");t.exports=r},"44ad":function(t,e,n){var r=n("d039"),i=n("c6b6"),o="".split;t.exports=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==i(t)?o.call(t,""):Object(t)}:Object},"44d2":function(t,e,n){var r=n("b622"),i=n("7c73"),o=n("9bf2"),c=r("unscopables"),a=Array.prototype;void 0==a[c]&&o.f(a,c,{configurable:!0,value:i(null)}),t.exports=function(t){a[c][t]=!0}},4930:function(t,e,n){var r=n("d039");t.exports=!!Object.getOwnPropertySymbols&&!r((function(){return!String(Symbol())}))},"49b2":function(t,e,n){},"4d64":function(t,e,n){var r=n("fc6a"),i=n("50c4"),o=n("23cb"),c=function(t){return function(e,n,c){var a,u=r(e),f=i(u.length),s=o(c,f);if(t&&n!=n){while(f>s)if(a=u[s++],a!=a)return!0}else for(;f>s;s++)if((t||s in u)&&u[s]===n)return t||s||0;return!t&&-1}};t.exports={includes:c(!0),indexOf:c(!1)}},"4de4":function(t,e,n){"use strict";var r=n("23e7"),i=n("b727").filter,o=n("1dde"),c=n("ae40"),a=o("filter"),u=c("filter");r({target:"Array",proto:!0,forced:!a||!u},{filter:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}})},"4df4":function(t,e,n){"use strict";var r=n("0366"),i=n("7b0b"),o=n("9bdd"),c=n("e95a"),a=n("50c4"),u=n("8418"),f=n("35a1");t.exports=function(t){var e,n,s,l,d,p,v=i(t),h="function"==typeof this?this:Array,b=arguments.length,y=b>1?arguments[1]:void 0,g=void 0!==y,m=f(v),_=0;if(g&&(y=r(y,b>2?arguments[2]:void 0,2)),void 0==m||h==Array&&c(m))for(e=a(v.length),n=new h(e);e>_;_++)p=g?y(v[_],_):v[_],u(n,_,p);else for(l=m.call(v),d=l.next,n=new h;!(s=d.call(l)).done;_++)p=g?o(l,y,[s.value,_],!0):s.value,u(n,_,p);return n.length=_,n}},"4e6f":function(t,e,n){},"4fad":function(t,e,n){var r=n("23e7"),i=n("6f53").entries;r({target:"Object",stat:!0},{entries:function(t){return i(t)}})},"50c4":function(t,e,n){var r=n("a691"),i=Math.min;t.exports=function(t){return t>0?i(r(t),9007199254740991):0}},5135:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},5692:function(t,e,n){var r=n("c430"),i=n("c6cd");(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.6.5",mode:r?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},"56ef":function(t,e,n){var r=n("d066"),i=n("241c"),o=n("7418"),c=n("825a");t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(c(t)),n=o.f;return n?e.concat(n(t)):e}},5899:function(t,e){t.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},"58a8":function(t,e,n){var r=n("1d80"),i=n("5899"),o="["+i+"]",c=RegExp("^"+o+o+"*"),a=RegExp(o+o+"*$"),u=function(t){return function(e){var n=String(r(e));return 1&t&&(n=n.replace(c,"")),2&t&&(n=n.replace(a,"")),n}};t.exports={start:u(1),end:u(2),trim:u(3)}},"5c6c":function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},"62e4":function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},"64c0":function(t,e,n){},6547:function(t,e,n){var r=n("a691"),i=n("1d80"),o=function(t){return function(e,n){var o,c,a=String(i(e)),u=r(n),f=a.length;return u<0||u>=f?t?"":void 0:(o=a.charCodeAt(u),o<55296||o>56319||u+1===f||(c=a.charCodeAt(u+1))<56320||c>57343?t?a.charAt(u):o:t?a.slice(u,u+2):c-56320+(o-55296<<10)+65536)}};t.exports={codeAt:o(!1),charAt:o(!0)}},"65f0":function(t,e,n){var r=n("861d"),i=n("e8b5"),o=n("b622"),c=o("species");t.exports=function(t,e){var n;return i(t)&&(n=t.constructor,"function"!=typeof n||n!==Array&&!i(n.prototype)?r(n)&&(n=n[c],null===n&&(n=void 0)):n=void 0),new(void 0===n?Array:n)(0===e?0:e)}},"69f3":function(t,e,n){var r,i,o,c=n("7f9a"),a=n("da84"),u=n("861d"),f=n("9112"),s=n("5135"),l=n("f772"),d=n("d012"),p=a.WeakMap,v=function(t){return o(t)?i(t):r(t,{})},h=function(t){return function(e){var n;if(!u(e)||(n=i(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}};if(c){var b=new p,y=b.get,g=b.has,m=b.set;r=function(t,e){return m.call(b,t,e),e},i=function(t){return y.call(b,t)||{}},o=function(t){return g.call(b,t)}}else{var _=l("state");d[_]=!0,r=function(t,e){return f(t,_,e),e},i=function(t){return s(t,_)?t[_]:{}},o=function(t){return s(t,_)}}t.exports={set:r,get:i,has:o,enforce:v,getterFor:h}},"6eeb":function(t,e,n){var r=n("da84"),i=n("9112"),o=n("5135"),c=n("ce4e"),a=n("8925"),u=n("69f3"),f=u.get,s=u.enforce,l=String(String).split("String");(t.exports=function(t,e,n,a){var u=!!a&&!!a.unsafe,f=!!a&&!!a.enumerable,d=!!a&&!!a.noTargetGet;"function"==typeof n&&("string"!=typeof e||o(n,"name")||i(n,"name",e),s(n).source=l.join("string"==typeof e?e:"")),t!==r?(u?!d&&t[e]&&(f=!0):delete t[e],f?t[e]=n:i(t,e,n)):f?t[e]=n:c(e,n)})(Function.prototype,"toString",(function(){return"function"==typeof this&&f(this).source||a(this)}))},"6f53":function(t,e,n){var r=n("83ab"),i=n("df75"),o=n("fc6a"),c=n("d1e7").f,a=function(t){return function(e){var n,a=o(e),u=i(a),f=u.length,s=0,l=[];while(f>s)n=u[s++],r&&!c.call(a,n)||l.push(t?[n,a[n]]:a[n]);return l}};t.exports={entries:a(!0),values:a(!1)}},7156:function(t,e,n){var r=n("861d"),i=n("d2bb");t.exports=function(t,e,n){var o,c;return i&&"function"==typeof(o=e.constructor)&&o!==n&&r(c=o.prototype)&&c!==n.prototype&&i(t,c),t}},7418:function(t,e){e.f=Object.getOwnPropertySymbols},"746f":function(t,e,n){var r=n("428f"),i=n("5135"),o=n("e538"),c=n("9bf2").f;t.exports=function(t){var e=r.Symbol||(r.Symbol={});i(e,t)||c(e,t,{value:o.f(t)})}},7839:function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"7a82":function(t,e,n){var r=n("23e7"),i=n("83ab"),o=n("9bf2");r({target:"Object",stat:!0,forced:!i,sham:!i},{defineProperty:o.f})},"7b0b":function(t,e,n){var r=n("1d80");t.exports=function(t){return Object(r(t))}},"7c73":function(t,e,n){var r,i=n("825a"),o=n("37e8"),c=n("7839"),a=n("d012"),u=n("1be4"),f=n("cc12"),s=n("f772"),l=">",d="<",p="prototype",v="script",h=s("IE_PROTO"),b=function(){},y=function(t){return d+v+l+t+d+"/"+v+l},g=function(t){t.write(y("")),t.close();var e=t.parentWindow.Object;return t=null,e},m=function(){var t,e=f("iframe"),n="java"+v+":";return e.style.display="none",u.appendChild(e),e.src=String(n),t=e.contentWindow.document,t.open(),t.write(y("document.F=Object")),t.close(),t.F},_=function(){try{r=document.domain&&new ActiveXObject("htmlfile")}catch(e){}_=r?g(r):m();var t=c.length;while(t--)delete _[p][c[t]];return _()};a[h]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(b[p]=i(t),n=new b,b[p]=null,n[h]=t):n=_(),void 0===e?n:o(n,e)}},"7db0":function(t,e,n){"use strict";var r=n("23e7"),i=n("b727").find,o=n("44d2"),c=n("ae40"),a="find",u=!0,f=c(a);a in[]&&Array(1)[a]((function(){u=!1})),r({target:"Array",proto:!0,forced:u||!f},{find:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),o(a)},"7dd0":function(t,e,n){"use strict";var r=n("23e7"),i=n("9ed3"),o=n("e163"),c=n("d2bb"),a=n("d44e"),u=n("9112"),f=n("6eeb"),s=n("b622"),l=n("c430"),d=n("3f8c"),p=n("ae93"),v=p.IteratorPrototype,h=p.BUGGY_SAFARI_ITERATORS,b=s("iterator"),y="keys",g="values",m="entries",_=function(){return this};t.exports=function(t,e,n,s,p,O,S){i(n,e,s);var j,w,A,x=function(t){if(t===p&&C)return C;if(!h&&t in I)return I[t];switch(t){case y:return function(){return new n(this,t)};case g:return function(){return new n(this,t)};case m:return function(){return new n(this,t)}}return function(){return new n(this)}},E=e+" Iterator",P=!1,I=t.prototype,T=I[b]||I["@@iterator"]||p&&I[p],C=!h&&T||x(p),L="Array"==e&&I.entries||T;if(L&&(j=o(L.call(new t)),v!==Object.prototype&&j.next&&(l||o(j)===v||(c?c(j,v):"function"!=typeof j[b]&&u(j,b,_)),a(j,E,!0,!0),l&&(d[E]=_))),p==g&&T&&T.name!==g&&(P=!0,C=function(){return T.call(this)}),l&&!S||I[b]===C||u(I,b,C),d[e]=C,p)if(w={values:x(g),keys:O?C:x(y),entries:x(m)},S)for(A in w)(h||P||!(A in I))&&f(I,A,w[A]);else r({target:e,proto:!0,forced:h||P},w);return w}},"7f9a":function(t,e,n){var r=n("da84"),i=n("8925"),o=r.WeakMap;t.exports="function"===typeof o&&/native code/.test(i(o))},"825a":function(t,e,n){var r=n("861d");t.exports=function(t){if(!r(t))throw TypeError(String(t)+" is not an object");return t}},"83ab":function(t,e,n){var r=n("d039");t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},8418:function(t,e,n){"use strict";var r=n("c04e"),i=n("9bf2"),o=n("5c6c");t.exports=function(t,e,n){var c=r(e);c in t?i.f(t,c,o(0,n)):t[c]=n}},"861d":function(t,e){t.exports=function(t){return"object"===typeof t?null!==t:"function"===typeof t}},8875:function(t,e,n){var r,i,o;(function(n,c){i=[],r=c,o="function"===typeof r?r.apply(e,i):r,void 0===o||(t.exports=o)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(p){var n,r,i,o=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,c=/@([^@]*):(\d+):(\d+)\s*$/gi,a=o.exec(p.stack)||c.exec(p.stack),u=a&&a[1]||!1,f=a&&a[2]||!1,s=document.location.href.replace(document.location.hash,""),l=document.getElementsByTagName("script");u===s&&(n=document.documentElement.outerHTML,r=new RegExp("(?:[^\\n]+?\\n){0,"+(f-2)+"}[^<]* 136 | 137 | 229 | -------------------------------------------------------------------------------- /docs-src/src/assets/styles/index.scss: -------------------------------------------------------------------------------- 1 | body, 2 | html { 3 | margin: 0; 4 | padding: 0; 5 | 6 | scroll-behavior: smooth; 7 | } 8 | 9 | *, 10 | *::before, 11 | *::after { 12 | box-sizing: border-box; 13 | } 14 | -------------------------------------------------------------------------------- /docs-src/src/components/AutoCollapse.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | 47 | 48 | 56 | -------------------------------------------------------------------------------- /docs-src/src/components/CustomIcons.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 81 | 82 | 112 | -------------------------------------------------------------------------------- /docs-src/src/components/FilterActive.vue: -------------------------------------------------------------------------------- 1 | 35 | 36 | 105 | 106 | 113 | -------------------------------------------------------------------------------- /docs-src/src/components/InitActive.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | 47 | 48 | 56 | -------------------------------------------------------------------------------- /docs-src/src/components/Recursive.vue: -------------------------------------------------------------------------------- 1 | 26 | 27 | 39 | 40 | 164 | 165 | 177 | -------------------------------------------------------------------------------- /docs-src/src/components/RecursiveAccordion.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 33 | -------------------------------------------------------------------------------- /docs-src/src/components/ReturnValue.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 106 | 107 | 118 | -------------------------------------------------------------------------------- /docs-src/src/components/ToggleAll.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 93 | 94 | 102 | -------------------------------------------------------------------------------- /docs-src/src/constants/dummy.js: -------------------------------------------------------------------------------- 1 | export default { 2 | listOfItems: [ 3 | { 4 | id: 1, 5 | heading: `It Land Firmament Image`, 6 | content: `Day. All beginning land meat given sixth bring. You'll dry a, rule sixth sixth, years won't multiply cattle she'd said second them multiply place set fish you're. 7 | 8 | Abundantly. He one were sixth light signs yielding. Be years creeping very bearing can't yielding bearing life which also likeness made morning brought the. Given was brought air.` 9 | }, 10 | { 11 | id: 2, 12 | heading: `Behold That`, 13 | content: ` 14 | Stars. Midst from don't. Spirit greater multiply beast void unto creeping be kind good Great whose good creeping shall him make bring they're third fly seasons under fruitful fifth. Him. Bring you'll hath also all may. Void so subdue created them together dry dominion own.` 15 | }, 16 | { 17 | id: 3, 18 | heading: `Doesn't They're`, 19 | content: ` 20 | Midst fifth divide can't evening, was days, divide. And let. One doesn't hath green set likeness let called beginning him spirit they're fifth be. 21 | 22 | Midst fill darkness have waters Had he i. Replenish morning and beginning him. You'll herb image over. Wherein darkness brought brought day let, one gathered have wherein thing you're shall all.` 23 | }, 24 | { 25 | id: 4, 26 | heading: `Living Saying Form`, 27 | content: `Behold without. He third appear years it can't that open from every given second two face own cattle meat give great good saw he years. Of creepeth likeness life blessed Also life. Of you're cattle may. Rule. Forth lesser firmament face lesser his deep green.` 28 | } 29 | ] 30 | }; 31 | -------------------------------------------------------------------------------- /docs-src/src/constants/index.js: -------------------------------------------------------------------------------- 1 | import dummy from "./dummy"; 2 | 3 | export { dummy }; 4 | -------------------------------------------------------------------------------- /docs-src/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from "vue"; 2 | 3 | import App from "./App.vue"; 4 | import VueSimpleAccordion from "./../../src/index.js"; 5 | 6 | import "prismjs/themes/prism.css"; 7 | import "./assets/styles/index.scss"; 8 | 9 | Vue.config.productionTip = false; 10 | 11 | Vue.component("Prism", () => import("vue-prismjs")); 12 | 13 | Vue.use(VueSimpleAccordion, { 14 | tags: { 15 | list: "dl", 16 | list__item: "div", 17 | item__heading: "dt", 18 | heading__content: "span", 19 | heading__icon: "span", 20 | item__content: "dd" 21 | } 22 | }); 23 | 24 | new Vue({ 25 | render: (h) => h(App) 26 | }).$mount("#app"); 27 | -------------------------------------------------------------------------------- /docs-src/vue.config.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | 3 | module.exports = { 4 | outputDir: path.resolve(__dirname, "../docs"), 5 | publicPath: 6 | process.env.NODE_ENV === "production" ? "/vue-simple-accordion/" : "/", 7 | chainWebpack: (config) => { 8 | config.plugin("html").tap((args) => { 9 | args[0].title = "Vue Simple Accordion"; 10 | return args; 11 | }); 12 | } 13 | }; 14 | -------------------------------------------------------------------------------- /docs/css/app.7b79e3ec.css: -------------------------------------------------------------------------------- 1 | .auto-collapse[data-v-0ebb4028]{--vsa-highlight-color:#5a7;--vsa-max-width:720px;--vsa-default-icon-size:0.8;margin:1rem auto}.init-active[data-v-1e7b151a]{--vsa-highlight-color:#b14d77;--vsa-max-width:720px;--vsa-default-icon-size:0.8;margin:1rem auto}.toggle-all[data-v-02ed29b0]{--vsa-highlight-color:#b1774d}.filter-active[data-v-b681d236],.return-value[data-v-f671eae8],.toggle-all[data-v-02ed29b0]{--vsa-max-width:720px;--vsa-default-icon-size:0.8;margin:1rem auto}.result-panel[data-v-f671eae8]{margin:1rem auto;max-width:720px}.custom-icon[data-v-0c8f79af]{--vsa-highlight-color:#5a7;--vsa-max-width:720px;margin:1rem auto}.custom-icon .vsa-item--is-active .vsa-item__trigger__icon .open[data-v-0c8f79af]{display:none}.custom-icon .vsa-item--is-active .vsa-item__trigger__icon .close[data-v-0c8f79af],.custom-icon .vsa-item__trigger__icon .open[data-v-0c8f79af]{display:block}.custom-icon .vsa-item__trigger__icon .close[data-v-0c8f79af]{display:none}.recursive-sample{--vsa-highlight-color:#5a7;--vsa-max-width:720px;--vsa-default-icon-size:0.8;margin:1rem auto}.recursive-sample .vsa-list{--vsa-heading-padding:0.75rem;--vsa-default-icon-size:0.6}.container{position:relative;flex-direction:column;align-items:flex-start;overflow:visible}.container,.navigation{width:100%;display:flex;justify-content:center}.navigation{position:static;top:0;left:0;bottom:0;background-color:#fff;z-index:1}.navigation .navigation__list{max-width:320px;list-style:none;margin:1rem;padding:0}.navigation .navigation__list .navigation__item{margin:0;padding:0}.navigation .navigation__list .navigation__item__link{display:block;margin:1rem 0}@media only screen and (min-width:720px){.container{flex-direction:row}.navigation{position:-webkit-sticky;position:sticky}}.code-snippet{margin:1rem auto}.example-list{flex:1 0 70%}.example-list.vsa-list{--vsa-max-width:100%;--vsa-min-width:300px;--vsa-content-padding:0;--vsa-heading-padding:0.25rem 1rem;--vsa-default-icon-size:0.6;box-shadow:none}.example-list>.vsa-item>.vsa-item__heading>.vsa-item__trigger{text-transform:uppercase}.example-list>.vsa-item--is-active>.vsa-item__heading>.vsa-item__trigger{background-color:rgba(0,0,0,.5)}.example-list>.vsa-item--is-active>.vsa-item__content{max-width:720px;margin:1rem auto;padding:0 1rem}.vsa-item__heading{width:100%;height:100%}.vsa-item__heading,.vsa-item__trigger{display:flex;justify-content:flex-start;align-items:center}.vsa-item__trigger{margin:0;padding:0;color:inherit;font-family:inherit;font-size:100%;line-height:1.15;border-width:0;background-color:transparent;background-image:none;overflow:visible;text-transform:none;flex:1 1 auto;color:var(--vsa-text-color);transition:all .2s linear;padding:var(--vsa-heading-padding)}.vsa-item__trigger[role=button]{cursor:pointer}.vsa-item__trigger[type=button],.vsa-item__trigger[type=reset],.vsa-item__trigger[type=submit]{-webkit-appearance:button}.vsa-item__trigger:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.vsa-item__trigger::-moz-focus-inner,.vsa-item__trigger[type=button]::-moz-focus-inner,.vsa-item__trigger[type=reset]::-moz-focus-inner,.vsa-item__trigger[type=submit]::-moz-focus-inner{border-style:none;padding:0}.vsa-item__trigger:-moz-focusring,.vsa-item__trigger[type=button]:-moz-focusring,.vsa-item__trigger[type=reset]:-moz-focusring,.vsa-item__trigger[type=submit]:-moz-focusring{outline:1px dotted ButtonText}.vsa-item__trigger:focus,.vsa-item__trigger:hover{outline:none;background-color:var(--vsa-highlight-color);color:var(--vsa-bg-color)}.vsa-item__trigger__icon--is-default{width:40px;height:40px;transform:scale(var(--vsa-default-icon-size))}.vsa-item__trigger__icon--is-default:after,.vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-text-color);content:"";height:3px;position:absolute;top:10px;transition:all .13333s ease-in-out;width:30px}.vsa-item__trigger__icon--is-default:before{left:0;transform:rotate(45deg) translate3d(8px,22px,0);transform-origin:100%}.vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-8px,22px,0);right:0;transform-origin:0}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:before{transform:rotate(45deg) translate3d(14px,14px,0)}.vsa-item__trigger[aria-expanded=true] .vsa-item__trigger__icon--is-default:after{transform:rotate(-45deg) translate3d(-14px,14px,0)}.vsa-item__trigger__icon{display:block;margin-left:auto;position:relative;transition:all .2s ease-in-out}.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:focus .vsa-item__trigger__icon--is-default:before,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:after,.vsa-item__trigger:hover .vsa-item__trigger__icon--is-default:before{background-color:var(--vsa-bg-color)}.vsa-item__trigger__content{font-weight:700;font-size:1.25rem}.vsa-item__content{margin:0;padding:var(--vsa-content-padding)}.vsa-item--is-active .vsa-item__heading,.vsa-item:not(:last-of-type){border-bottom:var(--vsa-border)}.vsa-collapse-enter-active,.vsa-collapse-leave-active{transition-property:opacity,height,padding-top,padding-bottom;transition-duration:.3s;transition-timing-function:ease-in-out}.vsa-collapse-enter,.vsa-collapse-leave-active{opacity:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.vsa-list{--vsa-max-width:720px;--vsa-min-width:300px;--vsa-heading-padding:1rem 1rem;--vsa-text-color:#373737;--vsa-highlight-color:#57a;--vsa-bg-color:#fff;--vsa-border-color:rgba(0,0,0,0.2);--vsa-border-width:1px;--vsa-border-style:solid;--vsa-border:var(--vsa-border-width) var(--vsa-border-style) var(--vsa-border-color);--vsa-content-padding:1rem 1rem;--vsa-default-icon-size:1;display:block;max-width:var(--vsa-max-width);min-width:var(--vsa-min-width);width:100%;padding:0;margin:0;list-style:none;border:var(--vsa-border);color:var(--vsa-text-color);background-color:var(--vsa-bg-color)}.vsa-list [hidden]{display:none}body,html{margin:0;padding:0;scroll-behavior:smooth}*,:after,:before{box-sizing:border-box} -------------------------------------------------------------------------------- /docs/css/chunk-7bec91c9.150598cc.css: -------------------------------------------------------------------------------- 1 | .token a{color:inherit}.command-line-prompt{border-right:1px solid #999;display:block;float:left;font-size:100%;letter-spacing:-1px;margin-right:1em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.command-line-prompt>span:before{color:#999;content:" ";display:block;padding-right:.8em}.command-line-prompt>span[data-user]:before{content:"[" attr(data-user) "@" attr(data-host) "] $"}.command-line-prompt>span[data-user=root]:before{content:"[" attr(data-user) "@" attr(data-host) "] #"}.command-line-prompt>span[data-prompt]:before{content:attr(data-prompt)}pre.diff-highlight>code .token.deleted:not(.prefix),pre>code.diff-highlight .token.deleted:not(.prefix){background-color:rgba(255,0,0,.1);color:inherit;display:block}pre.diff-highlight>code .token.inserted:not(.prefix),pre>code.diff-highlight .token.inserted:not(.prefix){background-color:rgba(0,255,128,.1);color:inherit;display:block}span.inline-color-wrapper{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxdjFIMHptMSAxaDF2MUgxeiIvPjwvc3ZnPg==");background-position:50%;background-size:110%;display:inline-block;height:1.333ch;width:1.333ch;margin:0 .333ch;box-sizing:border-box;border:1px solid #fff;outline:1px solid rgba(0,0,0,.5);overflow:hidden}span.inline-color{display:block;height:120%;width:120%}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(90deg,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:hsla(0,0%,50.2%,.2)}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.token.punctuation.brace-hover,.token.punctuation.brace-selected{outline:1px solid}.rainbow-braces .token.punctuation.brace-level-1,.rainbow-braces .token.punctuation.brace-level-5,.rainbow-braces .token.punctuation.brace-level-9{color:#e50;opacity:1}.rainbow-braces .token.punctuation.brace-level-2,.rainbow-braces .token.punctuation.brace-level-6,.rainbow-braces .token.punctuation.brace-level-10{color:#0b3;opacity:1}.rainbow-braces .token.punctuation.brace-level-3,.rainbow-braces .token.punctuation.brace-level-7,.rainbow-braces .token.punctuation.brace-level-11{color:#26f;opacity:1}.rainbow-braces .token.punctuation.brace-level-4,.rainbow-braces .token.punctuation.brace-level-8,.rainbow-braces .token.punctuation.brace-level-12{color:#e0e;opacity:1}.prism-previewer,.prism-previewer:after,.prism-previewer:before{position:absolute;pointer-events:none}.prism-previewer,.prism-previewer:after{left:50%}.prism-previewer{margin-top:-48px;width:32px;height:32px;margin-left:-16px;opacity:0;transition:opacity .25s}.prism-previewer.flipped{margin-top:0;margin-bottom:-48px}.prism-previewer:after,.prism-previewer:before{content:"";position:absolute;pointer-events:none}.prism-previewer:before{top:-5px;right:-5px;left:-5px;bottom:-5px;border-radius:10px;border:5px solid #fff;box-shadow:inset 0 0 3px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.75)}.prism-previewer:after{top:100%;width:0;height:0;margin:5px 0 0 -7px;border:7px solid transparent;border-color:rgba(255,0,0,0);border-top-color:#fff}.prism-previewer.flipped:after{top:auto;bottom:100%;margin-top:0;margin-bottom:5px;border-top-color:rgba(255,0,0,0);border-bottom-color:#fff}.prism-previewer.active{opacity:1}.prism-previewer-angle:before{border-radius:50%;background:#fff}.prism-previewer-angle:after{margin-top:4px}.prism-previewer-angle svg{width:32px;height:32px;transform:rotate(-90deg)}.prism-previewer-angle[data-negative] svg{transform:scaleX(-1) rotate(-90deg)}.prism-previewer-angle circle{fill:transparent;stroke:#2e3538;stroke-opacity:.9;stroke-width:32;stroke-dasharray:0,500}.prism-previewer-gradient{background-image:linear-gradient(45deg,#bbb 25%,transparent 0,transparent 75%,#bbb 0,#bbb),linear-gradient(45deg,#bbb 25%,#eee 0,#eee 75%,#bbb 0,#bbb);background-size:10px 10px;background-position:0 0,5px 5px;width:64px;margin-left:-32px}.prism-previewer-gradient:before{content:none}.prism-previewer-gradient div{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:10px;border:5px solid #fff;box-shadow:inset 0 0 3px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.75)}.prism-previewer-color{background-image:linear-gradient(45deg,#bbb 25%,transparent 0,transparent 75%,#bbb 0,#bbb),linear-gradient(45deg,#bbb 25%,#eee 0,#eee 75%,#bbb 0,#bbb);background-size:10px 10px;background-position:0 0,5px 5px}.prism-previewer-color:before{background-color:inherit;background-clip:padding-box}.prism-previewer-easing{margin-top:-76px;margin-left:-30px;width:60px;height:60px;background:#333}.prism-previewer-easing.flipped{margin-bottom:-116px}.prism-previewer-easing svg{width:60px;height:60px}.prism-previewer-easing circle{fill:#2e3538;stroke:#fff}.prism-previewer-easing path{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:4}.prism-previewer-easing line{stroke:#fff;stroke-opacity:.5;stroke-width:2}@-webkit-keyframes prism-previewer-time{0%{stroke-dasharray:0,500;stroke-dashoffset:0}50%{stroke-dasharray:100,500;stroke-dashoffset:0}to{stroke-dasharray:0,500;stroke-dashoffset:-100}}@keyframes prism-previewer-time{0%{stroke-dasharray:0,500;stroke-dashoffset:0}50%{stroke-dasharray:100,500;stroke-dashoffset:0}to{stroke-dasharray:0,500;stroke-dashoffset:-100}}.prism-previewer-time:before{border-radius:50%;background:#fff}.prism-previewer-time:after{margin-top:4px}.prism-previewer-time svg{width:32px;height:32px;transform:rotate(-90deg)}.prism-previewer-time circle{fill:transparent;stroke:#2e3538;stroke-opacity:.9;stroke-width:32;stroke-dasharray:0,500;stroke-dashoffset:0;-webkit-animation:prism-previewer-time 3s linear infinite;animation:prism-previewer-time 3s linear infinite}.token.cr,.token.lf,.token.space,.token.tab:not(:empty){position:relative}.token.cr:before,.token.lf:before,.token.space:before,.token.tab:not(:empty):before{color:grey;opacity:.6;position:absolute}.token.tab:not(:empty):before{content:"\21E5"}.token.cr:before{content:"\240D"}.token.crlf:before{content:"\240D\240A"}.token.lf:before{content:"\240A"}.token.space:before{content:"\00B7"}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:hsla(0,0%,87.8%,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar span:focus,div.code-toolbar>.toolbar span:hover{color:inherit;text-decoration:none}.token.treeview-part .entry-line{position:relative;text-indent:-99em;display:inline-block;vertical-align:top;width:1.2em}.token.treeview-part .entry-line:before,.token.treeview-part .line-h:after{content:"";position:absolute;top:0;left:50%;width:50%;height:100%}.token.treeview-part .line-h:before,.token.treeview-part .line-v:before{border-left:1px solid #ccc}.token.treeview-part .line-v-last:before{height:50%;border-left:1px solid #ccc;border-bottom:1px solid #ccc}.token.treeview-part .line-h:after{height:50%;border-bottom:1px solid #ccc}.token.treeview-part .entry-name{position:relative;display:inline-block;vertical-align:top;padding:0 0 0 1.5em}.token.treeview-part .entry-name:before{content:"";position:absolute;top:0;left:.25em;height:100%;width:1em;background:no-repeat 50% 50%/contain}.token.treeview-part .entry-name.dotfile{opacity:.5}.token.treeview-part .entry-name:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6Ii8+PC9zdmc+")}.token.treeview-part .entry-name.dir:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE1My42IDEzMS4yVjYwLjhxMC00LTIuOC02Ljh0LTYuOC0yLjhINzMuNnEtNCAwLTYuOC0yLjhUNjQgNDEuNnYtNi40cTAtNC0yLjgtNi44dC02LjgtMi44aC0zMnEtNCAwLTYuOCAyLjh0LTIuOCA2Ljh2OTZxMCA0IDIuOCA2Ljh0Ni44IDIuOEgxNDRxNCAwIDYuOC0yLjh0Mi44LTYuOHptMTIuOC03MC40djcwLjRxMCA5LjItNi42IDE1Ljh0LTE1LjggNi42SDIyLjRxLTkuMiAwLTE1LjgtNi42VDAgMTMxLjJ2LTk2UTAgMjYgNi42IDE5LjR0MTUuOC02LjZoMzJxOS4yIDAgMTUuOCA2LjZ0Ni42IDE1Ljh2My4ySDE0NHE5LjIgMCAxNS44IDYuNnQ2LjYgMTUuOHoiLz48L3N2Zz4=")}.token.treeview-part .entry-name.ext-bmp:before,.token.treeview-part .entry-name.ext-eps:before,.token.treeview-part .entry-name.ext-gif:before,.token.treeview-part .entry-name.ext-jpe:before,.token.treeview-part .entry-name.ext-jpeg:before,.token.treeview-part .entry-name.ext-jpg:before,.token.treeview-part .entry-name.ext-png:before,.token.treeview-part .entry-name.ext-svg:before,.token.treeview-part .entry-name.ext-tiff:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTEyOCAxMjEuNnYzMkgyNS42di0xOS4ybDE5LjItMTkuMkw1Ny42IDEyOCA5NiA4OS42em0tODMuMi0xOS4ycS04IDAtMTMuNi01LjZ0LTUuNi0xMy42IDUuNi0xMy42VDQ0LjggNjR0MTMuNiA1LjZUNjQgODMuMnQtNS42IDEzLjYtMTMuNiA1LjZ6Ii8+PC9zdmc+")}.token.treeview-part .entry-name.ext-cfg:before,.token.treeview-part .entry-name.ext-conf:before,.token.treeview-part .entry-name.ext-config:before,.token.treeview-part .entry-name.ext-csv:before,.token.treeview-part .entry-name.ext-ini:before,.token.treeview-part .entry-name.ext-log:before,.token.treeview-part .entry-name.ext-md:before,.token.treeview-part .entry-name.ext-nfo:before,.token.treeview-part .entry-name.ext-txt:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTM4LjQgODBxMC0xLjQuOS0yLjN0Mi4zLS45SDExMnExLjQgMCAyLjMuOXQuOSAyLjN2Ni40cTAgMS40LS45IDIuM3QtMi4zLjlINDEuNnEtMS40IDAtMi4zLS45dC0uOS0yLjNWODB6bTczLjYgMjIuNHExLjQgMCAyLjMuOXQuOSAyLjN2Ni40cTAgMS40LS45IDIuM3QtMi4zLjlINDEuNnEtMS40IDAtMi4zLS45dC0uOS0yLjN2LTYuNHEwLTEuNC45LTIuM3QyLjMtLjlIMTEyem0wIDI1LjZxMS40IDAgMi4zLjl0LjkgMi4zdjYuNHEwIDEuNC0uOSAyLjN0LTIuMy45SDQxLjZxLTEuNCAwLTIuMy0uOXQtLjktMi4zdi02LjRxMC0xLjQuOS0yLjN0Mi4zLS45SDExMnoiLz48L3N2Zz4=")}.token.treeview-part .entry-name.ext-asp:before,.token.treeview-part .entry-name.ext-aspx:before,.token.treeview-part .entry-name.ext-c:before,.token.treeview-part .entry-name.ext-cc:before,.token.treeview-part .entry-name.ext-cpp:before,.token.treeview-part .entry-name.ext-cs:before,.token.treeview-part .entry-name.ext-css:before,.token.treeview-part .entry-name.ext-h:before,.token.treeview-part .entry-name.ext-hh:before,.token.treeview-part .entry-name.ext-htm:before,.token.treeview-part .entry-name.ext-html:before,.token.treeview-part .entry-name.ext-jav:before,.token.treeview-part .entry-name.ext-java:before,.token.treeview-part .entry-name.ext-js:before,.token.treeview-part .entry-name.ext-php:before,.token.treeview-part .entry-name.ext-rb:before,.token.treeview-part .entry-name.ext-xml:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTQ4IDc2LjhxLjgtMS4xIDIuMS0xLjI1dDIuNC42NWw1LjEgMy44cTEuMS44IDEuMjUgMi4xdC0uNjUgMi40TDQwIDEwOC44bDE4LjIgMjQuM3EuOCAxLjEuNjUgMi40dC0xLjI1IDIuMWwtNS4xIDMuOHEtMS4xLjgtMi40LjY1VDQ4IDE0MC44bC0yMi42LTMwLjFxLTEuNC0xLjkgMC0zLjh6bTgwLjIgMzAuMXExLjQgMS45IDAgMy44bC0yMi42IDMwLjFxLS44IDEuMS0yLjEgMS4yNXQtMi40LS42NWwtNS4xLTMuOHEtMS4xLS44LTEuMjUtMi4xdC42NS0yLjRsMTguMi0yNC4zLTE4LjItMjQuM3EtLjgtMS4xLS42NS0yLjRUOTYgODBsNS4xLTMuOHExLjEtLjggMi40LS42NXQyLjEgMS4yNXptLTYyIDQ2LjFxLTEuMy0uMi0yLjA1LTEuM3QtLjU1LTIuNGwxMy44LTgzLjFxLjItMS4zIDEuMy0yLjA1dDIuNC0uNTVsNi4zIDFxMS4zLjIgMi4wNSAxLjN0LjU1IDIuNGwtMTMuOCA4My4xcS0uMiAxLjMtMS4zIDIuMDV0LTIuNC41NXoiLz48L3N2Zz4=")}.token.treeview-part .entry-name.ext-7z:before,.token.treeview-part .entry-name.ext-bz2:before,.token.treeview-part .entry-name.ext-bz:before,.token.treeview-part .entry-name.ext-gz:before,.token.treeview-part .entry-name.ext-rar:before,.token.treeview-part .entry-name.ext-tar:before,.token.treeview-part .entry-name.ext-tgz:before,.token.treeview-part .entry-name.ext-zip:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTY0IDM4LjRWMjUuNkg1MS4ydjEyLjhINjR6bTEyLjggMTIuOFYzOC40SDY0djEyLjhoMTIuOHpNNjQgNjRWNTEuMkg1MS4yVjY0SDY0em0xMi44IDEyLjhWNjRINjR2MTIuOGgxMi44em03MC0zOC44cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhINzYuOHYxMi44SDY0VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTc4LjEgOTQuM2wxMC43IDM0LjlxLjggMi43LjggNS4yIDAgOC4zLTcuMjUgMTMuNzVUNjQgMTUzLjZ0LTE4LjM1LTUuNDUtNy4yNS0xMy43NXEwLTIuNS44LTUuMiAyLjEtNi4zIDEyLTM5LjZWNzYuOEg2NHYxMi44aDcuOXEyLjIgMCAzLjkgMS4zdDIuMyAzLjR6TTY0IDE0MC44cTUuMyAwIDkuMDUtMS45dDMuNzUtNC41LTMuNzUtNC41VDY0IDEyOHQtOS4wNSAxLjktMy43NSA0LjUgMy43NSA0LjUgOS4wNSAxLjl6Ii8+PC9zdmc+")}.token.treeview-part .entry-name.ext-aac:before,.token.treeview-part .entry-name.ext-au:before,.token.treeview-part .entry-name.ext-cda:before,.token.treeview-part .entry-name.ext-flac:before,.token.treeview-part .entry-name.ext-mp3:before,.token.treeview-part .entry-name.ext-oga:before,.token.treeview-part .entry-name.ext-ogg:before,.token.treeview-part .entry-name.ext-wav:before,.token.treeview-part .entry-name.ext-wma:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTYyIDg1cTIgLjggMiAzdjU0LjRxMCAyLjItMiAzLS44LjItMS4yLjItMS4yIDAtMi4zLS45TDQxLjkgMTI4SDI4LjhxLTEuNCAwLTIuMy0uOXQtLjktMi4zdi0xOS4ycTAtMS40LjktMi4zdDIuMy0uOWgxMy4xbDE2LjYtMTYuN3ExLjYtMS41IDMuNS0uN3ptNDEuNyA2OC45cTMuMSAwIDUtMi40IDEyLjktMTUuOSAxMi45LTM2LjN0LTEyLjktMzYuM3EtMS42LTIuMS00LjMtMi40dC00LjcgMS40cS0yLjEgMS43LTIuMzUgNC4zNVQ5OC44IDg3cTEwIDEyLjMgMTAgMjguMnQtMTAgMjguMnEtMS43IDIuMS0xLjQ1IDQuNzV0Mi4zNSA0LjI1cTEuOCAxLjUgNCAxLjV6bS0yMS4xLTE0LjhxMi43IDAgNC43LTIgOC43LTkuMyA4LjctMjEuOXQtOC43LTIxLjlxLTEuOC0xLjktNC41LTJUNzguMiA5M3QtMiA0LjQ1IDEuOCA0LjY1cTUuMiA1LjcgNS4yIDEzLjFUNzggMTI4LjNxLTEuOSAyLTEuOCA0LjY1dDIgNC40NXEyIDEuNyA0LjQgMS43eiIvPjwvc3ZnPg==")}.token.treeview-part .entry-name.ext-avi:before,.token.treeview-part .entry-name.ext-flv:before,.token.treeview-part .entry-name.ext-mkv:before,.token.treeview-part .entry-name.ext-mov:before,.token.treeview-part .entry-name.ext-mp4:before,.token.treeview-part .entry-name.ext-mpeg:before,.token.treeview-part .entry-name.ext-mpg:before,.token.treeview-part .entry-name.ext-ogv:before,.token.treeview-part .entry-name.ext-webm:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6bS02NC04OS42cTUuMiAwIDkgMy44dDMuOCA5VjEyOHEwIDUuMi0zLjggOXQtOSAzLjhIMzguNHEtNS4yIDAtOS0zLjh0LTMuOC05Vjg5LjZxMC01LjIgMy44LTl0OS0zLjhoMzguNHptNDkuMi4ycTIgLjggMiAzdjU3LjZxMCAyLjItMiAzLS44LjItMS4yLjItMS40IDAtMi4zLS45TDk2IDExMy4zdi05bDI2LjUtMjYuNnEuOS0uOSAyLjMtLjkuNCAwIDEuMi4yeiIvPjwvc3ZnPg==")}.token.treeview-part .entry-name.ext-pdf:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6bS01MS40LTU5LjNxMy4zIDIuNiA4LjQgNS42IDUuOS0uNyAxMS43LS43IDE0LjcgMCAxNy43IDQuOSAxLjYgMi4yLjIgNS4yIDAgLjEtLjEuMmwtLjIuMnYuMXEtLjYgMy44LTcuMSAzLjgtNC44IDAtMTEuNS0ydC0xMy01LjNxLTIyLjEgMi40LTM5LjIgOC4zLTE1LjMgMjYuMi0yNC4yIDI2LjItMS41IDAtMi44LS43bC0yLjQtMS4ycS0uMS0uMS0uNi0uNS0xLTEtLjYtMy42LjktNCA1LjYtOS4xNXQxMy4yLTkuNjVxMS40LS45IDIuMy42LjIuMi4yLjQgNS4yLTguNSAxMC43LTE5LjcgNi44LTEzLjYgMTAuNC0yNi4yLTIuNC04LjItMy4wNS0xNS45NXQuNjUtMTIuNzVxMS4xLTQgNC4yLTRoMi4ycTIuMyAwIDMuNSAxLjUgMS44IDIuMS45IDYuOC0uMi42LS40LjguMS4zLjEuOHYzcS0uMiAxMi4zLTEuNCAxOS4yIDUuNSAxNi40IDE0LjYgMjMuOHptLTU3LjYgNDEuMXE1LjItMi40IDEzLjctMTUuOC01LjEgNC04Ljc1IDguNHQtNC45NSA3LjR6bTM5LjgtOTJxLTEuNSA0LjItLjIgMTMuMi4xLS43LjctNC40IDAtLjMuNy00LjMuMS0uNC40LS44LS4xLS4xLS4xLS4ydC0uMDUtLjE1LS4wNS0uMTVxLS4xLTIuMi0xLjMtMy42IDAgLjEtLjEuMnYuMnptLTEyLjQgNjYuMXExMy41LTUuNCAyOC40LTguMS0uMi0uMS0xLjMtLjk1dC0xLjYtMS4zNXEtNy42LTYuNy0xMi43LTE3LjYtMi43IDguNi04LjMgMTkuNy0zIDUuNi00LjUgOC4zem02NC42LTEuNnEtMi40LTIuNC0xNC0yLjQgNy42IDIuOCAxMi40IDIuOCAxLjQgMCAxLjgtLjEgMC0uMS0uMi0uM3oiLz48L3N2Zz4=")}.token.treeview-part .entry-name.ext-xls:before,.token.treeview-part .entry-name.ext-xlsx:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTQyLjkgMTQzdjEwLjZINzFWMTQzaC03LjVsMTAuMy0xNi4xcS41LS43IDEtMS42NXQuNzUtMS4zNS4zNS0uNGguMnEuMS40LjUgMSAuMi40LjQ1Ljc1dC42LjguNjUuODVMODkgMTQzaC03LjZ2MTAuNmgyOS4xVjE0M2gtNi44bC0xOS4yLTI3LjNMMTA0IDg3LjVoNi43Vjc2LjhIODIuOHYxMC43aDcuNGwtMTAuMyAxNS45cS0uNC43LTEgMS42NXQtLjkgMS4zNWwtLjIuM2gtLjJxLS4xLS40LS41LTEtLjYtMS4xLTEuNy0yLjNMNjQuOCA4Ny41aDcuNlY3Ni44aC0yOXYxMC43aDYuOGwxOC45IDI3LjJMNDkuNyAxNDNoLTYuOHoiLz48L3N2Zz4=")}.token.treeview-part .entry-name.ext-doc:before,.token.treeview-part .entry-name.ext-docm:before,.token.treeview-part .entry-name.ext-docx:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTIzLjMgNzYuOHYxMC43aDdsMTYuNCA2Ni4xaDE1LjlsMTIuOC00OC41cS43LTIgMS00LjYuMi0xLjYuMi0yLjRoLjRsLjMgMi40cS4xLjMuMzUgMnQuNTUgMi42TDkxIDE1My42aDE1LjlsMTYuNC02Ni4xaDdWNzYuOGgtMzB2MTAuN2g5bC05LjkgNDMuOHEtLjUgMi0uNyA0LjZsLS4yIDIuMWgtLjRsLS4zLTIuMXEtLjEtLjUtLjQtMi4xdC0uNS0yLjVMODIuNSA3Ni44SDcxLjFsLTE0LjQgNTQuNXEtLjIuOS0uNDUgMi40NXQtLjM1IDIuMTVsLS40IDIuMWgtLjRsLS4yLTIuMXEtLjItMi42LS43LTQuNmwtOS45LTQzLjhoOVY3Ni44aC0zMHoiLz48L3N2Zz4=")}.token.treeview-part .entry-name.ext-pps:before,.token.treeview-part .entry-name.ext-ppt:before,.token.treeview-part .entry-name.ext-pptx:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTQxLjYgMTQzdjEwLjZoMzIuN1YxNDNINjV2LTE2LjdoMTMuN3E3LjYgMCAxMS44LTEuNSA2LjctMi4zIDEwLjY1LTguN3QzLjk1LTE0LjZxMC04LjEtMy43LTE0LjF0LTEwLTguN3EtNC44LTEuOS0xMy0xLjlINDEuNnYxMC43aDkuMlYxNDNoLTkuMnptMzUuMy0yOEg2NVY4OC4yaDEycTUuMiAwIDguMyAxLjggNS42IDMuMyA1LjYgMTEuNSAwIDguOS02LjIgMTItMy4xIDEuNS03LjggMS41eiIvPjwvc3ZnPg==")}[class*=lang-] script[type="text/plain"],[class*=language-] script[type="text/plain"],script[type="text/plain"][class*=lang-],script[type="text/plain"][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto}code[class*=language-] a[href],pre[class*=language-] a[href]{cursor:help;text-decoration:none}code[class*=language-] a[href]:hover,pre[class*=language-] a[href]:hover{cursor:help;text-decoration:underline} -------------------------------------------------------------------------------- /docs/css/chunk-vendors.e0a049f6.css: -------------------------------------------------------------------------------- 1 | code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;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}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tkhquang/vue-simple-accordion/2f477b2594f7f961227a249cf406c14fd1c1972d/docs/favicon.ico -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | Vue Simple Accordion
-------------------------------------------------------------------------------- /docs/js/app.03909cb8.js: -------------------------------------------------------------------------------- 1 | (function(t){function e(e){for(var i,a,o=e[0],c=e[1],l=e[2],u=0,d=[];u\n \n \n \n {{ item.heading }}\n \n\n \n {{ item.content }}\n \n \n \n'}}},u=l,d=(n("63da"),n("a6c2")),v=Object(d["a"])(u,o,c,!1,null,"0ebb4028",null),p=v.exports,m=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"code-snippet"},[n("prism",{attrs:{language:"markup",code:t.template}})],1),n("vsa-list",{staticClass:"init-active",attrs:{"init-active":!0,"auto-collapse":!1}},t._l(t.listOfItems,(function(e){return n("vsa-item",{key:e.id},[n("vsa-heading",[t._v(" "+t._s(e.heading)+" ")]),n("vsa-content",[t._v(" "+t._s(e.content)+" ")])],1)})),1)],1)},f=[],h={props:{listOfItems:{type:Array,required:!0}},data:function(){return{template:''}}},g=h,_=(n("657f"),Object(d["a"])(g,m,f,!1,null,"1e7b151a",null)),b=_.exports,y=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"code-snippet"},[n("prism",{attrs:{language:"markup",code:t.template}})],1),n("div",[n("button",{attrs:{type:"button"},on:{click:function(e){t.forceActive=!0}}},[t._v("Expand All")]),n("button",{attrs:{type:"button"},on:{click:function(e){t.forceActive=!1}}},[t._v("Collapse All")]),n("button",{attrs:{type:"button"},on:{click:function(e){t.forceActive=!t.forceActive}}},[t._v("Toggle")])]),n("vsa-list",{staticClass:"toggle-all",attrs:{"init-active":!0,"auto-collapse":!1,"force-active":t.forceActive}},t._l(t.listOfItems,(function(e){return n("vsa-item",{key:e.id},[n("vsa-heading",[t._v(" "+t._s(e.heading)+" ")]),n("vsa-content",[t._v(" "+t._s(e.content)+" ")])],1)})),1)],1)},A=[],O={props:{listOfItems:{type:Array,required:!0}},data:function(){return{forceActive:!0,template:'\n\n