├── .eslintignore
├── example
    ├── vue
    │   ├── .eslintignore
    │   ├── babel.config.js
    │   ├── src
    │   │   ├── main.js
    │   │   └── App.vue
    │   └── package.json
    └── nuxt
    │   ├── .prettierrc
    │   ├── static
    │       ├── favicon.ico
    │       └── README.md
    │   ├── jsconfig.json
    │   ├── .editorconfig
    │   ├── pages
    │       ├── README.md
    │       └── index.vue
    │   ├── plugins
    │       ├── twicpics.js
    │       └── README.md
    │   ├── .eslintrc.js
    │   ├── README.md
    │   ├── store
    │       └── README.md
    │   ├── package.json
    │   ├── nuxt.config.js
    │   └── .gitignore
├── jsconfig.json
├── public
    ├── favicon.ico
    └── index.html
├── babel.config.js
├── dist
    ├── demo.html
    ├── vuetwicpics.css
    └── vuetwicpics.umd.min.js
├── .editorconfig
├── src
    ├── main.js
    ├── utils
    │   └── script.js
    └── components
    │   └── TwicImg.vue
├── .gitignore
├── LICENSE
├── package.json
└── README.md


/.eslintignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | 


--------------------------------------------------------------------------------
/example/vue/.eslintignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | 


--------------------------------------------------------------------------------
/example/nuxt/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 |   "singleQuote": true
3 | }
4 | 


--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "include": [
3 |     "./src/**/*"
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/TwicPics/vue/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: ["@vue/cli-plugin-babel/preset"]
3 | };
4 | 


--------------------------------------------------------------------------------
/example/nuxt/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/TwicPics/vue/HEAD/example/nuxt/static/favicon.ico


--------------------------------------------------------------------------------
/example/vue/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/dist/demo.html:
--------------------------------------------------------------------------------
 1 | <meta charset="utf-8">
 2 | <title>vuetwicpics demo</title>
 3 | <script src="./vuetwicpics.umd.js"></script>
 4 | 
 5 | <link rel="stylesheet" href="./vuetwicpics.css">
 6 | 
 7 | 
 8 | <script>
 9 | console.log(vuetwicpics)
10 | </script>
11 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | indent_size = 2
 6 | indent_style = space
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | 
12 | [*.md]
13 | trim_trailing_whitespace = false
14 | 


--------------------------------------------------------------------------------
/example/nuxt/jsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "baseUrl": ".",
 4 |     "paths": {
 5 |       "~/*": ["./*"],
 6 |       "@/*": ["./*"],
 7 |       "~~/*": ["./*"],
 8 |       "@@/*": ["./*"]
 9 |     }
10 |   },
11 |   "exclude": ["node_modules", ".nuxt", "dist"]
12 | }
13 | 


--------------------------------------------------------------------------------
/example/nuxt/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | indent_size = 2
 6 | indent_style = space
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | 
12 | [*.md]
13 | trim_trailing_whitespace = false
14 | 


--------------------------------------------------------------------------------
/example/nuxt/pages/README.md:
--------------------------------------------------------------------------------
1 | # PAGES
2 | 
3 | This directory contains your Application Views and Routes.
4 | The framework reads all the `*.vue` files inside this directory and creates the router of your application.
5 | 
6 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
7 | 


--------------------------------------------------------------------------------
/example/nuxt/plugins/twicpics.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import VueTwicpics from '@twicpics/vue';
 3 | import '@twicpics/vue/dist/vuetwicpics.css';
 4 | 
 5 | Vue.use(VueTwicpics, {
 6 |   domain: 'https://demo.twic.pics',
 7 |   defaultParams: {
 8 |     anticipation: 0.5,
 9 |     maxDpr: 2,
10 |     step: 100,
11 |   },
12 | });
13 | 


--------------------------------------------------------------------------------
/example/nuxt/plugins/README.md:
--------------------------------------------------------------------------------
1 | # PLUGINS
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
6 | 
7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
8 | 


--------------------------------------------------------------------------------
/dist/vuetwicpics.css:
--------------------------------------------------------------------------------
1 | .twic-img{position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;padding-top:100%}.twic-img>img{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.twic-img--fade>img{transition-property:opacity;will-change:opacity;opacity:0}.twic-img--fade>img.twic-done{opacity:1}


--------------------------------------------------------------------------------
/example/nuxt/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     browser: true,
 5 |     node: true,
 6 |   },
 7 |   parserOptions: {
 8 |     parser: 'babel-eslint',
 9 |   },
10 |   extends: [
11 |     '@nuxtjs',
12 |     'prettier',
13 |     'prettier/vue',
14 |     'plugin:prettier/recommended',
15 |     'plugin:nuxt/recommended',
16 |   ],
17 |   plugins: [],
18 |   // add your custom rules here
19 |   rules: {},
20 | }
21 | 


--------------------------------------------------------------------------------
/example/nuxt/README.md:
--------------------------------------------------------------------------------
 1 | # twicpics
 2 | 
 3 | ## Build Setup
 4 | 
 5 | ```bash
 6 | # install dependencies
 7 | $ yarn install
 8 | 
 9 | # serve with hot reload at localhost:3000
10 | $ yarn dev
11 | 
12 | # build for production and launch server
13 | $ yarn build
14 | $ yarn start
15 | 
16 | # generate static project
17 | $ yarn generate
18 | ```
19 | 
20 | For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
21 | 


--------------------------------------------------------------------------------
/example/nuxt/store/README.md:
--------------------------------------------------------------------------------
 1 | # STORE
 2 | 
 3 | **This directory is not required, you can delete it if you don't want to use it.**
 4 | 
 5 | This directory contains your Vuex Store files.
 6 | Vuex Store option is implemented in the Nuxt.js framework.
 7 | 
 8 | Creating a file in this directory automatically activates the option in the framework.
 9 | 
10 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
11 | 


--------------------------------------------------------------------------------
/example/vue/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from "vue";
 2 | import App from "./App.vue";
 3 | 
 4 | import VueTwicpics from "@twicpics/vue";
 5 | import "@twicpics/vue/dist/vuetwicpics.css";
 6 | Vue.use(VueTwicpics, {
 7 |   domain: "https://demo.twic.pics",
 8 |   defaultParams: {
 9 |     anticipation: 0.5,
10 |     maxDpr: 2,
11 |     step: 100
12 |   }
13 | });
14 | 
15 | Vue.config.productionTip = false;
16 | 
17 | new Vue({
18 |   render: h => h(App)
19 | }).$mount("#app");
20 | 


--------------------------------------------------------------------------------
/example/nuxt/static/README.md:
--------------------------------------------------------------------------------
 1 | # STATIC
 2 | 
 3 | **This directory is not required, you can delete it if you don't want to use it.**
 4 | 
 5 | This directory contains your static files.
 6 | Each file inside this directory is mapped to `/`.
 7 | Thus you'd want to delete this README.md before deploying to production.
 8 | 
 9 | Example: `/static/robots.txt` is mapped as `/robots.txt`.
10 | 
11 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
12 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import TwicImg from "./components/TwicImg.vue";
 2 | import script from "./utils/script";
 3 | 
 4 | const VueTwicpics = {
 5 |   install(Vue, options) {
 6 |     Vue.component("twic-img", TwicImg);
 7 | 
 8 |     if (typeof window !== "undefined") {
 9 |       Vue.use(script);
10 |       Vue.script({
11 |         domain: options.domain,
12 |         params: options.defaultParams
13 |       });
14 |     }
15 | 
16 |     Vue.prototype.$params = options.defaultParams;
17 |     Vue.prototype.$domain = options.domain;
18 |     Vue.prototype.$twicClass = "twic";
19 |   }
20 | };
21 | 
22 | export default VueTwicpics;
23 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | lerna-debug.log*
 8 | 
 9 | # Diagnostic reports (https://nodejs.org/api/report.html)
10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
11 | 
12 | # Dependency directories
13 | node_modules/
14 | jspm_packages/
15 | 
16 | # TypeScript v1 declaration files
17 | typings/
18 | 
19 | # TypeScript cache
20 | *.tsbuildinfo
21 | 
22 | # Optional npm cache directory
23 | .npm
24 | 
25 | # Optional eslint cache
26 | .eslintcache
27 | 
28 | # Optional REPL history
29 | .node_repl_history
30 | 
31 | # Output of 'npm pack'
32 | *.tgz
33 | 
34 | # Yarn Integrity file
35 | .yarn-integrity
36 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title><%= htmlWebpackPlugin.options.title %></title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/example/nuxt/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <main>
 3 |     <twic-img src="https://assets.twicpics.com/examples/football.jpg" />
 4 |     <twic-img
 5 |       src="/football.jpg"
 6 |       ratio="16/9"
 7 |       step="100"
 8 |       placeholder="meancolor"
 9 |     />
10 |     <twic-img
11 |       src="/football.jpg"
12 |       step="100"
13 |       focus="auto"
14 |       width="500"
15 |       height="800"
16 |       placeholder="none"
17 |     />
18 |   </main>
19 | </template>
20 | 
21 | <script>
22 | export default {};
23 | </script>
24 | 
25 | <style>
26 | body {
27 |   background-color: #342d4e;
28 | }
29 | 
30 | main {
31 |   display: grid;
32 |   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
33 |   grid-gap: 1rem;
34 |   max-width: 1280px;
35 |   margin: auto;
36 | }
37 | 
38 | .twic-img {
39 |   align-self: start;
40 | }
41 | </style>
42 | 


--------------------------------------------------------------------------------
/example/nuxt/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "twicpics",
 3 |   "version": "1.0.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "nuxt",
 7 |     "build": "nuxt build",
 8 |     "start": "nuxt start",
 9 |     "generate": "nuxt generate",
10 |     "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
11 |     "lint": "yarn lint:js"
12 |   },
13 |   "dependencies": {
14 |     "core-js": "^3.8.3",
15 |     "nuxt": "^2.15.0",
16 |     "@twicpics/vue": "link:../../"
17 |   },
18 |   "devDependencies": {
19 |     "@nuxtjs/eslint-config": "^5.0.0",
20 |     "@nuxtjs/eslint-module": "^3.0.2",
21 |     "babel-eslint": "^10.1.0",
22 |     "eslint": "^7.18.0",
23 |     "eslint-config-prettier": "^7.2.0",
24 |     "eslint-plugin-nuxt": "^2.0.0",
25 |     "eslint-plugin-prettier": "^3.3.1",
26 |     "eslint-plugin-vue": "^7.5.0",
27 |     "prettier": "^2.2.1"
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/example/vue/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <main>
 3 |     <twic-img src="https://assets.twicpics.com/examples/football.jpg" />
 4 |     <twic-img
 5 |       src="football.jpg"
 6 |       ratio="16/9"
 7 |       step="100"
 8 |       placeholder="meancolor"
 9 |     />
10 |     <twic-img
11 |       src="/football.jpg"
12 |       alt="custom alt attribute"
13 |       step="100"
14 |       focus="auto"
15 |       width="500"
16 |       height="800"
17 |       placeholder="none"
18 |     />
19 |   </main>
20 | </template>
21 | 
22 | <script>
23 | export default {
24 |   name: "App"
25 | };
26 | </script>
27 | 
28 | <style>
29 | body {
30 |   background-color: #342d4e;
31 | }
32 | 
33 | main {
34 |   display: grid;
35 |   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
36 |   grid-gap: 1rem;
37 |   max-width: 1280px;
38 |   margin: auto;
39 | }
40 | 
41 | .twic-img {
42 |   align-self: start;
43 | }
44 | </style>
45 | 


--------------------------------------------------------------------------------
/src/utils/script.js:
--------------------------------------------------------------------------------
 1 | const Script = {
 2 |   install: function (Vue) {
 3 |     Vue.script = function ({ domain, params }) {
 4 |       const domainUrl = `${domain}/?v1`;
 5 |       if (!document.querySelector('script[src="' + domainUrl + '"]')) {
 6 |         const el = document.createElement("script");
 7 |         const defaultParams =
 8 |           params &&
 9 |           Object.entries(params)
10 |             .map(([key, value]) => {
11 |               if (key === "maxDpr") return `&max-dpr=${value}`;
12 |               else return `&${key}=${value}`;
13 |             })
14 |             .join("");
15 | 
16 |         el.src = params ? domainUrl + defaultParams : domainUrl;
17 | 
18 |         const link = document.createElement("link");
19 |         link.setAttribute("rel", "preconnect");
20 |         link.setAttribute("href", domain);
21 | 
22 |         document.head.appendChild(link);
23 |         document.head.appendChild(el);
24 |       }
25 |     };
26 |   },
27 | };
28 | export default Script;
29 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 TwicPics
 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 | 


--------------------------------------------------------------------------------
/example/vue/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-and-twicpics",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "core-js": "^3.6.5",
12 |     "vue": "^2.6.11",
13 |     "vue-plugin-load-script": "^1.3.2",
14 |     "@twicpics/vue": "link:../../"
15 |   },
16 |   "devDependencies": {
17 |     "@vue/cli-plugin-babel": "~4.5.0",
18 |     "@vue/cli-plugin-eslint": "~4.5.0",
19 |     "@vue/cli-service": "~4.5.0",
20 |     "babel-eslint": "^10.1.0",
21 |     "eslint": "^6.7.2",
22 |     "eslint-plugin-vue": "^6.2.2",
23 |     "vue-template-compiler": "^2.6.11"
24 |   },
25 |   "eslintConfig": {
26 |     "root": true,
27 |     "env": {
28 |       "node": true
29 |     },
30 |     "extends": [
31 |       "plugin:vue/recommended",
32 |       "eslint:recommended"
33 |     ],
34 |     "parserOptions": {
35 |       "parser": "babel-eslint"
36 |     },
37 |     "rules": {}
38 |   },
39 |   "browserslist": [
40 |     "> 1%",
41 |     "last 2 versions",
42 |     "not dead"
43 |   ]
44 | }
45 | 


--------------------------------------------------------------------------------
/example/nuxt/nuxt.config.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   // Global page headers: https://go.nuxtjs.dev/config-head
 3 |   head: {
 4 |     title: 'twicpics',
 5 |     htmlAttrs: {
 6 |       lang: 'en',
 7 |     },
 8 |     meta: [
 9 |       { charset: 'utf-8' },
10 |       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
11 |       { hid: 'description', name: 'description', content: '' },
12 |     ],
13 |     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
14 |   },
15 | 
16 |   // Global CSS: https://go.nuxtjs.dev/config-css
17 |   css: [],
18 | 
19 |   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
20 |   plugins: [{ src: '~plugins/twicpics.js' }],
21 | 
22 |   // Auto import components: https://go.nuxtjs.dev/config-components
23 |   components: true,
24 | 
25 |   // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
26 |   buildModules: [
27 |     // https://go.nuxtjs.dev/eslint
28 |     '@nuxtjs/eslint-module',
29 |   ],
30 | 
31 |   // Modules: https://go.nuxtjs.dev/config-modules
32 |   modules: [],
33 | 
34 |   // Build Configuration: https://go.nuxtjs.dev/config-build
35 |   build: {},
36 | };
37 | 


--------------------------------------------------------------------------------
/example/nuxt/.gitignore:
--------------------------------------------------------------------------------
 1 | # Created by .ignore support plugin (hsz.mobi)
 2 | ### Node template
 3 | # Logs
 4 | /logs
 5 | *.log
 6 | npm-debug.log*
 7 | yarn-debug.log*
 8 | yarn-error.log*
 9 | 
10 | # Runtime data
11 | pids
12 | *.pid
13 | *.seed
14 | *.pid.lock
15 | 
16 | # Directory for instrumented libs generated by jscoverage/JSCover
17 | lib-cov
18 | 
19 | # Coverage directory used by tools like istanbul
20 | coverage
21 | 
22 | # nyc test coverage
23 | .nyc_output
24 | 
25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26 | .grunt
27 | 
28 | # Bower dependency directory (https://bower.io/)
29 | bower_components
30 | 
31 | # node-waf configuration
32 | .lock-wscript
33 | 
34 | # Compiled binary addons (https://nodejs.org/api/addons.html)
35 | build/Release
36 | 
37 | # Dependency directories
38 | node_modules/
39 | jspm_packages/
40 | 
41 | # TypeScript v1 declaration files
42 | typings/
43 | 
44 | # Optional npm cache directory
45 | .npm
46 | 
47 | # Optional eslint cache
48 | .eslintcache
49 | 
50 | # Optional REPL history
51 | .node_repl_history
52 | 
53 | # Output of 'npm pack'
54 | *.tgz
55 | 
56 | # Yarn Integrity file
57 | .yarn-integrity
58 | 
59 | # dotenv environment variables file
60 | .env
61 | 
62 | # parcel-bundler cache (https://parceljs.org/)
63 | .cache
64 | 
65 | # next.js build output
66 | .next
67 | 
68 | # nuxt.js build output
69 | .nuxt
70 | 
71 | # Nuxt generate
72 | dist
73 | 
74 | # vuepress build output
75 | .vuepress/dist
76 | 
77 | # Serverless directories
78 | .serverless
79 | 
80 | # IDE / Editor
81 | .idea
82 | 
83 | # Service worker
84 | sw.*
85 | 
86 | # macOS
87 | .DS_Store
88 | 
89 | # Vim swap files
90 | *.swp
91 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@twicpics/vue",
 3 |   "description": "TwicPics components library for Vue.js",
 4 |   "version": "0.1.9",
 5 |   "author": "TwicPics",
 6 |   "license": "MIT",
 7 |   "main": "dist/vuetwicpics.umd.js",
 8 |   "unpkg": "dist/vuetwicpics.umd.min.js",
 9 |   "style": "dist/vuetwicpics.css",
10 |   "files": [
11 |     "dist"
12 |   ],
13 |   "keywords": [
14 |     "vue",
15 |     "vue-component",
16 |     "twicpics",
17 |     "vue-twicpics",
18 |     "image"
19 |   ],
20 |   "repository": {
21 |     "type": "git",
22 |     "url": "git://github.com/TwicPics/vue.git"
23 |   },
24 |   "devDependencies": {
25 |     "@vue/cli-plugin-babel": "~4.5.0",
26 |     "@vue/cli-plugin-eslint": "~4.5.0",
27 |     "@vue/cli-service": "~4.5.0",
28 |     "babel-eslint": "^10.1.0",
29 |     "css-loader": "^4.2.1",
30 |     "eslint": "^6.7.2",
31 |     "eslint-plugin-vue": "^6.2.2",
32 |     "optimize-css-assets-webpack-plugin": "^3.2.0",
33 |     "vue-style-loader": "^4.1.2",
34 |     "vue-template-compiler": "^2.6.11"
35 |   },
36 |   "dependencies": {
37 |     "vue": "^2.6.11"
38 |   },
39 |   "scripts": {
40 |     "serve": "vue-cli-service serve",
41 |     "build": "vue-cli-service build",
42 |     "lint": "vue-cli-service lint",
43 |     "build-lib": "vue-cli-service build --target lib --name vuetwicpics src/main.js",
44 |     "test": "npm run lint"
45 |   },
46 |   "eslintConfig": {
47 |     "root": true,
48 |     "env": {
49 |       "node": true
50 |     },
51 |     "extends": [
52 |       "plugin:vue/recommended",
53 |       "eslint:recommended"
54 |     ],
55 |     "parserOptions": {
56 |       "parser": "babel-eslint"
57 |     },
58 |     "rules": {}
59 |   },
60 |   "bugs": {
61 |     "url": "https://github.com/TwicPics/vue/issues"
62 |   },
63 |   "homepage": "https://github.com/TwicPics/vue#readme",
64 |   "publishConfig": {
65 |     "access": "public"
66 |   }
67 | }
68 | 


--------------------------------------------------------------------------------
/src/components/TwicImg.vue:
--------------------------------------------------------------------------------
  1 | <script>
  2 | export default {
  3 |   name: "TwicImg",
  4 |   props: {
  5 |     src: {
  6 |       type: String,
  7 |       required: true
  8 |     },
  9 |     alt: {
 10 |       type: String,
 11 |       default: undefined
 12 |     },
 13 |     placeholder: {
 14 |       type: String,
 15 |       default: "preview",
 16 |       validator: function (value) {
 17 |         return ["preview", "meancolor", "maincolor", "none"].includes(value);
 18 |       }
 19 |     },
 20 |     width: {
 21 |       type: [String, Number],
 22 |       default: undefined,
 23 |       validator: function (value) {
 24 |         return /\d+/.test(value);
 25 |       }
 26 |     },
 27 |     height: {
 28 |       type: [String, Number],
 29 |       default: undefined,
 30 |       validator: function (value) {
 31 |         return /\d+/.test(value);
 32 |       }
 33 |     },
 34 |     ratio: {
 35 |       type: String,
 36 |       default: "",
 37 |       validator: function (value) {
 38 |         if (value) {
 39 |           return /\d+\/\d+/.test(value);
 40 |         } else {
 41 |           return true;
 42 |         }
 43 |       }
 44 |     },
 45 |     focus: {
 46 |       type: String,
 47 |       default: ""
 48 |     },
 49 |     step: {
 50 |       type: [String, Number],
 51 |       default: 10,
 52 |       validator: function (value) {
 53 |         return /\d+/.test(value);
 54 |       }
 55 |     },
 56 |     transition: {
 57 |       type: Boolean,
 58 |       default: true
 59 |     },
 60 |     transitionDuration: {
 61 |       type: String,
 62 |       default: "400ms"
 63 |     },
 64 |     transitionTimingFunction: {
 65 |       type: String,
 66 |       default: "ease"
 67 |     },
 68 |     transitionDelay: {
 69 |       type: String,
 70 |       default: "0ms"
 71 |     }
 72 |   },
 73 |   computed: {
 74 |     apiRatio() {
 75 |       // Use `ratio` if provided.
 76 |       if (this.ratio) {
 77 |         return this.ratio.replace("/", ":");
 78 |       }
 79 |       // Use `width` and `height` if no `ratio`.
 80 |       else if (this.width && this.height) {
 81 |         return `${this.width}:${this.height}`;
 82 |       }
 83 |       // Fallback to square.
 84 |       else {
 85 |         return "1:1";
 86 |       }
 87 |     },
 88 |     apiOutput() {
 89 |       return (this.placeholder !== "none") ? this.placeholder : false;
 90 |     },
 91 |     apiFocus() {
 92 |       return this.focus;
 93 |     },
 94 |     paddingRatio() {
 95 |       let r = [];
 96 |       if (this.ratio) {
 97 |         r = this.ratio.split("/");
 98 |       } else {
 99 |         r.push(this.width || 1);
100 |         r.push(this.height || 1);
101 |       }
102 |       return Number.parseFloat(r[1]/r[0] * 100).toFixed(2);
103 |     },
104 |     bgStyle() {
105 |       const styles = {}
106 |       styles.paddingTop = `${this.paddingRatio}%`;
107 |       // Only provide a background image if the user asks for a placeholder.
108 |       if (this.apiOutput) {
109 |         let params = [];
110 |         if (this.apiFocus) { params.push({ k: "focus", v: this.apiFocus }); }
111 |         if (this.apiRatio) { params.push({ k: "cover", v: this.apiRatio }); }
112 |         if (this.apiOutput) { params.push({ k: "output", v: this.apiOutput }); }
113 |         const apiParams = params.map(item => `${item.k}=${item.v}`).join("/");
114 |         // Add a slash if needed.
115 |         const path = (/^\//.test(this.src)) ? this.$domain + this.src : `${this.$domain}/${this.src}`;
116 |         styles.backgroundImage = `url(${path}?twic=v1/${apiParams})`;
117 |       }
118 |       return styles;
119 |     },
120 |     imgStyle() {
121 |       if (this.transition) {
122 |         return {
123 |           transitionDuration: this.transitionDuration,
124 |           transitionTimingFunction : this.transitionTimingFunction,
125 |           transitionDelay: this.transitionDelay
126 |         }
127 |       } else {
128 |         return {};
129 |       }
130 |     },
131 |     twicSrc() {
132 |       return { [`data-${this.$twicClass}-src`]: `image:${this.src}` };
133 |     },
134 |     twicFocus() {
135 |       return { [`data-${this.$twicClass}-src-focus`]: this.focus };
136 |     },
137 |     twicStep() {
138 |       return { [`data-${this.$twicClass}-src-step`]: this.step };
139 |     }
140 |   }
141 | };
142 | </script>
143 | 
144 | <template>
145 |   <div
146 |     class="twic-img"
147 |     :class="{ 'twic-img--fade': transition }"
148 |     :style="bgStyle"
149 |   >
150 |     <img
151 |       :style="imgStyle"
152 |       :alt="alt === undefined ? src.split(/[?#]/).shift().split('/').pop().split('.').shift() : alt"
153 |       :src="`${this.$domain}/v1/cover=${apiRatio}/placeholder:transparent`"
154 |       :width="width || false"
155 |       :height="height || false"
156 |       v-bind="[twicSrc, twicFocus, twicStep]"
157 |     >
158 |   </div>
159 | </template>
160 | 
161 | <style>
162 | .twic-img {
163 |   position: relative;
164 |   width: 100%;
165 |   background-size: cover;
166 |   background-position: center;
167 |   background-repeat: no-repeat;
168 |   padding-top: 100%;
169 | }
170 | 
171 | .twic-img > img {
172 |   position: absolute;
173 |   display: block;
174 |   top: 0;
175 |   left: 0;
176 |   width: 100%;
177 |   height: 100%;
178 |   object-fit: cover;
179 | }
180 | 
181 | .twic-img--fade > img {
182 |   transition-property: opacity;
183 |   will-change: opacity;
184 |   opacity: 0;
185 | }
186 | 
187 | .twic-img--fade > img.twic-done {
188 |   opacity: 1;
189 | }
190 | </style>
191 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # @twicpics/vue
  2 | 
  3 | [![npm version][npm-version-src]][npm-version-href]
  4 | [![npm downloads][npm-downloads-src]][npm-downloads-href]
  5 | [![License][license-src]][license-href]
  6 | 
  7 | > [TwicPics](https://www.twicpics.com) integration with Vue.js. This library is also available as a [NuxtJS module](https://github.com/TwicPics/nuxt-twicpics).
  8 | 
  9 | ---
 10 | 
 11 | ## ⚠️ Deprecation warning ⚠️
 12 | 
 13 | **This package has been deprecated in favor of [TwicPics Components](https://github.com/TwicPics/components).**
 14 | 
 15 | [TwicPics Components](https://github.com/TwicPics/components) is a collection of web components that make it dead easy to unleash the power of [TwicPics](https://www.twicpics.com) in your own projects and using the framework of your choice.
 16 | 
 17 | 👉 [Check the documentation](https://github.com/TwicPics/components/tree/main/documentation)
 18 | 
 19 | ---
 20 | 
 21 | ## Setup
 22 | 
 23 | 1.  Add `@twicpics/vue` dependency to your project
 24 | 
 25 | ```bash
 26 | yarn add @twicpics/vue
 27 | # or npm install @twicpics/vue
 28 | ```
 29 | 
 30 | 2.  Import components
 31 | 
 32 | ```js
 33 | import Vue from "vue";
 34 | import VueTwicpics from "@twicpics/vue";
 35 | import "@twicpics/vue/dist/vuetwicpics.css";
 36 | 
 37 | Vue.use(VueTwicpics, {
 38 |   // Your TwicPics custom 
 39 |   domain: "https://sub-domain.twic.pics",
 40 |   // Optional settings
 41 |   defaultParams: {
 42 |     ...
 43 |   }
 44 | });
 45 | ```
 46 | 
 47 | ## Options
 48 | 
 49 | ### `domain` (required)
 50 | 
 51 | This is your very own [TwicPics domain](https://www.twicpics.com/documentation/subdomain/). 
 52 | 
 53 | ### `defaultParams` (optional)
 54 | 
 55 | #### `anticipation`
 56 | 
 57 | *   Default value: `0.2` (any value that is not a number will be ignored)
 58 | 
 59 | TwicPics will lazy-load images by default. To avoid too abrupt a transition with elements appearing into view and then images very obviously loading afterwards, TwicPics will "anticipate" lazy loading by a factor of the actual viewport. This behavior is controlled by this setting.
 60 | 
 61 | #### `maxDpr`
 62 | 
 63 | *   Default value: `2` (any value that is not a number will be ignored)
 64 | 
 65 | TwicPics will take the Device Pixel Ratio of the current device into consideration when determining the sizes of images to load. By default, it will not take a DPR greater than 2 into consideration. If the DPR of the device is higher than 2, TwicPics will assume it to be 2. So you can lower it to 1 or be more permissive (for instance by setting it to 3 or 4).
 66 | 
 67 | #### `step`
 68 | 
 69 | *   Default value: `10` (any value that is not a number will be ignored)
 70 | 
 71 | To avoid requesting too may variants of the same image, TwicPics will round the width of images to the closest multiple of step. The height will then be computed in order to respect the original aspect ratio.
 72 | 
 73 | ## Usage
 74 | 
 75 | ### `TwicImg` component
 76 | 
 77 | ```html
 78 | <twic-img src="<image-path>"
 79 |           width="<integer>"
 80 |           height="<integer>"
 81 |           placeholder="<none|preview|meancolor|maincolor>"
 82 |           ratio="<ratio>"
 83 |           step="<integer>"
 84 |           focus="<auto|coordinates>"
 85 |           transition="<boolean>" />
 86 | ```
 87 | 
 88 | | Name | Description | Type | Default | Required |
 89 | |------|-------------|------|---------|----------|
 90 | | `src` | Absolute or relative path to an image. | `String` | | `true` |
 91 | | `width` | See `ratio`. | `Integer` | | `false` |
 92 | | `height` | See `ratio`. | `Integer` | | `false` |
 93 | | `ratio` | Unitless `width/height` values. You can either use `ratio` or `width` and `height` to set the aspect-ratio of your image. If both are used, `ratio` win. A squared image will be rendered by default. | `String` | `1/1` | `false` |
 94 | | `placeholder` | Can be `preview`, `meancolor`, `maincolor` or `none`. | `String` | `preview` | `false` |
 95 | | `step` | See [TwicPics documentation](https://www.twicpics.com/documentation/script-attributes-image/#data-twic-src-step) for details. | `Integer` | `10` | `false` |
 96 | | `focus` | Can be `auto` or coordinates - see [TwicPics documentation](https://www.twicpics.com/documentation/script-attributes-image/#data-twic-src-focus) for details. | `String` | `10` | `false` |
 97 | | `transition` | Whether or not to load images with a fade in effect. | `Boolean` | `true` | `false` |
 98 | | `transitionDuration` | Duration of the transition effect. | `String` | `400ms` | `false` |
 99 | | `transitionTimingFunction` | CSS timing function applied to the transition effect. | `String` | `ease` | `false` |
100 | | `transitionDelay` | Transition delay of the transition effect. | `String` | `0ms` | `false` |
101 | | `alt` | Alt attribute content | `String` | Image name without extention | `false` |
102 | 
103 | ### Example
104 | 
105 | ```vue
106 | <template>
107 |   <main>
108 |     <twic-img
109 |       src="/my-image.jpg"
110 |       ratio="16/9"
111 |       step="100"
112 |       placeholder="preview"
113 |       alt="my image" />
114 |   </main>
115 | </template>
116 | 
117 | <script>
118 | export default {
119 | 
120 | }
121 | </script>
122 | ```
123 | 
124 | ## Demo
125 | 
126 | [![Edit TwicPics Vue](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/twicpics-vue-vdrbn?fontsize=14&hidenavigation=1&theme=dark)
127 | 
128 | ## NuxtJS
129 | 
130 | This library is also available as a [NuxtJS module](https://github.com/TwicPics/nuxt-twicpics).
131 | 
132 | ## License
133 | 
134 | [MIT License](./LICENSE)
135 | 
136 | Copyright (c) TwicPics
137 | 
138 | <!-- Badges -->
139 | [npm-version-src]: https://img.shields.io/npm/v/@twicpics/vue/latest.svg
140 | [npm-version-href]: https://npmjs.com/package/@twicpics/vue
141 | 
142 | [npm-downloads-src]: https://img.shields.io/npm/dt/@twicpics/vue.svg
143 | [npm-downloads-href]: https://npmjs.com/package/@twicpics/vue
144 | 
145 | [license-src]: https://img.shields.io/npm/l/@twicpics/vue.svg
146 | [license-href]: https://npmjs.com/package/@twicpics/vue
147 | 


--------------------------------------------------------------------------------
/dist/vuetwicpics.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["vuetwicpics"]=e():t["vuetwicpics"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.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 o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));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"),o=r("toStringTag"),i={};i[o]="z",t.exports="[object z]"===String(i)},"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,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},"057f":function(t,e,n){var r=n("fc6a"),o=n("241c").f,i={}.toString,c="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],a=function(t){try{return o(t)}catch(e){return c.slice()}};t.exports.f=function(t){return c&&"[object Window]"==i.call(t)?a(t):o(r(t))}},"06cf":function(t,e,n){var r=n("83ab"),o=n("d1e7"),i=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 i(!o.f.call(t,e),t[e])}},"0cb2":function(t,e,n){var r=n("7b0b"),o=Math.floor,i="".replace,c=/\$([$&'`]|\d\d?|<[^>]*>)/g,a=/\$([$&'`]|\d\d?)/g;t.exports=function(t,e,n,u,f,s){var l=n+t.length,p=u.length,d=a;return void 0!==f&&(f=r(f),d=c),i.call(s,d,(function(r,i){var c;switch(i.charAt(0)){case"$":return"$";case"&":return t;case"`":return e.slice(0,n);case"'":return e.slice(l);case"<":c=f[i.slice(1,-1)];break;default:var a=+i;if(0===a)return r;if(a>p){var s=o(a/10);return 0===s?r:s<=p?void 0===u[s-1]?i.charAt(1):u[s-1]+i.charAt(1):r}c=u[a-1]}return void 0===c?"":c}))}},"0cfb":function(t,e,n){var r=n("83ab"),o=n("d039"),i=n("cc12");t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},"0d03":function(t,e,n){var r=n("6eeb"),o=Date.prototype,i="Invalid Date",c="toString",a=o[c],u=o.getTime;new Date(NaN)+""!=i&&r(o,c,(function(){var t=u.call(this);return t===t?a.call(this):i}))},1148:function(t,e,n){"use strict";var r=n("a691"),o=n("1d80");t.exports="".repeat||function(t){var e=String(o(this)),n="",i=r(t);if(i<0||i==1/0)throw RangeError("Wrong number of repetitions");for(;i>0;(i>>>=1)&&(e+=e))1&i&&(n+=e);return n}},1276:function(t,e,n){"use strict";var r=n("d784"),o=n("44e7"),i=n("825a"),c=n("1d80"),a=n("4840"),u=n("8aa5"),f=n("50c4"),s=n("14c3"),l=n("9263"),p=n("d039"),d=[].push,v=Math.min,h=4294967295,g=!p((function(){return!RegExp(h,"y")}));r("split",2,(function(t,e,n){var r;return r="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 r=String(c(this)),i=void 0===n?h:n>>>0;if(0===i)return[];if(void 0===t)return[r];if(!o(t))return e.call(r,t,i);var a,u,f,s=[],p=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,g=new RegExp(t.source,p+"g");while(a=l.call(g,r)){if(u=g.lastIndex,u>v&&(s.push(r.slice(v,a.index)),a.length>1&&a.index<r.length&&d.apply(s,a.slice(1)),f=a[0].length,v=u,s.length>=i))break;g.lastIndex===a.index&&g.lastIndex++}return v===r.length?!f&&g.test("")||s.push(""):s.push(r.slice(v)),s.length>i?s.slice(0,i):s}:"0".split(void 0,0).length?function(t,n){return void 0===t&&0===n?[]:e.call(this,t,n)}:e,[function(e,n){var o=c(this),i=void 0==e?void 0:e[t];return void 0!==i?i.call(e,o,n):r.call(String(o),e,n)},function(t,o){var c=n(r,t,this,o,r!==e);if(c.done)return c.value;var l=i(t),p=String(this),d=a(l,RegExp),b=l.unicode,y=(l.ignoreCase?"i":"")+(l.multiline?"m":"")+(l.unicode?"u":"")+(g?"y":"g"),m=new d(g?l:"^(?:"+l.source+")",y),x=void 0===o?h:o>>>0;if(0===x)return[];if(0===p.length)return null===s(m,p)?[p]:[];var S=0,w=0,O=[];while(w<p.length){m.lastIndex=g?w:0;var E,A=s(m,g?p:p.slice(w));if(null===A||(E=v(f(m.lastIndex+(g?0:w)),p.length))===S)w=u(p,w,b);else{if(O.push(p.slice(S,w)),O.length===x)return O;for(var j=1;j<=A.length-1;j++)if(O.push(A[j]),O.length===x)return O;w=S=E}}return O.push(p.slice(S)),O}]}),!g)},"14c3":function(t,e,n){var r=n("c6b6"),o=n("9263");t.exports=function(t,e){var n=t.exec;if("function"===typeof n){var i=n.call(t,e);if("object"!==typeof i)throw TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==r(t))throw TypeError("RegExp#exec called on incompatible receiver");return o.call(t,e)}},"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}},"1c7e":function(t,e,n){var r=n("b622"),o=r("iterator"),i=!1;try{var c=0,a={next:function(){return{done:!!c++}},return:function(){i=!0}};a[o]=function(){return this},Array.from(a,(function(){throw 2}))}catch(u){}t.exports=function(t,e){if(!e&&!i)return!1;var n=!1;try{var r={};r[o]=function(){return{next:function(){return{done:n=!0}}}},t(r)}catch(u){}return n}},"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"),o=n("b622"),i=n("2d00"),c=o("species");t.exports=function(t){return i>=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"),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},"23e7":function(t,e,n){var r=n("da84"),o=n("06cf").f,i=n("9112"),c=n("6eeb"),a=n("ce4e"),u=n("e893"),f=n("94ca");t.exports=function(t,e){var n,s,l,p,d,v,h=t.target,g=t.global,b=t.stat;if(s=g?r:b?r[h]||a(h,{}):(r[h]||{}).prototype,s)for(l in e){if(d=e[l],t.noTargetGet?(v=o(s,l),p=v&&v.value):p=s[l],n=f(g?l:h+(b?".":"#")+l,t.forced),!n&&void 0!==p){if(typeof d===typeof p)continue;u(d,p)}(t.sham||p&&p.sham)&&i(d,"sham",!0),c(s,l,d,t)}}},"241c":function(t,e,n){var r=n("ca84"),o=n("7839"),i=o.concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,i)}},"25f0":function(t,e,n){"use strict";var r=n("6eeb"),o=n("825a"),i=n("d039"),c=n("ad6d"),a="toString",u=RegExp.prototype,f=u[a],s=i((function(){return"/a/b"!=f.call({source:"a",flags:"b"})})),l=f.name!=a;(s||l)&&r(RegExp.prototype,a,(function(){var t=o(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"),o=n("e8b5");r({target:"Array",stat:!0},{isArray:o})},"2a62":function(t,e,n){var r=n("825a");t.exports=function(t){var e=t["return"];if(void 0!==e)return r(e.call(t)).value}},"2d00":function(t,e,n){var r,o,i=n("da84"),c=n("342f"),a=i.process,u=a&&a.versions,f=u&&u.v8;f?(r=f.split("."),o=r[0]+r[1]):c&&(r=c.match(/Edge\/(\d+)/),(!r||r[1]>=74)&&(r=c.match(/Chrome\/(\d+)/),r&&(o=r[1]))),t.exports=o&&+o},"342f":function(t,e,n){var r=n("d066");t.exports=r("navigator","userAgent")||""},"35a1":function(t,e,n){var r=n("f5df"),o=n("3f8c"),i=n("b622"),c=i("iterator");t.exports=function(t){if(void 0!=t)return t[c]||t["@@iterator"]||o[r(t)]}},"37e8":function(t,e,n){var r=n("83ab"),o=n("9bf2"),i=n("825a"),c=n("df75");t.exports=r?Object.defineProperties:function(t,e){i(t);var n,r=c(e),a=r.length,u=0;while(a>u)o.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,o=n("69f3"),i=n("7dd0"),c="String Iterator",a=o.set,u=o.getterFor(c);i(String,"String",(function(t){a(this,{type:c,string:String(t),index:0})}),(function(){var t,e=u(this),n=e.string,o=e.index;return o>=n.length?{value:void 0,done:!0}:(t=r(n,o),e.index+=t.length,{value:t,done:!1})}))},"3f8c":function(t,e){t.exports={}},"408a":function(t,e,n){var r=n("c6b6");t.exports=function(t){if("number"!=typeof t&&"Number"!=r(t))throw TypeError("Incorrect invocation");return+t}},"428f":function(t,e,n){var r=n("da84");t.exports=r},"44ad":function(t,e,n){var r=n("d039"),o=n("c6b6"),i="".split;t.exports=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},"44d2":function(t,e,n){var r=n("b622"),o=n("7c73"),i=n("9bf2"),c=r("unscopables"),a=Array.prototype;void 0==a[c]&&i.f(a,c,{configurable:!0,value:o(null)}),t.exports=function(t){a[c][t]=!0}},"44e7":function(t,e,n){var r=n("861d"),o=n("c6b6"),i=n("b622"),c=i("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[c])?!!e:"RegExp"==o(t))}},4840:function(t,e,n){var r=n("825a"),o=n("1c0b"),i=n("b622"),c=i("species");t.exports=function(t,e){var n,i=r(t).constructor;return void 0===i||void 0==(n=r(i)[c])?e:o(n)}},4930:function(t,e,n){var r=n("d039");t.exports=!!Object.getOwnPropertySymbols&&!r((function(){return!String(Symbol())}))},"4d64":function(t,e,n){var r=n("fc6a"),o=n("50c4"),i=n("23cb"),c=function(t){return function(e,n,c){var a,u=r(e),f=o(u.length),s=i(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)}},"4df4":function(t,e,n){"use strict";var r=n("0366"),o=n("7b0b"),i=n("9bdd"),c=n("e95a"),a=n("50c4"),u=n("8418"),f=n("35a1");t.exports=function(t){var e,n,s,l,p,d,v=o(t),h="function"==typeof this?this:Array,g=arguments.length,b=g>1?arguments[1]:void 0,y=void 0!==b,m=f(v),x=0;if(y&&(b=r(b,g>2?arguments[2]:void 0,2)),void 0==m||h==Array&&c(m))for(e=a(v.length),n=new h(e);e>x;x++)d=y?b(v[x],x):v[x],u(n,x,d);else for(l=m.call(v),p=l.next,n=new h;!(s=p.call(l)).done;x++)d=y?i(l,b,[s.value,x],!0):s.value,u(n,x,d);return n.length=x,n}},"4fad":function(t,e,n){var r=n("23e7"),o=n("6f53").entries;r({target:"Object",stat:!0},{entries:function(t){return o(t)}})},"50c4":function(t,e,n){var r=n("a691"),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},5135:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},5319:function(t,e,n){"use strict";var r=n("d784"),o=n("825a"),i=n("50c4"),c=n("a691"),a=n("1d80"),u=n("8aa5"),f=n("0cb2"),s=n("14c3"),l=Math.max,p=Math.min,d=function(t){return void 0===t?t:String(t)};r("replace",2,(function(t,e,n,r){var v=r.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE,h=r.REPLACE_KEEPS_$0,g=v?"$":"$0";return[function(n,r){var o=a(this),i=void 0==n?void 0:n[t];return void 0!==i?i.call(n,o,r):e.call(String(o),n,r)},function(t,r){if(!v&&h||"string"===typeof r&&-1===r.indexOf(g)){var a=n(e,t,this,r);if(a.done)return a.value}var b=o(t),y=String(this),m="function"===typeof r;m||(r=String(r));var x=b.global;if(x){var S=b.unicode;b.lastIndex=0}var w=[];while(1){var O=s(b,y);if(null===O)break;if(w.push(O),!x)break;var E=String(O[0]);""===E&&(b.lastIndex=u(y,i(b.lastIndex),S))}for(var A="",j=0,T=0;T<w.length;T++){O=w[T];for(var _=String(O[0]),I=l(p(c(O.index),y.length),0),P=[],R=1;R<O.length;R++)P.push(d(O[R]));var N=O.groups;if(m){var C=[_].concat(P,I,y);void 0!==N&&C.push(N);var F=String(r.apply(void 0,C))}else F=f(_,y,I,P,N,r);I>=j&&(A+=y.slice(j,I)+F,j=I+_.length)}return A+y.slice(j)}]}))},5692:function(t,e,n){var r=n("c430"),o=n("c6cd");(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.8.3",mode:r?"pure":"global",copyright:"© 2021 Denis Pushkarev (zloirock.ru)"})},"56ef":function(t,e,n){var r=n("d066"),o=n("241c"),i=n("7418"),c=n("825a");t.exports=r("Reflect","ownKeys")||function(t){var e=o.f(c(t)),n=i.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"),o=n("5899"),i="["+o+"]",c=RegExp("^"+i+i+"*"),a=RegExp(i+i+"*$"),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}}},"5ede":function(t,e,n){"use strict";n("6a2c")},6547:function(t,e,n){var r=n("a691"),o=n("1d80"),i=function(t){return function(e,n){var i,c,a=String(o(e)),u=r(n),f=a.length;return u<0||u>=f?t?"":void 0:(i=a.charCodeAt(u),i<55296||i>56319||u+1===f||(c=a.charCodeAt(u+1))<56320||c>57343?t?a.charAt(u):i:t?a.slice(u,u+2):c-56320+(i-55296<<10)+65536)}};t.exports={codeAt:i(!1),charAt:i(!0)}},"65f0":function(t,e,n){var r=n("861d"),o=n("e8b5"),i=n("b622"),c=i("species");t.exports=function(t,e){var n;return o(t)&&(n=t.constructor,"function"!=typeof n||n!==Array&&!o(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,o,i,c=n("7f9a"),a=n("da84"),u=n("861d"),f=n("9112"),s=n("5135"),l=n("c6cd"),p=n("f772"),d=n("d012"),v=a.WeakMap,h=function(t){return i(t)?o(t):r(t,{})},g=function(t){return function(e){var n;if(!u(e)||(n=o(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}};if(c){var b=l.state||(l.state=new v),y=b.get,m=b.has,x=b.set;r=function(t,e){return e.facade=t,x.call(b,t,e),e},o=function(t){return y.call(b,t)||{}},i=function(t){return m.call(b,t)}}else{var S=p("state");d[S]=!0,r=function(t,e){return e.facade=t,f(t,S,e),e},o=function(t){return s(t,S)?t[S]:{}},i=function(t){return s(t,S)}}t.exports={set:r,get:o,has:i,enforce:h,getterFor:g}},"6a2c":function(t,e,n){},"6eeb":function(t,e,n){var r=n("da84"),o=n("9112"),i=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,f=!!a&&!!a.unsafe,p=!!a&&!!a.enumerable,d=!!a&&!!a.noTargetGet;"function"==typeof n&&("string"!=typeof e||i(n,"name")||o(n,"name",e),u=s(n),u.source||(u.source=l.join("string"==typeof e?e:""))),t!==r?(f?!d&&t[e]&&(p=!0):delete t[e],p?t[e]=n:o(t,e,n)):p?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"),o=n("df75"),i=n("fc6a"),c=n("d1e7").f,a=function(t){return function(e){var n,a=i(e),u=o(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"),o=n("d2bb");t.exports=function(t,e,n){var i,c;return o&&"function"==typeof(i=e.constructor)&&i!==n&&r(c=i.prototype)&&c!==n.prototype&&o(t,c),t}},7418:function(t,e){e.f=Object.getOwnPropertySymbols},"746f":function(t,e,n){var r=n("428f"),o=n("5135"),i=n("e538"),c=n("9bf2").f;t.exports=function(t){var e=r.Symbol||(r.Symbol={});o(e,t)||c(e,t,{value:i.f(t)})}},7839:function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"7a82":function(t,e,n){var r=n("23e7"),o=n("83ab"),i=n("9bf2");r({target:"Object",stat:!0,forced:!o,sham:!o},{defineProperty:i.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,o=n("825a"),i=n("37e8"),c=n("7839"),a=n("d012"),u=n("1be4"),f=n("cc12"),s=n("f772"),l=">",p="<",d="prototype",v="script",h=s("IE_PROTO"),g=function(){},b=function(t){return p+v+l+t+p+"/"+v+l},y=function(t){t.write(b("")),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(b("document.F=Object")),t.close(),t.F},x=function(){try{r=document.domain&&new ActiveXObject("htmlfile")}catch(e){}x=r?y(r):m();var t=c.length;while(t--)delete x[d][c[t]];return x()};a[h]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(g[d]=o(t),n=new g,g[d]=null,n[h]=t):n=x(),void 0===e?n:i(n,e)}},"7dd0":function(t,e,n){"use strict";var r=n("23e7"),o=n("9ed3"),i=n("e163"),c=n("d2bb"),a=n("d44e"),u=n("9112"),f=n("6eeb"),s=n("b622"),l=n("c430"),p=n("3f8c"),d=n("ae93"),v=d.IteratorPrototype,h=d.BUGGY_SAFARI_ITERATORS,g=s("iterator"),b="keys",y="values",m="entries",x=function(){return this};t.exports=function(t,e,n,s,d,S,w){o(n,e,s);var O,E,A,j=function(t){if(t===d&&R)return R;if(!h&&t in I)return I[t];switch(t){case b:return function(){return new n(this,t)};case y:return function(){return new n(this,t)};case m:return function(){return new n(this,t)}}return function(){return new n(this)}},T=e+" Iterator",_=!1,I=t.prototype,P=I[g]||I["@@iterator"]||d&&I[d],R=!h&&P||j(d),N="Array"==e&&I.entries||P;if(N&&(O=i(N.call(new t)),v!==Object.prototype&&O.next&&(l||i(O)===v||(c?c(O,v):"function"!=typeof O[g]&&u(O,g,x)),a(O,T,!0,!0),l&&(p[T]=x))),d==y&&P&&P.name!==y&&(_=!0,R=function(){return P.call(this)}),l&&!w||I[g]===R||u(I,g,R),p[e]=R,d)if(E={values:j(y),keys:S?R:j(b),entries:j(m)},w)for(A in E)(h||_||!(A in I))&&f(I,A,E[A]);else r({target:e,proto:!0,forced:h||_},E);return E}},"7e12":function(t,e,n){var r=n("da84"),o=n("58a8").trim,i=n("5899"),c=r.parseFloat,a=1/c(i+"-0")!==-1/0;t.exports=a?function(t){var e=o(String(t)),n=c(e);return 0===n&&"-"==e.charAt(0)?-0:n}:c},"7f9a":function(t,e,n){var r=n("da84"),o=n("8925"),i=r.WeakMap;t.exports="function"===typeof i&&/native code/.test(o(i))},"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"),o=n("9bf2"),i=n("5c6c");t.exports=function(t,e,n){var c=r(e);c in t?o.f(t,c,i(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,o,i;(function(n,c){o=[],r=c,i="function"===typeof r?r.apply(e,o):r,void 0===i||(t.exports=i)})("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(d){var n,r,o,i=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,c=/@([^@]*):(\d+):(\d+)\s*$/gi,a=i.exec(d.stack)||c.exec(d.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)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),o=n.replace(r,"$1").trim());for(var p=0;p<l.length;p++){if("interactive"===l[p].readyState)return l[p];if(l[p].src===u)return l[p];if(u===s&&l[p].innerHTML&&l[p].innerHTML.trim()===o)return l[p]}return null}}return t}))},8925:function(t,e,n){var r=n("c6cd"),o=Function.toString;"function"!=typeof r.inspectSource&&(r.inspectSource=function(t){return o.call(t)}),t.exports=r.inspectSource},"8aa5":function(t,e,n){"use strict";var r=n("6547").charAt;t.exports=function(t,e,n){return e+(n?r(t,e).length:1)}},"90e3":function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++n+r).toString(36)}},9112:function(t,e,n){var r=n("83ab"),o=n("9bf2"),i=n("5c6c");t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},9263:function(t,e,n){"use strict";var r=n("ad6d"),o=n("9f7f"),i=RegExp.prototype.exec,c=String.prototype.replace,a=i,u=function(){var t=/a/,e=/b*/g;return i.call(t,"a"),i.call(e,"a"),0!==t.lastIndex||0!==e.lastIndex}(),f=o.UNSUPPORTED_Y||o.BROKEN_CARET,s=void 0!==/()??/.exec("")[1],l=u||s||f;l&&(a=function(t){var e,n,o,a,l=this,p=f&&l.sticky,d=r.call(l),v=l.source,h=0,g=t;return p&&(d=d.replace("y",""),-1===d.indexOf("g")&&(d+="g"),g=String(t).slice(l.lastIndex),l.lastIndex>0&&(!l.multiline||l.multiline&&"\n"!==t[l.lastIndex-1])&&(v="(?: "+v+")",g=" "+g,h++),n=new RegExp("^(?:"+v+")",d)),s&&(n=new RegExp("^"+v+"$(?!\\s)",d)),u&&(e=l.lastIndex),o=i.call(p?n:l,g),p?o?(o.input=o.input.slice(h),o[0]=o[0].slice(h),o.index=l.lastIndex,l.lastIndex+=o[0].length):l.lastIndex=0:u&&o&&(l.lastIndex=l.global?o.index+o[0].length:e),s&&o&&o.length>1&&c.call(o[0],n,(function(){for(a=1;a<arguments.length-2;a++)void 0===arguments[a]&&(o[a]=void 0)})),o}),t.exports=a},"94ca":function(t,e,n){var r=n("d039"),o=/#|\.prototype\./,i=function(t,e){var n=a[c(t)];return n==f||n!=u&&("function"==typeof e?r(e):!!e)},c=i.normalize=function(t){return String(t).replace(o,".").toLowerCase()},a=i.data={},u=i.NATIVE="N",f=i.POLYFILL="P";t.exports=i},"99af":function(t,e,n){"use strict";var r=n("23e7"),o=n("d039"),i=n("e8b5"),c=n("861d"),a=n("7b0b"),u=n("50c4"),f=n("8418"),s=n("65f0"),l=n("1dde"),p=n("b622"),d=n("2d00"),v=p("isConcatSpreadable"),h=9007199254740991,g="Maximum allowed index exceeded",b=d>=51||!o((function(){var t=[];return t[v]=!1,t.concat()[0]!==t})),y=l("concat"),m=function(t){if(!c(t))return!1;var e=t[v];return void 0!==e?!!e:i(t)},x=!b||!y;r({target:"Array",proto:!0,forced:x},{concat:function(t){var e,n,r,o,i,c=a(this),l=s(c,0),p=0;for(e=-1,r=arguments.length;e<r;e++)if(i=-1===e?c:arguments[e],m(i)){if(o=u(i.length),p+o>h)throw TypeError(g);for(n=0;n<o;n++,p++)n in i&&f(l,p,i[n])}else{if(p>=h)throw TypeError(g);f(l,p++,i)}return l.length=p,l}})},"9bdd":function(t,e,n){var r=n("825a"),o=n("2a62");t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(c){throw o(t),c}}},"9bf2":function(t,e,n){var r=n("83ab"),o=n("0cfb"),i=n("825a"),c=n("c04e"),a=Object.defineProperty;e.f=r?a:function(t,e,n){if(i(t),e=c(e,!0),i(n),o)try{return a(t,e,n)}catch(r){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},"9ed3":function(t,e,n){"use strict";var r=n("ae93").IteratorPrototype,o=n("7c73"),i=n("5c6c"),c=n("d44e"),a=n("3f8c"),u=function(){return this};t.exports=function(t,e,n){var f=e+" Iterator";return t.prototype=o(r,{next:i(1,n)}),c(t,f,!1,!0),a[f]=u,t}},"9f7f":function(t,e,n){"use strict";var r=n("d039");function o(t,e){return RegExp(t,e)}e.UNSUPPORTED_Y=r((function(){var t=o("a","y");return t.lastIndex=2,null!=t.exec("abcd")})),e.BROKEN_CARET=r((function(){var t=o("^r","gy");return t.lastIndex=2,null!=t.exec("str")}))},a15b:function(t,e,n){"use strict";var r=n("23e7"),o=n("44ad"),i=n("fc6a"),c=n("a640"),a=[].join,u=o!=Object,f=c("join",",");r({target:"Array",proto:!0,forced:u||!f},{join:function(t){return a.call(i(this),void 0===t?",":t)}})},a4d3:function(t,e,n){"use strict";var r=n("23e7"),o=n("da84"),i=n("d066"),c=n("c430"),a=n("83ab"),u=n("4930"),f=n("fdbf"),s=n("d039"),l=n("5135"),p=n("e8b5"),d=n("861d"),v=n("825a"),h=n("7b0b"),g=n("fc6a"),b=n("c04e"),y=n("5c6c"),m=n("7c73"),x=n("df75"),S=n("241c"),w=n("057f"),O=n("7418"),E=n("06cf"),A=n("9bf2"),j=n("d1e7"),T=n("9112"),_=n("6eeb"),I=n("5692"),P=n("f772"),R=n("d012"),N=n("90e3"),C=n("b622"),F=n("e538"),L=n("746f"),M=n("d44e"),$=n("69f3"),k=n("b727").forEach,D=P("hidden"),U="Symbol",G="prototype",V=C("toPrimitive"),B=$.set,H=$.getterFor(U),X=Object[G],Y=o.Symbol,W=i("JSON","stringify"),z=E.f,K=A.f,q=w.f,J=j.f,Q=I("symbols"),Z=I("op-symbols"),tt=I("string-to-symbol-registry"),et=I("symbol-to-string-registry"),nt=I("wks"),rt=o.QObject,ot=!rt||!rt[G]||!rt[G].findChild,it=a&&s((function(){return 7!=m(K({},"a",{get:function(){return K(this,"a",{value:7}).a}})).a}))?function(t,e,n){var r=z(X,e);r&&delete X[e],K(t,e,n),r&&t!==X&&K(X,e,r)}:K,ct=function(t,e){var n=Q[t]=m(Y[G]);return B(n,{type:U,tag:t,description:e}),a||(n.description=e),n},at=f?function(t){return"symbol"==typeof t}:function(t){return Object(t)instanceof Y},ut=function(t,e,n){t===X&&ut(Z,e,n),v(t);var r=b(e,!0);return v(n),l(Q,r)?(n.enumerable?(l(t,D)&&t[D][r]&&(t[D][r]=!1),n=m(n,{enumerable:y(0,!1)})):(l(t,D)||K(t,D,y(1,{})),t[D][r]=!0),it(t,r,n)):K(t,r,n)},ft=function(t,e){v(t);var n=g(e),r=x(n).concat(vt(n));return k(r,(function(e){a&&!lt.call(n,e)||ut(t,e,n[e])})),t},st=function(t,e){return void 0===e?m(t):ft(m(t),e)},lt=function(t){var e=b(t,!0),n=J.call(this,e);return!(this===X&&l(Q,e)&&!l(Z,e))&&(!(n||!l(this,e)||!l(Q,e)||l(this,D)&&this[D][e])||n)},pt=function(t,e){var n=g(t),r=b(e,!0);if(n!==X||!l(Q,r)||l(Z,r)){var o=z(n,r);return!o||!l(Q,r)||l(n,D)&&n[D][r]||(o.enumerable=!0),o}},dt=function(t){var e=q(g(t)),n=[];return k(e,(function(t){l(Q,t)||l(R,t)||n.push(t)})),n},vt=function(t){var e=t===X,n=q(e?Z:g(t)),r=[];return k(n,(function(t){!l(Q,t)||e&&!l(X,t)||r.push(Q[t])})),r};if(u||(Y=function(){if(this instanceof Y)throw TypeError("Symbol is not a constructor");var t=arguments.length&&void 0!==arguments[0]?String(arguments[0]):void 0,e=N(t),n=function(t){this===X&&n.call(Z,t),l(this,D)&&l(this[D],e)&&(this[D][e]=!1),it(this,e,y(1,t))};return a&&ot&&it(X,e,{configurable:!0,set:n}),ct(e,t)},_(Y[G],"toString",(function(){return H(this).tag})),_(Y,"withoutSetter",(function(t){return ct(N(t),t)})),j.f=lt,A.f=ut,E.f=pt,S.f=w.f=dt,O.f=vt,F.f=function(t){return ct(C(t),t)},a&&(K(Y[G],"description",{configurable:!0,get:function(){return H(this).description}}),c||_(X,"propertyIsEnumerable",lt,{unsafe:!0}))),r({global:!0,wrap:!0,forced:!u,sham:!u},{Symbol:Y}),k(x(nt),(function(t){L(t)})),r({target:U,stat:!0,forced:!u},{for:function(t){var e=String(t);if(l(tt,e))return tt[e];var n=Y(e);return tt[e]=n,et[n]=e,n},keyFor:function(t){if(!at(t))throw TypeError(t+" is not a symbol");if(l(et,t))return et[t]},useSetter:function(){ot=!0},useSimple:function(){ot=!1}}),r({target:"Object",stat:!0,forced:!u,sham:!a},{create:st,defineProperty:ut,defineProperties:ft,getOwnPropertyDescriptor:pt}),r({target:"Object",stat:!0,forced:!u},{getOwnPropertyNames:dt,getOwnPropertySymbols:vt}),r({target:"Object",stat:!0,forced:s((function(){O.f(1)}))},{getOwnPropertySymbols:function(t){return O.f(h(t))}}),W){var ht=!u||s((function(){var t=Y();return"[null]"!=W([t])||"{}"!=W({a:t})||"{}"!=W(Object(t))}));r({target:"JSON",stat:!0,forced:ht},{stringify:function(t,e,n){var r,o=[t],i=1;while(arguments.length>i)o.push(arguments[i++]);if(r=e,(d(e)||void 0!==t)&&!at(t))return p(e)||(e=function(t,e){if("function"==typeof r&&(e=r.call(this,t,e)),!at(e))return e}),o[1]=e,W.apply(null,o)}})}Y[G][V]||T(Y[G],V,Y[G].valueOf),M(Y,U),R[D]=!0},a630:function(t,e,n){var r=n("23e7"),o=n("4df4"),i=n("1c7e"),c=!i((function(t){Array.from(t)}));r({target:"Array",stat:!0,forced:c},{from:o})},a640:function(t,e,n){"use strict";var r=n("d039");t.exports=function(t,e){var n=[][t];return!!n&&r((function(){n.call(null,e||function(){throw 1},1)}))}},a691:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},a9e3:function(t,e,n){"use strict";var r=n("83ab"),o=n("da84"),i=n("94ca"),c=n("6eeb"),a=n("5135"),u=n("c6b6"),f=n("7156"),s=n("c04e"),l=n("d039"),p=n("7c73"),d=n("241c").f,v=n("06cf").f,h=n("9bf2").f,g=n("58a8").trim,b="Number",y=o[b],m=y.prototype,x=u(p(m))==b,S=function(t){var e,n,r,o,i,c,a,u,f=s(t,!1);if("string"==typeof f&&f.length>2)if(f=g(f),e=f.charCodeAt(0),43===e||45===e){if(n=f.charCodeAt(2),88===n||120===n)return NaN}else if(48===e){switch(f.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+f}for(i=f.slice(2),c=i.length,a=0;a<c;a++)if(u=i.charCodeAt(a),u<48||u>o)return NaN;return parseInt(i,r)}return+f};if(i(b,!y(" 0o1")||!y("0b1")||y("+0x1"))){for(var w,O=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof O&&(x?l((function(){m.valueOf.call(n)})):u(n)!=b)?f(new y(S(e)),n,O):S(e)},E=r?d(y):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger,fromString,range".split(","),A=0;E.length>A;A++)a(y,w=E[A])&&!a(O,w)&&h(O,w,v(y,w));O.prototype=m,m.constructor=O,c(o,b,O)}},ac1f:function(t,e,n){"use strict";var r=n("23e7"),o=n("9263");r({target:"RegExp",proto:!0,forced:/./.exec!==o},{exec:o})},ad6d:function(t,e,n){"use strict";var r=n("825a");t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.dotAll&&(e+="s"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},ae40:function(t,e,n){var r=n("83ab"),o=n("d039"),i=n("5135"),c=Object.defineProperty,a={},u=function(t){throw t};t.exports=function(t,e){if(i(a,t))return a[t];e||(e={});var n=[][t],f=!!i(e,"ACCESSORS")&&e.ACCESSORS,s=i(e,0)?e[0]:u,l=i(e,1)?e[1]:void 0;return a[t]=!!n&&!o((function(){if(f&&!r)return!0;var t={length:-1};f?c(t,1,{enumerable:!0,get:u}):t[1]=1,n.call(t,s,l)}))}},ae93:function(t,e,n){"use strict";var r,o,i,c=n("d039"),a=n("e163"),u=n("9112"),f=n("5135"),s=n("b622"),l=n("c430"),p=s("iterator"),d=!1,v=function(){return this};[].keys&&(i=[].keys(),"next"in i?(o=a(a(i)),o!==Object.prototype&&(r=o)):d=!0);var h=void 0==r||c((function(){var t={};return r[p].call(t)!==t}));h&&(r={}),l&&!h||f(r,p)||u(r,p,v),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:d}},b041:function(t,e,n){"use strict";var r=n("00ee"),o=n("f5df");t.exports=r?{}.toString:function(){return"[object "+o(this)+"]"}},b0c0:function(t,e,n){var r=n("83ab"),o=n("9bf2").f,i=Function.prototype,c=i.toString,a=/^\s*function ([^ (]*)/,u="name";r&&!(u in i)&&o(i,u,{configurable:!0,get:function(){try{return c.call(this).match(a)[1]}catch(t){return""}}})},b622:function(t,e,n){var r=n("da84"),o=n("5692"),i=n("5135"),c=n("90e3"),a=n("4930"),u=n("fdbf"),f=o("wks"),s=r.Symbol,l=u?s:s&&s.withoutSetter||c;t.exports=function(t){return i(f,t)||(a&&i(s,t)?f[t]=s[t]:f[t]=l("Symbol."+t)),f[t]}},b680:function(t,e,n){"use strict";var r=n("23e7"),o=n("a691"),i=n("408a"),c=n("1148"),a=n("d039"),u=1..toFixed,f=Math.floor,s=function(t,e,n){return 0===e?n:e%2===1?s(t,e-1,n*t):s(t*t,e/2,n)},l=function(t){var e=0,n=t;while(n>=4096)e+=12,n/=4096;while(n>=2)e+=1,n/=2;return e},p=u&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!a((function(){u.call({})}));r({target:"Number",proto:!0,forced:p},{toFixed:function(t){var e,n,r,a,u=i(this),p=o(t),d=[0,0,0,0,0,0],v="",h="0",g=function(t,e){var n=-1,r=e;while(++n<6)r+=t*d[n],d[n]=r%1e7,r=f(r/1e7)},b=function(t){var e=6,n=0;while(--e>=0)n+=d[e],d[e]=f(n/t),n=n%t*1e7},y=function(){var t=6,e="";while(--t>=0)if(""!==e||0===t||0!==d[t]){var n=String(d[t]);e=""===e?n:e+c.call("0",7-n.length)+n}return e};if(p<0||p>20)throw RangeError("Incorrect fraction digits");if(u!=u)return"NaN";if(u<=-1e21||u>=1e21)return String(u);if(u<0&&(v="-",u=-u),u>1e-21)if(e=l(u*s(2,69,1))-69,n=e<0?u*s(2,-e,1):u/s(2,e,1),n*=4503599627370496,e=52-e,e>0){g(0,n),r=p;while(r>=7)g(1e7,0),r-=7;g(s(10,r,1),0),r=e-1;while(r>=23)b(1<<23),r-=23;b(1<<r),g(1,1),b(2),h=y()}else g(0,n),g(1<<-e,0),h=y()+c.call("0",p);return p>0?(a=h.length,h=v+(a<=p?"0."+c.call("0",p-a)+h:h.slice(0,a-p)+"."+h.slice(a-p))):h=v+h,h}})},b727:function(t,e,n){var r=n("0366"),o=n("44ad"),i=n("7b0b"),c=n("50c4"),a=n("65f0"),u=[].push,f=function(t){var e=1==t,n=2==t,f=3==t,s=4==t,l=6==t,p=7==t,d=5==t||l;return function(v,h,g,b){for(var y,m,x=i(v),S=o(x),w=r(h,g,3),O=c(S.length),E=0,A=b||a,j=e?A(v,O):n||p?A(v,0):void 0;O>E;E++)if((d||E in S)&&(y=S[E],m=w(y,E,x),t))if(e)j[E]=m;else if(m)switch(t){case 3:return!0;case 5:return y;case 6:return E;case 2:u.call(j,y)}else switch(t){case 4:return!1;case 7:u.call(j,y)}return l?-1:f||s?s:j}};t.exports={forEach:f(0),map:f(1),filter:f(2),some:f(3),every:f(4),find:f(5),findIndex:f(6),filterOut:f(7)}},c04e:function(t,e,n){var r=n("861d");t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},c35a:function(t,e,n){var r=n("23e7"),o=n("7e12");r({target:"Number",stat:!0,forced:Number.parseFloat!=o},{parseFloat:o})},c430:function(t,e){t.exports=!1},c6b6:function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},c6cd:function(t,e,n){var r=n("da84"),o=n("ce4e"),i="__core-js_shared__",c=r[i]||o(i,{});t.exports=c},c8ba:function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(r){"object"===typeof window&&(n=window)}t.exports=n},ca84:function(t,e,n){var r=n("5135"),o=n("fc6a"),i=n("4d64").indexOf,c=n("d012");t.exports=function(t,e){var n,a=o(t),u=0,f=[];for(n in a)!r(c,n)&&r(a,n)&&f.push(n);while(e.length>u)r(a,n=e[u++])&&(~i(f,n)||f.push(n));return f}},caad:function(t,e,n){"use strict";var r=n("23e7"),o=n("4d64").includes,i=n("44d2"),c=n("ae40"),a=c("indexOf",{ACCESSORS:!0,1:0});r({target:"Array",proto:!0,forced:!a},{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("includes")},cc12:function(t,e,n){var r=n("da84"),o=n("861d"),i=r.document,c=o(i)&&o(i.createElement);t.exports=function(t){return c?i.createElement(t):{}}},ce4e:function(t,e,n){var r=n("da84"),o=n("9112");t.exports=function(t,e){try{o(r,t,e)}catch(n){r[t]=e}return e}},d012:function(t,e){t.exports={}},d039:function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},d066:function(t,e,n){var r=n("428f"),o=n("da84"),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t])||i(o[t]):r[t]&&r[t][e]||o[t]&&o[t][e]}},d1e7:function(t,e,n){"use strict";var r={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!r.call({1:2},1);e.f=i?function(t){var e=o(this,t);return!!e&&e.enumerable}:r},d28b:function(t,e,n){var r=n("746f");r("iterator")},d2bb:function(t,e,n){var r=n("825a"),o=n("3bbe");t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set,t.call(n,[]),e=n instanceof Array}catch(i){}return function(n,i){return r(n),o(i),e?t.call(n,i):n.__proto__=i,n}}():void 0)},d3b7:function(t,e,n){var r=n("00ee"),o=n("6eeb"),i=n("b041");r||o(Object.prototype,"toString",i,{unsafe:!0})},d44e:function(t,e,n){var r=n("9bf2").f,o=n("5135"),i=n("b622"),c=i("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,c)&&r(t,c,{configurable:!0,value:e})}},d784:function(t,e,n){"use strict";n("ac1f");var r=n("6eeb"),o=n("d039"),i=n("b622"),c=n("9263"),a=n("9112"),u=i("species"),f=!o((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")})),s=function(){return"$0"==="a".replace(/./,"$0")}(),l=i("replace"),p=function(){return!!/./[l]&&""===/./[l]("a","$0")}(),d=!o((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,l){var v=i(t),h=!o((function(){var e={};return e[v]=function(){return 7},7!=""[t](e)})),g=h&&!o((function(){var e=!1,n=/a/;return"split"===t&&(n={},n.constructor={},n.constructor[u]=function(){return n},n.flags="",n[v]=/./[v]),n.exec=function(){return e=!0,null},n[v](""),!e}));if(!h||!g||"replace"===t&&(!f||!s||p)||"split"===t&&!d){var b=/./[v],y=n(v,""[t],(function(t,e,n,r,o){return e.exec===c?h&&!o?{done:!0,value:b.call(e,n,r)}:{done:!0,value:t.call(n,e,r)}:{done:!1}}),{REPLACE_KEEPS_$0:s,REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE:p}),m=y[0],x=y[1];r(String.prototype,t,m),r(RegExp.prototype,v,2==e?function(t,e){return x.call(t,this,e)}:function(t){return x.call(t,this)})}l&&a(RegExp.prototype[v],"sham",!0)}},d81d:function(t,e,n){"use strict";var r=n("23e7"),o=n("b727").map,i=n("1dde"),c=n("ae40"),a=i("map"),u=c("map");r({target:"Array",proto:!0,forced:!a||!u},{map:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},da84:function(t,e,n){(function(e){var n=function(t){return t&&t.Math==Math&&t};t.exports=n("object"==typeof globalThis&&globalThis)||n("object"==typeof window&&window)||n("object"==typeof self&&self)||n("object"==typeof e&&e)||function(){return this}()||Function("return this")()}).call(this,n("c8ba"))},ddb0:function(t,e,n){var r=n("da84"),o=n("fdbc"),i=n("e260"),c=n("9112"),a=n("b622"),u=a("iterator"),f=a("toStringTag"),s=i.values;for(var l in o){var p=r[l],d=p&&p.prototype;if(d){if(d[u]!==s)try{c(d,u,s)}catch(h){d[u]=s}if(d[f]||c(d,f,l),o[l])for(var v in i)if(d[v]!==i[v])try{c(d,v,i[v])}catch(h){d[v]=i[v]}}}},df75:function(t,e,n){var r=n("ca84"),o=n("7839");t.exports=Object.keys||function(t){return r(t,o)}},e01a:function(t,e,n){"use strict";var r=n("23e7"),o=n("83ab"),i=n("da84"),c=n("5135"),a=n("861d"),u=n("9bf2").f,f=n("e893"),s=i.Symbol;if(o&&"function"==typeof s&&(!("description"in s.prototype)||void 0!==s().description)){var l={},p=function(){var t=arguments.length<1||void 0===arguments[0]?void 0:String(arguments[0]),e=this instanceof p?new s(t):void 0===t?s():s(t);return""===t&&(l[e]=!0),e};f(p,s);var d=p.prototype=s.prototype;d.constructor=p;var v=d.toString,h="Symbol(test)"==String(s("test")),g=/^Symbol\((.*)\)[^)]+$/;u(d,"description",{configurable:!0,get:function(){var t=a(this)?this.valueOf():this,e=v.call(t);if(c(l,t))return"";var n=h?e.slice(7,-1):e.replace(g,"$1");return""===n?void 0:n}}),r({global:!0,forced:!0},{Symbol:p})}},e163:function(t,e,n){var r=n("5135"),o=n("7b0b"),i=n("f772"),c=n("e177"),a=i("IE_PROTO"),u=Object.prototype;t.exports=c?Object.getPrototypeOf:function(t){return t=o(t),r(t,a)?t[a]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?u:null}},e177:function(t,e,n){var r=n("d039");t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},e260:function(t,e,n){"use strict";var r=n("fc6a"),o=n("44d2"),i=n("3f8c"),c=n("69f3"),a=n("7dd0"),u="Array Iterator",f=c.set,s=c.getterFor(u);t.exports=a(Array,"Array",(function(t,e){f(this,{type:u,target:r(t),index:0,kind:e})}),(function(){var t=s(this),e=t.target,n=t.kind,r=t.index++;return!e||r>=e.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:r,done:!1}:"values"==n?{value:e[r],done:!1}:{value:[r,e[r]],done:!1}}),"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},e538:function(t,e,n){var r=n("b622");e.f=r},e893:function(t,e,n){var r=n("5135"),o=n("56ef"),i=n("06cf"),c=n("9bf2");t.exports=function(t,e){for(var n=o(e),a=c.f,u=i.f,f=0;f<n.length;f++){var s=n[f];r(t,s)||a(t,s,u(e,s))}}},e8b5:function(t,e,n){var r=n("c6b6");t.exports=Array.isArray||function(t){return"Array"==r(t)}},e95a:function(t,e,n){var r=n("b622"),o=n("3f8c"),i=r("iterator"),c=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||c[i]===t)}},f5df:function(t,e,n){var r=n("00ee"),o=n("c6b6"),i=n("b622"),c=i("toStringTag"),a="Arguments"==o(function(){return arguments}()),u=function(t,e){try{return t[e]}catch(n){}};t.exports=r?o:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=u(e=Object(t),c))?n:a?o(e):"Object"==(r=o(e))&&"function"==typeof e.callee?"Arguments":r}},f772:function(t,e,n){var r=n("5692"),o=n("90e3"),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},fb15:function(t,e,n){"use strict";if(n.r(e),"undefined"!==typeof window){var r=window.document.currentScript,o=n("8875");r=o(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:o});var i=r&&r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(n.p=i[1])}var c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"twic-img",class:{"twic-img--fade":t.transition},style:t.bgStyle},[n("img",t._b({style:t.imgStyle,attrs:{alt:void 0===t.alt?t.src.split(/[?#]/).shift().split("/").pop().split(".").shift():t.alt,src:this.$domain+"/v1/cover="+t.apiRatio+"/placeholder:transparent",width:t.width||!1,height:t.height||!1}},"img",[t.twicSrc,t.twicFocus,t.twicStep],!1))])},a=[];n("99af"),n("caad"),n("a15b"),n("d81d"),n("a9e3"),n("c35a"),n("b680"),n("ac1f"),n("5319"),n("1276"),n("7a82");function u(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var f={name:"TwicImg",props:{src:{type:String,required:!0},alt:{type:String,default:void 0},placeholder:{type:String,default:"preview",validator:function(t){return["preview","meancolor","maincolor","none"].includes(t)}},width:{type:[String,Number],default:void 0,validator:function(t){return/\d+/.test(t)}},height:{type:[String,Number],default:void 0,validator:function(t){return/\d+/.test(t)}},ratio:{type:String,default:"",validator:function(t){return!t||/\d+\/\d+/.test(t)}},focus:{type:String,default:""},step:{type:[String,Number],default:10,validator:function(t){return/\d+/.test(t)}},transition:{type:Boolean,default:!0},transitionDuration:{type:String,default:"400ms"},transitionTimingFunction:{type:String,default:"ease"},transitionDelay:{type:String,default:"0ms"}},computed:{apiRatio:function(){return this.ratio?this.ratio.replace("/",":"):this.width&&this.height?"".concat(this.width,":").concat(this.height):"1:1"},apiOutput:function(){return"none"!==this.placeholder&&this.placeholder},apiFocus:function(){return this.focus},paddingRatio:function(){var t=[];return this.ratio?t=this.ratio.split("/"):(t.push(this.width||1),t.push(this.height||1)),Number.parseFloat(t[1]/t[0]*100).toFixed(2)},bgStyle:function(){var t={};if(t.paddingTop="".concat(this.paddingRatio,"%"),this.apiOutput){var e=[];this.apiFocus&&e.push({k:"focus",v:this.apiFocus}),this.apiRatio&&e.push({k:"cover",v:this.apiRatio}),this.apiOutput&&e.push({k:"output",v:this.apiOutput});var n=e.map((function(t){return"".concat(t.k,"=").concat(t.v)})).join("/"),r=/^\//.test(this.src)?this.$domain+this.src:"".concat(this.$domain,"/").concat(this.src);t.backgroundImage="url(".concat(r,"?twic=v1/").concat(n,")")}return t},imgStyle:function(){return this.transition?{transitionDuration:this.transitionDuration,transitionTimingFunction:this.transitionTimingFunction,transitionDelay:this.transitionDelay}:{}},twicSrc:function(){return u({},"data-".concat(this.$twicClass,"-src"),"image:".concat(this.src))},twicFocus:function(){return u({},"data-".concat(this.$twicClass,"-src-focus"),this.focus)},twicStep:function(){return u({},"data-".concat(this.$twicClass,"-src-step"),this.step)}}},s=f;n("5ede");function l(t,e,n,r,o,i,c,a){var u,f="function"===typeof t?t.options:t;if(e&&(f.render=e,f.staticRenderFns=n,f._compiled=!0),r&&(f.functional=!0),i&&(f._scopeId="data-v-"+i),c?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(c)},f._ssrRegister=u):o&&(u=a?function(){o.call(this,(f.functional?this.parent:this).$root.$options.shadowRoot)}:o),u)if(f.functional){f._injectStyles=u;var s=f.render;f.render=function(t,e){return u.call(e),s(t,e)}}else{var l=f.beforeCreate;f.beforeCreate=l?[].concat(l,u):[u]}return{exports:t,options:f}}var p=l(s,c,a,!1,null,null,null),d=p.exports;n("4fad"),n("277d");function v(t){if(Array.isArray(t))return t}n("a4d3"),n("e01a"),n("d28b"),n("e260"),n("d3b7"),n("3ca3"),n("ddb0");function h(t,e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(t)){var n=[],r=!0,o=!1,i=void 0;try{for(var c,a=t[Symbol.iterator]();!(r=(c=a.next()).done);r=!0)if(n.push(c.value),e&&n.length===e)break}catch(u){o=!0,i=u}finally{try{r||null==a["return"]||a["return"]()}finally{if(o)throw i}}return n}}n("a630"),n("fb6a"),n("0d03"),n("b0c0"),n("25f0");function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function b(t,e){if(t){if("string"===typeof t)return g(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(t,e):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(t,e){return v(t)||h(t,e)||b(t,e)||y()}var x={install:function(t){t.script=function(t){var e=t.domain,n=t.params,r="".concat(e,"/?v1");if(!document.querySelector('script[src="'+r+'"]')){var o=document.createElement("script"),i=n&&Object.entries(n).map((function(t){var e=m(t,2),n=e[0],r=e[1];return"maxDpr"===n?"&max-dpr=".concat(r):"&".concat(n,"=").concat(r)})).join("");o.src=n?r+i:r;var c=document.createElement("link");c.setAttribute("rel","preconnect"),c.setAttribute("href",e),document.head.appendChild(c),document.head.appendChild(o)}}}},S=x,w={install:function(t,e){t.component("twic-img",d),"undefined"!==typeof window&&(t.use(S),t.script({domain:e.domain,params:e.defaultParams})),t.prototype.$params=e.defaultParams,t.prototype.$domain=e.domain,t.prototype.$twicClass="twic"}},O=w;e["default"]=O},fb6a:function(t,e,n){"use strict";var r=n("23e7"),o=n("861d"),i=n("e8b5"),c=n("23cb"),a=n("50c4"),u=n("fc6a"),f=n("8418"),s=n("b622"),l=n("1dde"),p=n("ae40"),d=l("slice"),v=p("slice",{ACCESSORS:!0,0:0,1:2}),h=s("species"),g=[].slice,b=Math.max;r({target:"Array",proto:!0,forced:!d||!v},{slice:function(t,e){var n,r,s,l=u(this),p=a(l.length),d=c(t,p),v=c(void 0===e?p:e,p);if(i(l)&&(n=l.constructor,"function"!=typeof n||n!==Array&&!i(n.prototype)?o(n)&&(n=n[h],null===n&&(n=void 0)):n=void 0,n===Array||void 0===n))return g.call(l,d,v);for(r=new(void 0===n?Array:n)(b(v-d,0)),s=0;d<v;d++,s++)d in l&&f(r,s,l[d]);return r.length=s,r}})},fc6a:function(t,e,n){var r=n("44ad"),o=n("1d80");t.exports=function(t){return r(o(t))}},fdbc:function(t,e){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},fdbf:function(t,e,n){var r=n("4930");t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator}})}));
2 | //# sourceMappingURL=vuetwicpics.umd.min.js.map


--------------------------------------------------------------------------------