├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.md │ ├── custom.md │ └── feature_request.md └── workflows │ └── gh-pages.yml ├── .gitignore ├── .vscode └── settings.json ├── CNAME ├── CODE_OF_CONDUCT.md ├── LICENSE ├── README.md ├── SECURITY.md ├── ads.txt ├── config.yml ├── cpu ├── After.png ├── With 1 sec.png ├── before.png └── config.png ├── extract.py ├── extracted_content_cleaned.txt ├── google222745b7993a4c1b.html ├── index.html ├── package-lock.json ├── package.json └── site ├── assets ├── css │ ├── docs.css │ └── lite-yt-embed.css ├── js │ ├── application.js │ ├── lite-yt-embed.js │ ├── partials │ │ ├── code-examples.js │ │ ├── sidebar.js │ │ └── snippets.js │ ├── search.js │ ├── snippets.js │ └── stackblitz.js └── scss │ ├── _ads.scss │ ├── _anchor.scss │ ├── _brand.scss │ ├── _buttons.scss │ ├── _callouts.scss │ ├── _clipboard-js.scss │ ├── _colors.scss │ ├── _component-examples.scss │ ├── _content.scss │ ├── _footer.scss │ ├── _layout.scss │ ├── _masthead.scss │ ├── _navbar.scss │ ├── _placeholder-img.scss │ ├── _scrolling.scss │ ├── _search.scss │ ├── _sidebar.scss │ ├── _skippy.scss │ ├── _syntax.scss │ ├── _toc.scss │ ├── _variables.scss │ ├── docs.scss │ └── search.scss ├── content ├── 404.md ├── docs │ ├── 2.0 │ │ ├── action │ │ │ └── value │ │ │ │ └── _index.html │ │ ├── addon │ │ │ └── xpath │ │ │ │ └── _index.html │ │ ├── configuration-list │ │ │ └── import-all │ │ │ │ └── _index.html │ │ └── settings │ │ │ └── check-iframe │ │ │ └── _index.html │ ├── 3.1 │ │ ├── action │ │ │ └── init-wait │ │ │ │ └── _index.html │ │ ├── configuration │ │ │ ├── export-import │ │ │ │ └── _index.html │ │ │ └── url │ │ │ │ └── _index.html │ │ └── settings │ │ │ └── check-iframe │ │ │ └── _index.html │ ├── 4.x │ │ ├── _index.html │ │ ├── about │ │ │ ├── permissions.md │ │ │ └── subscription.md │ │ ├── action-value │ │ │ ├── ai.md │ │ │ ├── append.md │ │ │ ├── attribute.md │ │ │ ├── batch-repeat.md │ │ │ ├── captcha.md │ │ │ ├── class.md │ │ │ ├── clipboard.md │ │ │ ├── copy.md │ │ │ ├── form-events.md │ │ │ ├── function.md │ │ │ ├── google-sheets.md │ │ │ ├── key-events.md │ │ │ ├── keyboard-events.md │ │ │ ├── location-command.md │ │ │ ├── mouse-events.md │ │ │ ├── overview.md │ │ │ ├── paste.md │ │ │ ├── prepend.md │ │ │ ├── query-param.md │ │ │ ├── random-value.md │ │ │ ├── replace.md │ │ │ ├── scroll-to.md │ │ │ ├── select-option.md │ │ │ └── window-command.md │ │ ├── action │ │ │ ├── action-condition.md │ │ │ ├── action-settings.md │ │ │ ├── columns-filter.md │ │ │ ├── element-finder.md │ │ │ └── overview.md │ │ ├── addon │ │ │ ├── condition.md │ │ │ ├── element-finder.md │ │ │ ├── overview.md │ │ │ ├── recheck.md │ │ │ └── value.md │ │ ├── config-list │ │ │ ├── bulk-export.md │ │ │ ├── bulk-import.md │ │ │ ├── bulk-remove.md │ │ │ ├── overview.md │ │ │ └── reorder.md │ │ ├── configuration │ │ │ ├── batch.md │ │ │ ├── config-settings.md │ │ │ ├── overview.md │ │ │ └── url.md │ │ ├── extension │ │ │ ├── language.md │ │ │ ├── log.md │ │ │ ├── status-bar.md │ │ │ └── theme.md │ │ ├── getting-started │ │ │ ├── _index.html │ │ │ ├── download.md │ │ │ └── introduction.md │ │ ├── record │ │ │ └── overview.md │ │ ├── session │ │ │ └── overview.md │ │ └── settings │ │ │ ├── backup.md │ │ │ ├── google-sheets.md │ │ │ ├── overview.md │ │ │ ├── retry.md │ │ │ ├── show-notification.md │ │ │ └── status-bar-location.md │ ├── _index.html │ ├── download │ │ └── _index.html │ └── introduction │ │ └── _index.html ├── download │ └── _index.html ├── options_page │ └── _index.html ├── options_page_beta │ └── _index.html ├── options_page_dev │ └── _index.html └── policy.md ├── data ├── breakpoints.yml ├── colors.yml ├── core-team.yml ├── examples.yml ├── grays.yml ├── icons.yml ├── plugins.yml ├── sidebar.yml └── theme-colors.yml ├── layouts ├── _default │ ├── 404.html │ ├── _markup │ │ ├── render-heading.html │ │ └── render-image.html │ ├── baseof.html │ ├── docs.html │ ├── home.algolia.json │ ├── home.html │ ├── redirect.html │ └── single.html ├── alias.html ├── partials │ ├── ads-recovery.html │ ├── ads.html │ ├── analytics.html │ ├── docs-navbar.html │ ├── docs-sidebar.html │ ├── example-float.md │ ├── example-xpath.md │ ├── favicons.html │ ├── footer.html │ ├── gdpr.html │ ├── header.html │ ├── home │ │ ├── masthead-followup.html │ │ └── masthead.html │ ├── icons.html │ ├── icons │ │ ├── bootstrap-black-fill.svg │ │ ├── bootstrap-white-fill.svg │ │ ├── chat-left-quote-fill.svg │ │ ├── discord.svg │ │ ├── github.svg │ │ ├── hamburger.svg │ │ ├── opencollective.svg │ │ ├── twitter.svg │ │ └── youtube.svg │ ├── redirect.html │ ├── responsive-img.html │ ├── scripts.html │ ├── skippy.html │ ├── social.html │ ├── stylesheet.html │ └── theme-toggler.html ├── robots.txt ├── shortcodes │ ├── callout.html │ ├── docsref.html │ ├── example.html │ ├── img.html │ ├── markdown.html │ ├── param.html │ ├── partial.html │ ├── table.html │ └── video.html └── sitemap.xml └── static ├── CNAME ├── ads.txt ├── brand ├── bootstrap-logo-black.svg ├── bootstrap-logo-shadow.png ├── bootstrap-logo-shadow@2x.png ├── bootstrap-logo-white.svg ├── bootstrap-logo.svg ├── bootstrap-social-logo.png ├── bootstrap-social-logo@2x.png └── bootstrap-social.png ├── docs └── 4.x │ └── assets │ ├── img │ ├── action-append.png │ ├── action-attr.png │ ├── action-class.png │ ├── action-columns.png │ ├── action-condition-modal.png │ ├── action-condition.png │ ├── action-init-wait.png │ ├── action-keyboard-events.png │ ├── action-name.png │ ├── action-options.png │ ├── action-prepend.png │ ├── action-random.png │ ├── action-repeat.png │ ├── action-replace.png │ ├── action-settings.png │ ├── action.png │ ├── addon-func.png │ ├── addon.png │ ├── batch.png │ ├── captcha-config.png │ ├── captcha-html.png │ ├── captcha-image.png │ ├── click-events.png │ ├── clipboard-copy-command.png │ ├── clipboard-paste-command.png │ ├── configuration-list-bulk-export.png │ ├── configuration-list-bulk-import.png │ ├── configuration-list-bulk-remove-modal.png │ ├── configuration-list-bulk-remove.png │ ├── configuration-list-remove.png │ ├── configuration-list-reorder-modal.png │ ├── configuration-list-reorder.png │ ├── configuration-list-with-options.png │ ├── configuration-options.png │ ├── configuration-settings-extension-load.png │ ├── configuration-settings-google-sheet-id.png │ ├── configuration-settings-start.png │ ├── configuration-settings.png │ ├── configuration.png │ ├── context-menu.png │ ├── copy-command.png │ ├── dark-theme.png │ ├── data-entry.png │ ├── data-entry@2x.png │ ├── exec-command.png │ ├── extension-log.png │ ├── extension-waiting-log.png │ ├── form-events.png │ ├── func-command.png │ ├── global-settings.png │ ├── icon-auto.png │ ├── icon-batch-action.png │ ├── icon-black.png │ ├── icon-done.png │ ├── icon-error.png │ ├── icon-manual.png │ ├── icon-retry.png │ ├── iframe-first.png │ ├── key-events.png │ ├── light-theme.png │ ├── location-command.png │ ├── multiple-events.png │ ├── openai.png │ ├── paste-command.png │ ├── query-url.png │ ├── query.png │ ├── schedule-url.png │ ├── schedule-url@2x.png │ ├── scroll-to.png │ ├── select-option.png │ ├── session-count.png │ ├── settings-backup.png │ ├── settings-google-sheets-error.png │ ├── settings-google-sheets.png │ ├── settings-retry.png │ ├── settings-show-notifications.png │ ├── settings.png │ ├── status-bar.png │ └── window-command.png │ ├── js │ ├── color-modes.js │ └── validate-forms.js │ └── video │ └── recording.mp4 ├── favicons ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon-48x48.png ├── favicon.ico ├── favicon144.png ├── favicon16.png ├── favicon168.png ├── favicon180.png ├── favicon192.png ├── favicon32.png ├── favicon48.png ├── favicon512.png ├── favicon72.png ├── favicon96.png ├── manifest.json └── safari-pinned-tab.svg ├── icons ├── beta_icon48.png ├── dev_icon48.png └── stable_icon48.png └── sw.js /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | - OS: [e.g. iOS] 28 | - Browser [e.g. chrome, safari] 29 | - Version [e.g. 22] 30 | 31 | **Smartphone (please complete the following information):** 32 | - Device: [e.g. iPhone6] 33 | - OS: [e.g. iOS8.1] 34 | - Browser [e.g. stock browser, safari] 35 | - Version [e.g. 22] 36 | 37 | **Additional context** 38 | Add any other context about the problem here. 39 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/custom.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Custom issue template 3 | about: Describe this issue template's purpose here. 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | 11 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. 21 | -------------------------------------------------------------------------------- /.github/workflows/gh-pages.yml: -------------------------------------------------------------------------------- 1 | name: github pages 2 | 3 | on: 4 | pull_request: 5 | branches: ["master"] 6 | workflow_dispatch: 7 | 8 | jobs: 9 | deploy: 10 | runs-on: ubuntu-latest 11 | steps: 12 | - uses: actions/checkout@v4 13 | with: 14 | submodules: true # Fetch Hugo themes (true OR recursive) 15 | fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod 16 | 17 | - name: Setup Hugo 18 | uses: peaceiris/actions-hugo@v2 19 | with: 20 | hugo-version: 'latest' 21 | extended: true 22 | 23 | - name: Setup Node 24 | uses: actions/setup-node@v4 25 | with: 26 | node-version: 20 27 | cache: 'npm' 28 | # The action defaults to search for the dependency file (package-lock.json, 29 | # npm-shrinkwrap.json or yarn.lock) in the repository root, and uses its 30 | # hash as a part of the cache key. 31 | # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-data 32 | cache-dependency-path: '**/package-lock.json' 33 | 34 | - run: npm ci 35 | 36 | - name: Build 37 | run: hugo --minify 38 | 39 | - name: Deploy 40 | uses: peaceiris/actions-gh-pages@v3 41 | with: 42 | github_token: ${{ secrets.GITHUB_TOKEN }} 43 | publish_dir: ./_site 44 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Ignore docs files 2 | /_site/ 3 | # Hugo files 4 | /resources/ 5 | /.hugo_build.lock 6 | 7 | # Numerous always-ignore extensions 8 | *.diff 9 | *.err 10 | *.log 11 | *.orig 12 | *.rej 13 | *.swo 14 | *.swp 15 | *.vi 16 | *.zip 17 | *~ 18 | 19 | # OS or Editor folders 20 | ._* 21 | .cache 22 | .DS_Store 23 | .idea 24 | .project 25 | .settings 26 | .tmproj 27 | *.esproj 28 | *.sublime-project 29 | *.sublime-workspace 30 | nbproject 31 | Thumbs.db 32 | /.vscode/ 33 | # Local Netlify folder 34 | .netlify 35 | 36 | # Komodo 37 | .komodotools 38 | *.komodoproject 39 | 40 | # Folders to ignore 41 | /dist-sass/ 42 | /js/coverage/ 43 | /node_modules/ 44 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "cSpell.words": [ 3 | "mousedown", 4 | "mouseleave", 5 | "mousemove", 6 | "mouseout", 7 | "mouseup" 8 | ], 9 | "editor.formatOnSave": false, 10 | "sonarlint.connectedMode.project": { 11 | "connectionId": "dhruv-techapps", 12 | "projectKey": "Dhruv-Techapps_auto-click-auto-fill" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | getautoclicker.com -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # Auto Clicker - AutoFill 5 | 6 | [![chrome][img-chrome]][link-chrome] 7 | [![chrome][img-chrome-users]][link-chrome] 8 | ![Chrome Web Store Version](https://img.shields.io/chrome-web-store/v/iapifmceeokikomajpccajhjpacjmibe) 9 | 10 | 11 | [img-chrome-users]:https://img.shields.io/chrome-web-store/users/iapifmceeokikomajpccajhjpacjmibe 12 | 13 | [img-chrome]:https://img.shields.io/chrome-web-store/stars/iapifmceeokikomajpccajhjpacjmibe?label=chrome&logo=googlechrome&logoColor=white 14 | [link-chrome]:https://chrome.google.com/webstore/detail/auto-clicker-autofill/iapifmceeokikomajpccajhjpacjmibe 15 | 16 | 17 | Documentation search is powered by [Algolia's DocSearch](https://docsearch.algolia.com/). -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- 1 | # Security Policy 2 | 3 | ## Supported Versions 4 | 5 | We currently support 2.2.1 and 3.x 6 | 7 | | Version | Supported | 8 | | ------- | ------------------ | 9 | | 3.2.x | :white_check_mark: | 10 | | 2.2.1 | :white_check_mark: | 11 | | < 2.2 | :x: | 12 | 13 | ## Reporting a Vulnerability 14 | 15 | If you find any vulnerability in project please drop a mail:dhruv.techapps@gmail.com with Suject:Vulnerability Found 16 | 17 | If Vulnerability is accepted we will create a issue for same and try to fix within 10-15 days of report. 18 | -------------------------------------------------------------------------------- /ads.txt: -------------------------------------------------------------------------------- 1 | google.com, pub-9512495707028343, DIRECT, f08c47fec0942fa0 -------------------------------------------------------------------------------- /cpu/After.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhruv-Techapps/acf-docs/fe015740c0a5d71db4716b1351d1209c5920b610/cpu/After.png -------------------------------------------------------------------------------- /cpu/With 1 sec.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhruv-Techapps/acf-docs/fe015740c0a5d71db4716b1351d1209c5920b610/cpu/With 1 sec.png -------------------------------------------------------------------------------- /cpu/before.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhruv-Techapps/acf-docs/fe015740c0a5d71db4716b1351d1209c5920b610/cpu/before.png -------------------------------------------------------------------------------- /cpu/config.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dhruv-Techapps/acf-docs/fe015740c0a5d71db4716b1351d1209c5920b610/cpu/config.png -------------------------------------------------------------------------------- /google222745b7993a4c1b.html: -------------------------------------------------------------------------------- 1 | --- 2 | sitemap: true 3 | --- 4 | google-site-verification: google222745b7993a4c1b.html 5 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | https://getautoclicker.com/ 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "auto-clicker-autofill", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "start": "hugo server --port 9001 --disableFastRender", 8 | "build": "hugo --minify", 9 | "docs": "npm-run-all docs-build docs-lint", 10 | "docs-build": "hugo --cleanDestinationDir --printUnusedTemplates", 11 | "docs-compile": "npm run docs-build", 12 | "docs-vnu": "node build/vnu-jar.mjs", 13 | "docs-lint": "npm run docs-vnu", 14 | "docs-serve": "hugo server --port 9001 --disableFastRender --noHTTPCache --renderToMemory --printPathWarnings --printUnusedTemplates", 15 | "docs-serve-only": "npx sirv-cli _site --port 9001", 16 | "algolia": "atomic-algolia" 17 | }, 18 | "author": "Dhruv Techapps", 19 | "license": "Apache-2.0", 20 | "files": [ 21 | "dist/{css,js}/*.{css,js,map}", 22 | "js/{src,dist}/**/*.{js,map}", 23 | "scss/**/*.scss" 24 | ], 25 | "hugo-bin": { 26 | "buildTags": "extended" 27 | }, 28 | "devDependencies": { 29 | "@docsearch/js": "^3.6.0", 30 | "@stackblitz/sdk": "^1.10.0", 31 | "autoprefixer": "^10.4.19", 32 | "bootstrap": "^5.3.3", 33 | "clipboard": "^2.0.11", 34 | "hugo-bin": "^0.122.8", 35 | "postcss-cli": "^11.0.0", 36 | "sass": "^1.77.1" 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /site/assets/css/lite-yt-embed.css: -------------------------------------------------------------------------------- 1 | lite-youtube { 2 | background-color: #000; 3 | position: relative; 4 | display: block; 5 | contain: content; 6 | background-position: center center; 7 | background-size: cover; 8 | cursor: pointer; 9 | max-width: 720px; 10 | } 11 | 12 | /* gradient */ 13 | lite-youtube::before { 14 | content: attr(data-title); 15 | display: block; 16 | position: absolute; 17 | top: 0; 18 | /* Pixel-perfect port of YT's gradient PNG, using https://github.com/bluesmoon/pngtocss plus optimizations */ 19 | background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%); 20 | height: 99px; 21 | width: 100%; 22 | font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif; 23 | color: hsl(0deg 0% 93.33%); 24 | text-shadow: 0 0 2px rgba(0,0,0,.5); 25 | font-size: 18px; 26 | padding: 25px 20px; 27 | overflow: hidden; 28 | white-space: nowrap; 29 | text-overflow: ellipsis; 30 | box-sizing: border-box; 31 | } 32 | 33 | lite-youtube:hover::before { 34 | color: white; 35 | } 36 | 37 | /* responsive iframe with a 16:9 aspect ratio 38 | thanks https://css-tricks.com/responsive-iframes/ 39 | */ 40 | lite-youtube::after { 41 | content: ""; 42 | display: block; 43 | padding-bottom: calc(100% / (16 / 9)); 44 | } 45 | lite-youtube > iframe { 46 | width: 100%; 47 | height: 100%; 48 | position: absolute; 49 | top: 0; 50 | left: 0; 51 | border: 0; 52 | } 53 | 54 | /* play button */ 55 | lite-youtube > .lty-playbtn { 56 | display: block; 57 | /* Make the button element cover the whole area for a large hover/click target… */ 58 | width: 100%; 59 | height: 100%; 60 | /* …but visually it's still the same size */ 61 | background: no-repeat center/68px 48px; 62 | /* YT's actual play button svg */ 63 | background-image: url('data:image/svg+xml;utf8,'); 64 | position: absolute; 65 | cursor: pointer; 66 | z-index: 1; 67 | filter: grayscale(100%); 68 | transition: filter .1s cubic-bezier(0, 0, 0.2, 1); 69 | border: 0; 70 | } 71 | 72 | lite-youtube:hover > .lty-playbtn, 73 | lite-youtube .lty-playbtn:focus { 74 | filter: none; 75 | } 76 | 77 | /* Post-click styles */ 78 | lite-youtube.lyt-activated { 79 | cursor: unset; 80 | } 81 | lite-youtube.lyt-activated::before, 82 | lite-youtube.lyt-activated > .lty-playbtn { 83 | opacity: 0; 84 | pointer-events: none; 85 | } 86 | 87 | .lyt-visually-hidden { 88 | clip: rect(0 0 0 0); 89 | clip-path: inset(50%); 90 | height: 1px; 91 | overflow: hidden; 92 | position: absolute; 93 | white-space: nowrap; 94 | width: 1px; 95 | } 96 | -------------------------------------------------------------------------------- /site/assets/js/application.js: -------------------------------------------------------------------------------- 1 | // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT 2 | // IT'S ALL JUST JUNK FOR OUR DOCS! 3 | // ++++++++++++++++++++++++++++++++++++++++++ 4 | 5 | /*! 6 | * JavaScript for Bootstrap's docs (https://getbootstrap.com/) 7 | * Copyright 2011-2024 The Bootstrap Authors 8 | * Licensed under the Creative Commons Attribution 3.0 Unported License. 9 | * For details, see https://creativecommons.org/licenses/by/3.0/. 10 | */ 11 | 12 | /* eslint-disable import/no-unresolved */ 13 | import sidebarScroll from 'js/partials/sidebar.js' 14 | import codeExamples from 'js/partials/code-examples.js' 15 | import snippets from 'js/partials/snippets.js' 16 | /* eslint-enable import/no-unresolved */ 17 | 18 | sidebarScroll() 19 | codeExamples() 20 | snippets() 21 | -------------------------------------------------------------------------------- /site/assets/js/partials/sidebar.js: -------------------------------------------------------------------------------- 1 | // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT 2 | // IT'S ALL JUST JUNK FOR OUR DOCS! 3 | // ++++++++++++++++++++++++++++++++++++++++++ 4 | 5 | /* 6 | * JavaScript for Bootstrap's docs (https://getbootstrap.com/) 7 | * Copyright 2011-2024 The Bootstrap Authors 8 | * Licensed under the Creative Commons Attribution 3.0 Unported License. 9 | * For details, see https://creativecommons.org/licenses/by/3.0/. 10 | */ 11 | 12 | export default () => { 13 | // Scroll the active sidebar link into view 14 | const sidenav = document.querySelector('.bd-sidebar') 15 | const sidenavActiveLink = document.querySelector('.bd-links-nav .active') 16 | 17 | if (!sidenav || !sidenavActiveLink) { 18 | return 19 | } 20 | 21 | const sidenavHeight = sidenav.clientHeight 22 | const sidenavActiveLinkTop = sidenavActiveLink.offsetTop 23 | const sidenavActiveLinkHeight = sidenavActiveLink.clientHeight 24 | const viewportTop = sidenavActiveLinkTop 25 | const viewportBottom = viewportTop - sidenavHeight + sidenavActiveLinkHeight 26 | 27 | if (sidenav.scrollTop > viewportTop || sidenav.scrollTop < viewportBottom) { 28 | sidenav.scrollTop = viewportTop - (sidenavHeight / 2) + (sidenavActiveLinkHeight / 2) 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /site/assets/js/search.js: -------------------------------------------------------------------------------- 1 | // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT 2 | // IT'S ALL JUST JUNK FOR OUR DOCS! 3 | // ++++++++++++++++++++++++++++++++++++++++++ 4 | 5 | /*! 6 | * JavaScript for Bootstrap's docs (https://getbootstrap.com/) 7 | * Copyright 2024 The Bootstrap Authors 8 | * Licensed under the Creative Commons Attribution 3.0 Unported License. 9 | * For details, see https://creativecommons.org/licenses/by/3.0/. 10 | */ 11 | 12 | import docsearch from '@docsearch/js'; 13 | // https://gohugo.io/hugo-pipes/js/#options 14 | // eslint-disable-next-line import/no-unresolved 15 | import { apiKey, appId, indexName } from '@params'; 16 | 17 | (() => { 18 | const searchElement = document.getElementById('docsearch') 19 | 20 | if (!searchElement) { 21 | return 22 | } 23 | 24 | const siteDocsVersion = searchElement.getAttribute('data-bd-docs-version') 25 | 26 | docsearch({ 27 | apiKey, 28 | indexName, 29 | appId, 30 | container: searchElement, 31 | searchParameters: { 32 | facetFilters: [`version:${siteDocsVersion}`] 33 | }, 34 | transformItems(items) { 35 | return items.map(item => { 36 | const liveUrl = 'https://getautoclicker.com/' 37 | 38 | item.url = window.location.origin.startsWith(liveUrl) ? 39 | // On production, return the result as is 40 | item.url : 41 | // On development or Netlify, replace `item.url` with a trailing slash, 42 | // so that the result link is relative to the server root 43 | item.url.replace(liveUrl, '/') 44 | 45 | // Prevent jumping to first header 46 | if (item.anchor === 'content') { 47 | item.url = item.url.replace(/#content$/, '') 48 | item.anchor = null 49 | } 50 | 51 | return item 52 | }) 53 | } 54 | }) 55 | })() 56 | -------------------------------------------------------------------------------- /site/assets/js/snippets.js: -------------------------------------------------------------------------------- 1 | /* 2 | * JavaScript for Bootstrap's docs (https://getbootstrap.com/) 3 | * Copyright 2011-2024 The Bootstrap Authors 4 | * Licensed under the Creative Commons Attribution 3.0 Unported License. 5 | * For details, see https://creativecommons.org/licenses/by/3.0/. 6 | */ 7 | 8 | // Note that this file is not published; we only include it in scripts.html 9 | // for StackBlitz to work 10 | 11 | /* eslint-disable import/no-unresolved */ 12 | import snippets from 'js/partials/snippets.js' 13 | /* eslint-enable import/no-unresolved */ 14 | 15 | snippets() 16 | -------------------------------------------------------------------------------- /site/assets/js/stackblitz.js: -------------------------------------------------------------------------------- 1 | // NOTICE!!! Initially embedded in our docs this JavaScript 2 | // file contains elements that can help you create reproducible 3 | // use cases in StackBlitz for instance. 4 | // In a real project please adapt this content to your needs. 5 | // ++++++++++++++++++++++++++++++++++++++++++ 6 | 7 | /*! 8 | * JavaScript for Bootstrap's docs (https://getbootstrap.com/) 9 | * Copyright 2024 The Bootstrap Authors 10 | * Licensed under the Creative Commons Attribution 3.0 Unported License. 11 | * For details, see https://creativecommons.org/licenses/by/3.0/. 12 | */ 13 | 14 | import sdk from '@stackblitz/sdk' 15 | // https://gohugo.io/hugo-pipes/js/#options 16 | import { 17 | cssCdn, docsVersion, jsBundleCdn, jsSnippetFile 18 | } from '@params'; // eslint-disable-line import/no-unresolved 19 | 20 | // Open in StackBlitz logic 21 | document.querySelectorAll('.btn-edit').forEach(btn => { 22 | btn.addEventListener('click', event => { 23 | const codeSnippet = event.target.closest('.bd-code-snippet') 24 | const exampleEl = codeSnippet.querySelector('.bd-example') 25 | 26 | const htmlSnippet = exampleEl.innerHTML 27 | const jsSnippet = codeSnippet.querySelector('.btn-edit').getAttribute('data-sb-js-snippet') 28 | // Get extra classes for this example 29 | const classes = Array.from(exampleEl.classList).join(' ') 30 | 31 | openBootstrapSnippet(htmlSnippet, jsSnippet, classes) 32 | }) 33 | }) 34 | 35 | const openBootstrapSnippet = (htmlSnippet, jsSnippet, classes) => { 36 | const indexHtml = ` 37 | 38 | 39 | 40 | 41 | 42 | 43 | Bootstrap Example 44 | <${'script'} defer src="${jsBundleCdn}"> 45 | 46 | 47 | 48 | ${htmlSnippet.trimStart().replace(/^/gm, ' ').replace(/^ {4}$/gm, '').trimEnd()} 49 | 50 | 51 | 52 | ` 53 | 54 | const project = { 55 | files: { 56 | 'index.html': indexHtml, 57 | ...(jsSnippet && { 'index.js': jsSnippetFile }) 58 | }, 59 | title: 'Bootstrap Example', 60 | description: `Official example from ${window.location.href}`, 61 | template: jsSnippet ? 'javascript' : 'html', 62 | tags: ['bootstrap'] 63 | } 64 | 65 | sdk.openProject(project, { openFile: 'index.html' }) 66 | } 67 | -------------------------------------------------------------------------------- /site/assets/scss/_ads.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important, selector-max-id 2 | 3 | // 4 | // Carbon ads 5 | // 6 | 7 | #carbonads { 8 | position: static; 9 | display: block; 10 | max-width: 400px; 11 | padding: 15px 15px 15px 160px; 12 | margin: 2rem 0; 13 | overflow: hidden; 14 | @include font-size(.8125rem); 15 | line-height: 1.4; 16 | text-align: left; 17 | background-color: var(--bs-tertiary-bg); 18 | 19 | a { 20 | color: var(--bs-body-color); 21 | text-decoration: none; 22 | } 23 | 24 | @include media-breakpoint-up(sm) { 25 | @include border-radius(.5rem); 26 | } 27 | } 28 | 29 | .carbon-img { 30 | float: left; 31 | margin-left: -145px; 32 | } 33 | 34 | .carbon-poweredby { 35 | display: block; 36 | margin-top: .75rem; 37 | color: var(--bs-body-color) !important; 38 | } 39 | -------------------------------------------------------------------------------- /site/assets/scss/_anchor.scss: -------------------------------------------------------------------------------- 1 | .anchor-link { 2 | padding: 0 .175rem; 3 | font-weight: 400; 4 | color: rgba($link-color, .5); 5 | text-decoration: none; 6 | opacity: 0; 7 | @include transition(color .15s ease-in-out, opacity .15s ease-in-out); 8 | 9 | &::after { 10 | content: "#"; 11 | } 12 | 13 | &:focus, 14 | &:hover, 15 | :hover > &, 16 | :target > & { 17 | color: $link-color; 18 | text-decoration: none; 19 | opacity: 1; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /site/assets/scss/_brand.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Brand guidelines 3 | // 4 | 5 | // Logo series wrapper 6 | .bd-brand-logos { 7 | color: $bd-violet; 8 | 9 | .inverse { 10 | color: $white; 11 | background-color: $bd-violet; 12 | } 13 | } 14 | 15 | // Individual items 16 | .bd-brand-item { 17 | + .bd-brand-item { 18 | border-top: 1px solid var(--bs-border-color); 19 | } 20 | 21 | @include media-breakpoint-up(md) { 22 | + .bd-brand-item { 23 | border-top: 0; 24 | border-left: 1px solid var(--bs-border-color); 25 | } 26 | } 27 | } 28 | 29 | 30 | // 31 | // Color swatches 32 | // 33 | 34 | .color-swatches { 35 | margin: 0 -5px; 36 | 37 | // Docs colors 38 | .bd-purple { 39 | background-color: $bd-purple; 40 | } 41 | .bd-purple-light { 42 | background-color: $bd-purple-light; 43 | } 44 | .bd-purple-lighter { 45 | background-color: #e5e1ea; 46 | } 47 | .bd-gray { 48 | background-color: #f9f9f9; 49 | } 50 | } 51 | 52 | .color-swatch { 53 | width: 4rem; 54 | height: 4rem; 55 | 56 | @include media-breakpoint-up(md) { 57 | width: 6rem; 58 | height: 6rem; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /site/assets/scss/_buttons.scss: -------------------------------------------------------------------------------- 1 | // Buttons 2 | // 3 | // Custom buttons for the docs. 4 | 5 | // scss-docs-start btn-css-vars-example 6 | .btn-bd-primary { 7 | --bs-btn-font-weight: 600; 8 | --bs-btn-color: var(--bs-white); 9 | --bs-btn-bg: var(--bd-violet-bg); 10 | --bs-btn-border-color: var(--bd-violet-bg); 11 | --bs-btn-hover-color: var(--bs-white); 12 | --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)}; 13 | --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)}; 14 | --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); 15 | --bs-btn-active-color: var(--bs-btn-hover-color); 16 | --bs-btn-active-bg: #{shade-color($bd-violet, 20%)}; 17 | --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)}; 18 | } 19 | // scss-docs-end btn-css-vars-example 20 | 21 | .btn-bd-accent { 22 | --bs-btn-font-weight: 600; 23 | --bs-btn-color: var(--bd-accent); 24 | --bs-btn-border-color: var(--bd-accent); 25 | --bs-btn-hover-color: var(--bd-dark); 26 | --bs-btn-hover-bg: var(--bd-accent); 27 | --bs-btn-hover-border-color: var(--bd-accent); 28 | --bs-btn-focus-shadow-rgb: var(--bd-accent-rgb); 29 | --bs-btn-active-color: var(--bs-btn-hover-color); 30 | --bs-btn-active-bg: var(--bs-btn-hover-bg); 31 | --bs-btn-active-border-color: var(--bs-btn-hover-border-color); 32 | } 33 | 34 | .btn-bd-light { 35 | --btn-custom-color: #{mix($bd-violet, $white, 75%)}; 36 | 37 | --bs-btn-color: var(--bs-gray-600); 38 | --bs-btn-border-color: var(--bs-border-color); 39 | --bs-btn-hover-color: var(--btn-custom-color); 40 | --bs-btn-hover-border-color: var(--btn-custom-color); 41 | --bs-btn-active-color: var(--btn-custom-color); 42 | --bs-btn-active-bg: var(--bs-white); 43 | --bs-btn-active-border-color: var(--btn-custom-color); 44 | --bs-btn-focus-border-color: var(--btn-custom-color); 45 | --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); 46 | } 47 | 48 | .bd-btn-lg { 49 | --bs-btn-border-radius: .5rem; 50 | 51 | padding: .8125rem 2rem; 52 | } 53 | -------------------------------------------------------------------------------- /site/assets/scss/_callouts.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Callouts 3 | // 4 | 5 | .bd-callout { 6 | --#{$prefix}link-color-rgb: var(--bd-callout-link); 7 | --#{$prefix}code-color: var(--bd-callout-code-color); 8 | 9 | padding: 1.25rem; 10 | margin-top: 1.25rem; 11 | margin-bottom: 1.25rem; 12 | color: var(--bd-callout-color, inherit); 13 | background-color: var(--bd-callout-bg, var(--bs-gray-100)); 14 | border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300)); 15 | 16 | h4 { 17 | margin-bottom: .25rem; 18 | } 19 | 20 | > :last-child { 21 | margin-bottom: 0; 22 | } 23 | 24 | + .bd-callout { 25 | margin-top: -.25rem; 26 | } 27 | 28 | .highlight { 29 | background-color: rgba($black, .05); 30 | } 31 | } 32 | 33 | // Variations 34 | @each $variant in $bd-callout-variants { 35 | .bd-callout-#{$variant} { 36 | --bd-callout-color: var(--bs-#{$variant}-text-emphasis); 37 | --bd-callout-bg: var(--bs-#{$variant}-bg-subtle); 38 | --bd-callout-border: var(--bs-#{$variant}-border-subtle); 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /site/assets/scss/_clipboard-js.scss: -------------------------------------------------------------------------------- 1 | // clipboard.js 2 | // 3 | // JS-based `Copy` buttons for code snippets. 4 | 5 | .bd-clipboard, 6 | .bd-edit { 7 | position: relative; 8 | display: none; 9 | float: right; 10 | 11 | + .highlight { 12 | margin-top: 0; 13 | } 14 | 15 | @include media-breakpoint-up(md) { 16 | display: block; 17 | } 18 | } 19 | 20 | .btn-clipboard, 21 | .btn-edit { 22 | display: block; 23 | padding: .5em; 24 | line-height: 1; 25 | color: var(--bs-body-color); 26 | background-color: var(--bd-pre-bg); 27 | border: 0; 28 | @include border-radius(.25rem); 29 | 30 | &:hover { 31 | color: var(--bs-link-hover-color); 32 | } 33 | 34 | &:focus { 35 | z-index: 3; 36 | } 37 | } 38 | 39 | .btn-clipboard { 40 | position: relative; 41 | z-index: 2; 42 | margin-top: 1.25rem; 43 | margin-right: .75rem; 44 | } 45 | -------------------------------------------------------------------------------- /site/assets/scss/_footer.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Footer 3 | // 4 | 5 | .bd-footer { 6 | a { 7 | color: var(--bs-body-color); 8 | text-decoration: none; 9 | 10 | &:hover, 11 | &:focus { 12 | color: var(--bs-link-hover-color); 13 | text-decoration: underline; 14 | } 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /site/assets/scss/_layout.scss: -------------------------------------------------------------------------------- 1 | .bd-gutter { 2 | --bs-gutter-x: #{$bd-gutter-x}; 3 | } 4 | 5 | .bd-layout { 6 | 7 | @include media-breakpoint-up(lg) { 8 | display: grid; 9 | grid-template-areas: "sidebar main"; 10 | grid-template-columns: 1fr 5fr; 11 | gap: $grid-gutter-width; 12 | } 13 | } 14 | 15 | .bd-sidebar { 16 | grid-area: sidebar; 17 | } 18 | 19 | .bd-main { 20 | grid-area: main; 21 | 22 | @include media-breakpoint-down(lg) { 23 | max-width: 760px; 24 | margin-inline: auto; 25 | } 26 | 27 | @include media-breakpoint-up(md) { 28 | display: grid; 29 | grid-template-areas: 30 | "intro" 31 | "toc" 32 | "content"; 33 | grid-template-rows: auto auto 1fr; 34 | gap: inherit; 35 | } 36 | 37 | @include media-breakpoint-up(lg) { 38 | grid-template-areas: 39 | "intro toc" 40 | "content toc"; 41 | grid-template-rows: auto 1fr; 42 | grid-template-columns: 4fr 1fr; 43 | } 44 | } 45 | 46 | .bd-intro { 47 | grid-area: intro; 48 | } 49 | 50 | .bd-toc { 51 | grid-area: toc; 52 | } 53 | 54 | .bd-content { 55 | grid-area: content; 56 | min-width: 1px; // Fix width when bd-content contains a `
` https://github.com/twbs/bootstrap/issues/25410
57 | }
58 | 


--------------------------------------------------------------------------------
/site/assets/scss/_placeholder-img.scss:
--------------------------------------------------------------------------------
 1 | //
 2 | // Placeholder svg used in the docs.
 3 | //
 4 | 
 5 | // Remember to update `site/_layouts/examples.html` too if this changes!
 6 | 
 7 | .bd-placeholder-img {
 8 |   @include font-size(1.125rem);
 9 |   user-select: none;
10 |   text-anchor: middle;
11 | }
12 | 
13 | .bd-placeholder-img-lg {
14 |   @include font-size(3.5rem);
15 | }
16 | 


--------------------------------------------------------------------------------
/site/assets/scss/_scrolling.scss:
--------------------------------------------------------------------------------
 1 | // When navigating with the keyboard, prevent focus from landing behind the sticky header
 2 | 
 3 | main {
 4 |   a,
 5 |   button,
 6 |   input,
 7 |   select,
 8 |   textarea,
 9 |   h2,
10 |   h3,
11 |   h4,
12 |   [tabindex="0"] {
13 |     scroll-margin-top: 80px;
14 |     scroll-margin-bottom: 100px;
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/site/assets/scss/_sidebar.scss:
--------------------------------------------------------------------------------
 1 | .bd-sidebar {
 2 |   @include media-breakpoint-up(lg) {
 3 |     position: sticky;
 4 |     top: 5rem;
 5 |     // Override collapse behaviors
 6 |     // stylelint-disable-next-line declaration-no-important
 7 |     display: block !important;
 8 |     height: subtract(100vh, 6rem);
 9 |     // Prevent focus styles to be cut off:
10 |     padding-left: .25rem;
11 |     margin-left: -.25rem;
12 |     overflow-y: auto;
13 |   }
14 | 
15 |   @include media-breakpoint-down(lg) {
16 |     .offcanvas-lg {
17 |       border-right-color: var(--bs-border-color);
18 |       box-shadow: var(--bs-box-shadow-lg);
19 |     }
20 |   }
21 | }
22 | 
23 | .bd-links-heading {
24 |   color: var(--bs-emphasis-color);
25 | }
26 | 
27 | .bd-links-nav {
28 |   @include media-breakpoint-down(lg) {
29 |     font-size: .875rem;
30 |   }
31 | 
32 |   @include media-breakpoint-between(xs, lg) {
33 |     column-count: 2;
34 |     column-gap: 1.5rem;
35 | 
36 |     .bd-links-group {
37 |       break-inside: avoid;
38 |     }
39 | 
40 |     .bd-links-span-all {
41 |       column-span: all;
42 |     }
43 |   }
44 | }
45 | 
46 | .bd-links-link {
47 |   padding: .1875rem .5rem;
48 |   margin-top: .125rem;
49 |   margin-left: 1.125rem;
50 |   color: var(--bs-body-color);
51 |   text-decoration: if($link-decoration == none, null, none);
52 | 
53 |   &:hover,
54 |   &:focus,
55 |   &.active {
56 |     color: var(--bs-emphasis-color);
57 |     text-decoration: if($link-hover-decoration == underline, none, null);
58 |     background-color: var(--bd-sidebar-link-bg);
59 |   }
60 | 
61 |   &.active {
62 |     font-weight: 600;
63 |   }
64 | }
65 | 


--------------------------------------------------------------------------------
/site/assets/scss/_skippy.scss:
--------------------------------------------------------------------------------
1 | .skippy {
2 |   background-color: $bd-purple;
3 | 
4 |   a {
5 |     color: $white;
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/site/assets/scss/_toc.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable selector-max-type, selector-no-qualifying-type
 2 | 
 3 | .bd-toc {
 4 |   @include media-breakpoint-up(lg) {
 5 |     position: sticky;
 6 |     top: 5rem;
 7 |     right: 0;
 8 |     z-index: 2;
 9 |     height: subtract(100vh, 7rem);
10 |     overflow-y: auto;
11 |   }
12 | 
13 |   nav {
14 |     @include font-size(.875rem);
15 | 
16 |     ul {
17 |       padding-left: 0;
18 |       margin-bottom: 0;
19 |       list-style: none;
20 | 
21 |       ul {
22 |         padding-left: 1rem;
23 |       }
24 |     }
25 | 
26 |     a {
27 |       display: block;
28 |       padding: .125rem 0 .125rem .75rem;
29 |       color: inherit;
30 |       text-decoration: none;
31 |       border-left: .125rem solid transparent;
32 | 
33 |       &:hover,
34 |       &.active {
35 |         color: var(--bd-toc-color);
36 |         border-left-color: var(--bd-toc-color);
37 |       }
38 | 
39 |       &.active {
40 |         font-weight: 500;
41 |       }
42 | 
43 |       code {
44 |         font: inherit;
45 |       }
46 |     }
47 |   }
48 | }
49 | 
50 | .bd-toc-toggle {
51 |   display: flex;
52 |   align-items: center;
53 | 
54 |   @include media-breakpoint-down(sm) {
55 |     justify-content: space-between;
56 |     width: 100%;
57 |   }
58 | 
59 |   @include media-breakpoint-down(md) {
60 |     color: var(--bs-body-color);
61 |     border: 1px solid var(--bs-border-color);
62 |     @include border-radius(var(--bs-border-radius));
63 | 
64 |     &:hover,
65 |     &:focus,
66 |     &:active,
67 |     &[aria-expanded="true"] {
68 |       color: var(--bd-violet);
69 |       background-color: var(--bs-body-bg);
70 |       border-color: var(--bd-violet);
71 |     }
72 | 
73 |     &:focus,
74 |     &[aria-expanded="true"] {
75 |       box-shadow: 0 0 0 3px rgba(var(--bd-violet-rgb), .25);
76 |     }
77 |   }
78 | }
79 | 
80 | .bd-toc-collapse {
81 |   @include media-breakpoint-down(md) {
82 |     nav {
83 |       padding: 1.25rem 1.25rem 1.25rem 1rem;
84 |       background-color: var(--bs-tertiary-bg);
85 |       border: 1px solid var(--bs-border-color);
86 |       @include border-radius(var(--bs-border-radius));
87 |     }
88 |   }
89 | 
90 |   @include media-breakpoint-up(md) {
91 |     display: block !important; // stylelint-disable-line declaration-no-important
92 |   }
93 | }
94 | 


--------------------------------------------------------------------------------
/site/assets/scss/_variables.scss:
--------------------------------------------------------------------------------
 1 | // Local docs variables
 2 | $bd-purple:        #4c0bce;
 3 | $bd-violet:        lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list
 4 | $bd-purple-light:  lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable-line function-disallowed-list
 5 | $bd-accent:        #ffe484;
 6 | 
 7 | $bd-gutter-x: 3rem;
 8 | $bd-callout-variants: info, warning, danger !default;
 9 | 
10 | :root,
11 | [data-bs-theme="light"] {
12 |   --bd-purple: #{$bd-purple};
13 |   --bd-violet: #{$bd-violet};
14 |   --bd-accent: #{$bd-accent};
15 |   --bd-violet-rgb: #{to-rgb($bd-violet)};
16 |   --bd-accent-rgb: #{to-rgb($bd-accent)};
17 |   --bd-pink-rgb: #{to-rgb($pink-500)};
18 |   --bd-teal-rgb: #{to-rgb($teal-500)};
19 |   --bd-violet-bg: var(--bd-violet);
20 |   --bd-toc-color: var(--bd-violet);
21 |   --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
22 |   --bd-callout-link: #{to-rgb($blue-600)};
23 |   --bd-callout-code-color: #{$pink-600};
24 |   --bd-pre-bg: var(--bs-tertiary-bg);
25 | }
26 | 
27 | @include color-mode(dark, true) {
28 |   --bd-violet: #{mix($bd-violet, $white, 75%)};
29 |   --bd-violet-bg: #{$bd-violet};
30 |   --bd-toc-color: var(--#{$prefix}emphasis-color);
31 |   --bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5);
32 |   --bd-callout-link: #{to-rgb($blue-300)};
33 |   --bd-callout-code-color: #{$pink-300};
34 |   --bd-pre-bg: #{adjust-color($gray-900, $lightness: -2.5%)}; // stylelint-disable-line scss/at-function-named-arguments
35 | }
36 | 


--------------------------------------------------------------------------------
/site/assets/scss/docs.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap Docs (https://getbootstrap.com/)
 3 |  * Copyright 2011-2024 The Bootstrap Authors
 4 |  * Licensed under the Creative Commons Attribution 3.0 Unported License.
 5 |  * For details, see https://creativecommons.org/licenses/by/3.0/.
 6 |  */
 7 | 
 8 | // Dev notes
 9 | //
10 | // Background information on nomenclature and architecture decisions here.
11 | //
12 | // - Bootstrap functions, variables, and mixins are included for easy reuse.
13 | //   Doing so gives us access to the same core utilities provided by Bootstrap.
14 | //   For example, consistent media queries through those mixins.
15 | //
16 | // - Bootstrap's **docs variables** are prefixed with `$bd-`.
17 | //   These custom colors avoid collision with the components Bootstrap provides.
18 | //
19 | // - Classes are prefixed with `.bd-`.
20 | //   These classes indicate custom-built or modified components for the design
21 | //   and layout of the Bootstrap docs. They are not included in our builds.
22 | //
23 | // Happy Bootstrapping!
24 | 
25 | // Load Bootstrap variables and mixins
26 | @import "../../../node_modules/bootstrap/scss/functions";
27 | @import "../../../node_modules/bootstrap/scss/variables";
28 | @import "../../../node_modules/bootstrap/scss/mixins";
29 | 
30 | // fusv-disable
31 | $enable-grid-classes: false;
32 | $enable-cssgrid: true;
33 | // fusv-enable
34 | @import "../../../node_modules/bootstrap/scss/grid";
35 | 
36 | // Load docs components
37 | @import "variables";
38 | @import "navbar";
39 | @import "masthead";
40 | @import "ads";
41 | @import "content";
42 | @import "skippy";
43 | @import "sidebar";
44 | @import "layout";
45 | @import "toc";
46 | @import "footer";
47 | @import "component-examples";
48 | @import "buttons";
49 | @import "callouts";
50 | @import "brand";
51 | @import "colors";
52 | @import "clipboard-js";
53 | @import "placeholder-img";
54 | @import "scrolling";
55 | 
56 | // Load docs dependencies
57 | @import "syntax";
58 | @import "anchor";
59 | 


--------------------------------------------------------------------------------
/site/assets/scss/search.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap Docs (https://getbootstrap.com/)
 3 |  * Copyright 2024 The Bootstrap Authors
 4 |  * Licensed under the Creative Commons Attribution 3.0 Unported License.
 5 |  * For details, see https://creativecommons.org/licenses/by/3.0/.
 6 |  */
 7 | 
 8 | @import "../../../node_modules/bootstrap/scss/functions";
 9 | @import "../../../node_modules/bootstrap/scss/variables";
10 | @import "../../../node_modules/bootstrap/scss/mixins";
11 | @import "variables";
12 | 
13 | @import "@docsearch/css/dist/style";
14 | @import "search";
15 | 


--------------------------------------------------------------------------------
/site/content/404.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: "404 - File not found"
 3 | layout: 404
 4 | description: ""
 5 | url: /404.html
 6 | robots: noindex,follow
 7 | sitemap_exclude: true
 8 | ---
 9 | 
10 | 

11 |   
404

12 |   
File not found

13 | 

14 | 


--------------------------------------------------------------------------------
/site/content/docs/2.0/action/value/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/action/value/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/2.0/addon/xpath/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/addon/element-finder/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/2.0/configuration-list/import-all/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/configuration/export-import/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/2.0/settings/check-iframe/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/settings/check-iframe/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/3.1/action/init-wait/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/action/init-wait/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/3.1/configuration/export-import/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/configuration/export-import/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/3.1/configuration/url/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/configuration/url/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/3.1/settings/check-iframe/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/settings/check-iframe/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/4.x/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/getting-started/introduction/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/4.x/about/permissions.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Permission
 4 | description: Why we require below permissions
 5 | group: about
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | #### [notifications](https://developer.chrome.com/extensions/notifications)
11 | - Used to display notifications in case of errors on the configuration page or when an add-on condition is not met.
12 | {{}}
13 | 
14 | {{}}
15 | #### [contextMenus](https://developer.chrome.com/extensions/contextMenus)
16 | - Allows users to access quick configuration features. Right-click any button and select "Auto Click / Auto Fill" to configure directly.
17 | {{}}
18 | 
19 | {{}}
20 | #### [downloads](https://developer.chrome.com/extensions/downloads)
21 | - Required to export the user-created configuration.
22 | {{}}
23 | 
24 | {{}}
25 | #### [storage](https://developer.chrome.com/extensions/storage), [unlimitedStorage](https://developer.chrome.com/extensions/unlimitedStorage)
26 | - Used to store and manage configurations created by users.
27 | {{}}
28 | 
29 | {{}}
30 | #### [activeTab](https://developer.chrome.com/extensions/activeTab)
31 | - Allows the extension to identify and interact with the current tab where automation is being executed.
32 | {{}}
33 | 
34 | {{}}
35 | #### [alarms](https://developer.chrome.com/extensions/alarms)
36 | - Utilized for setting up periodic backups if the user enables this feature.
37 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/about/subscription.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Subscription
 4 | description: Subscribe to PRO features of extension
 5 | group: about
 6 | toc: true
 7 | ---
 8 | 
 9 | To upgrade to the Pro version of our extension, please follow these steps:
10 | 
11 | ## Subscribe via different payment option
12 | Click the subscription button below to securely pay for your subscription using 
13 | - [Github Subscription](https://github.com/sponsors/Dhruv-Techapps)
14 | 
15 | ## Send Payment Details
16 | After completing your payment, please send an email to [support.getautoclicker@gmail.com](mailto:support.getautoclicker@gmail.com) with the following details:
17 | - The Gmail address you use to log in to the Auto Clicker application
18 | - Any other relevant information
19 | 
20 | ## Enable Pro Version
21 | Once we receive and verify your payment information, we will enable the Pro version of the extension for your account. You'll receive a confirmation email when the upgrade is complete.
22 | Thank you for your support! 
23 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/ai.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | layout: docs
 4 | title: AI [PRO Feature]
 5 | description: Generate AI content
 6 | group: action-value
 7 | toc: true
 8 | ---
 9 | 
10 | {{}}
11 | 
12 | 
13 |   
14 |     
15 |       
16 |       
17 |     
18 |   
19 |   
20 |     
21 |       
22 |       
23 |     
24 |   
25 | 
openai::Description
openai::your promptWrite a compelling and professional bio about myself. My name is Dharmesh, and I am a senior software engineer with over 13 years of experience in designing, architecting, and developing scalable web applications. I specialize in building intuitive and responsive interfaces using modern frameworks like ReactJS and have expertise in monorepos, functional components, and design systems. I am also the developer of the popular Chrome extension 'Auto Clicker AutoFill,' which has over 200,000 users worldwide. Additionally, I provide independent personal services and have experience in AI-based development, including Python for Data Science. I am passionate about innovation, continuous learning, and delivering impactful solutions. Craft a well-structured bio that highlights my expertise, accomplishments, and vision.

26 | 
27 | {{}}
28 | We offer 5 free calls per user each month — perfect for testing and trying out our features. This limit resets monthly, giving you a fresh opportunity to explore our capabilities.
29 | 
30 | Need more? [Upgrade to the Pro]({{}}) version to unlock unlimited API access and boost your productivity without restrictions. This upgrade allows you to maximize productivity without worrying about daily limits.
31 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/append.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Append
 4 | description: Append the text on existing field.
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | 
12 |   
13 |     
14 |       
15 |       
16 |     
17 |   
18 |   
19 |     
20 |       
21 |       
22 |     
23 |   
24 | 
Append::Description
Append::WorldNow append value to existing input field. This will append the World text to existing text field

25 | 
26 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/attribute.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Attribute
 4 | description: Update the attribute of the element using below commands.
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | 
12 |   
13 |     
14 |       
15 |       
16 |     
17 |   
18 |   
19 |     
20 |       
21 |       
27 |     
28 |     
29 |       
30 |       
35 |     
36 |   
37 | 
Attr::Description
Attr::set::prop::valueNow update value of attribute using attribute syntax.
22 |         
    
23 |           
  • Attr::set::disabled::false <input disabled="true"> -> <input disabled="false">
    • 
24 |           
  • Attr::set::target::_blank <a> -> <a target="_blank"> to open links in new tab
    • 
25 |         

26 |       
Attr::remove::propNow remove attribute using attribute syntax.
31 |         
    
32 |           
  • Attr::remove::disabled <input disabled="true"> -> <input>
    • 
33 |         

34 |       



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/batch-repeat.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Batch Repeat
 4 | description: Now combine the power of batch into actions using <BatchRepeat>
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | ##### You can get sequence value with [batch repeat]({{}})
12 | 
13 | e.g. In value field if you enter `example`
14 | 
15 | 1. Value will be `example0`
16 | 2. Value will be `example1`
17 | 
18 | ##### This will continue for no of batch repeat you have provided.
19 | 
20 | e.g. If batch repeat is `5` it will run till `example4`
21 | {{}}
22 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/captcha.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | layout: docs
 4 | title: Captcha [PRO Feature]
 5 | description: Resolve image captcha using AI
 6 | group: action-value
 7 | toc: true
 8 | ---
 9 | ### Captcha Problem
10 | {{}}
11 | 
12 | ### Captcha HTML with Inspect
13 | {{}}
14 | 
15 | ### Captcha Configuration
16 | {{}}
17 | 
18 | 
19 |   
20 |     
21 |       
22 |       
23 |     
24 |   
25 |   
26 |     
27 |       
28 |       
29 |     
30 |   
31 | 
Image::Element Finder of the image contains captcha
Image:://img[@class="captcha-img"]This will capture the image content and send to vision AI of and resolve the image into text and it will get filled in the element finder of action

32 | 
33 | {{}}
34 | We offer 5 free calls per user each month — perfect for testing and trying out our features. This limit resets monthly, giving you a fresh opportunity to explore our capabilities.
35 | 
36 | Need more? [Upgrade to the Pro]({{}}) version to unlock unlimited API access and boost your productivity without restrictions. This upgrade allows you to maximize productivity without worrying about daily limits.
37 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/class.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Class
 4 | description: Update the class attribute of and element selected using element finder
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | 
12 |   
13 |     
14 |       
15 |       
16 |     
17 |   
18 |   
19 |     
20 |       
24 |       
29 |     
30 |     
31 |       
35 |       
40 |     
41 |     
42 |       
46 |       
51 |     
52 |     
53 |       
54 |       
59 |     
60 |   
61 | 
Class::Description

21 |         Class::add::className

22 |         e.g. Class::add::btn
23 |       		Now add new class to element using class syntax.
25 |         
    
26 |           
  • <input class="button"> -> <input class="button btn">
    • 
27 |         

28 |       

32 |         Class::remove::className

33 |         e.g. Class::remove::btn
34 |       		Now remove new class from element using class syntax.
36 |         
    
37 |           
  • <input class="button btn"> -> <input class="button">
    • 
38 |         

39 |       

43 |         Class::replace::removeClassName::addClassName

44 |         e.g. Class::replace::unlike::like
45 |       		Now replace one class with another to element using class syntax.
47 |         
    
48 |           
  • <span class="unlike"> -> <span class="like">
    • 
49 |         

50 |       
Class::clearNow remove all class of element using class syntax.
55 |         
    
56 |           
  • <input class="btn btn-primary button"> -> <input class="">
    • 
57 |         

58 |       



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/copy.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Copy
 4 | description: Now you can copy any content from webpage using copy command and paste back any where within same domain.
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | 
12 |   
13 |     
14 |       
15 |       
16 |     
17 |   
18 |   
19 |     
20 |       
21 |       
24 |     
25 |     
26 |       
27 |       
30 |     
31 |     
32 |       
33 |       
36 |     
37 |     
38 |       
39 |       
42 |     
43 |     
44 |       
45 |       
48 |     
49 |     
50 |       
51 |       
54 |     
55 |   
56 | 
Copy::Description (Copy text from webpage)
Copy::[.]{6}
22 |         [.] - Any Single Character {6} - no of characters 6
23 |       
Copy::[.]+
28 |         [.] - Any Single Character + - all characters
29 |       
Copy::[a-z]{6}
34 |         [a-z] - A character in the range: a-z
35 |       
Copy::[A-Z]{6}
40 |         [A-Z] - A character in the range: A-Z
41 |       
Copy::[\d]{6}
46 |         [\d] - A digit
47 |       
Copy::[\w]{6}
52 |         [\w] - A word character
53 |       



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/form-events.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | layout: docs
 4 | title: Form Events
 5 | description: Perform form specific events on input field and button of form.
 6 | group: action-value
 7 | toc: true
 8 | ---
 9 | 
10 | {{}}
11 | 
12 | 
13 |   
14 |     
15 |       
16 |       
17 |     
18 |   
19 |   
20 |     
21 |       
22 |       
23 |     
24 |     
25 |       
26 |       
27 |     
28 |      
29 |       
30 |       
35 |     
36 |     
37 |       
38 |       
39 |     
40 |     
41 |       
42 |       
43 |     
44 |     
45 |       
46 |       
47 |     
48 |     
49 |       
50 |       
51 |     
52 |     
53 |       
54 |       
55 |     
56 |   
57 | 
FormEvents::Description
FormEvents::blurIt will trigger blur event on the element.
 It removed focus from the element.
FormEvents::clickIt will click the form element.
FormEvents::click-onceOur program features an intelligent click behavior that ensures elements are clicked only once, if the page is not fully refreshed. Let’s illustrate this with an example:
31 | 
32 | Suppose there are five posts available on a page. If extension clicks an element once, our program registers that action. Now, if additional posts are loaded (e.g., through a “Load More” button), the program will not re-click the previously clicked posts. It intelligently avoids redundant clicks, providing a seamless user experience.
33 | 
34 | By implementing this behavior, we enhance efficiency and prevent unintended interactions. Users can confidently interact with elements without worrying about accidental double-clicks. 
FormEvents::focusIt will trigger focus event on the element.
FormEvents::selectIt will trigger select event on the element.
 In input field and textarea it will select the text inside
FormEvents::submitIt will submit the form in which element is present.
FormEvents::clearIt will trigger clear event on the element.
 It clears field value.
FormEvents::removeIt will remove element.



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/function.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | layout: docs
 4 | title: Function
 5 | description: Perform browser specific functions using `func::` command its limited to browser specific functions only and not user defined.
 6 | group: action-value
 7 | toc: true
 8 | ---
 9 | 
10 | Now run browser default API functions or custom func from extension directly. This feature is still under development and we will provide better location to run command from action. Run one or more than one command by separating them using `;` 
`Func::console.log("Hello");console.log("World");`
11 | 
12 | {{}}
13 | 
14 | {{}}
15 | 
16 | #### Func methods
17 | 
18 | One important warning in advance: Malicious scripts can violate your privacy and act on your behalf!
19 | 
20 | - You should create script own. for simpler functionality like calling a function and all.
21 | - If you not sure how to what all functions are available then You should only run scripts from sources you trust.
22 | {{}}
23 | 
24 | 
25 |   
26 |     
27 |       
28 |     
29 |   
30 |   
31 |     
32 |       
33 |     
34 |      
35 |       
36 |     
37 |      
38 |       
39 |     
40 |     
41 |       
42 |     
43 |     
44 |       
45 |     
46 |     
47 |       
48 |     
49 |     
50 |       
51 |     
52 |     
53 |       
54 |     
55 |     
56 |       
57 |     
58 |     
59 |       
60 |     
61 |     
62 |       
63 |     
64 |     
65 |       
66 |     
67 |     
68 |       
69 |     
70 |     
71 |       
72 |     
73 |   
74 | 
Examples
Func::console.log("Hello")
Func::<batchRepeat>
Func::<actionRepeat>
Func::<sessionCount>
Func::<random>
Func::<clipboardPaste>
Func::<paste>
Func::<paste>.split(",")[0]
Func::'Lion,Elephant,Tiger,Giraffe,Zebra,Kangaroo,Penguin,Dolphin,Panda,Leopard'.split(",")[<paste>]
Func::new Date()
Func::Date.now()
Func::Date.now().getDate()
Func::Date.now().getDay()
Func::window.location.href

75 | 
76 | Javascript Inbuilt functions


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/google-sheets.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Google Sheets
 4 | description: Connect with your google account and fill form using google sheets data directly in iterative manner.
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | Before using Google Sheets Value please do connect extension with [Google Sheets]({{}}) and add [Google Sheet ID]({{}})
10 | 
11 | You can use [Google Sheets A1 Notation](https://developers.google.com/sheets/api/guides/concepts#:~:text=The%20Google%20Sheets%20API%20is,Update%20spreadsheet%20formatting) to fetch the cell value
12 | 
13 | 
14 | 
15 | 
16 |   
17 |     
18 |       
19 |       
20 |     
21 |   
22 |   
23 |     
24 |       
25 |       
28 |     
29 |     
30 |       
31 |       
34 |     
35 |     
36 |       
37 |       
40 |     
41 |     
42 |       
43 |       
46 |     
47 |   
48 | 
GoogleSheets::A1 NotationDescription (Copy cell value from Google Sheet)
GoogleSheets::Sheet1!A1
26 |         Fetch the A1 Cell value from Sheet1
27 |       
GoogleSheets::Sheet1!B1
32 |         Fetch the B1 Cell value from Sheet1
33 |       
GoogleSheets::Sheet1!C<batchRepeat>
38 |         Batch Repeat is combined with this Action and for Repeat value 0, 1, ....N it fetches values from Cell C1, C2,.... CN+1
39 |       
GoogleSheets::Sheet1!C<sessionCount>
44 |         count will be maintained in session so if page require to submit/refresh/reopen the page it will continue from where it was left until its opened in new tab
45 |       

49 | 
50 | {{}}
51 | We offer 10 free calls per user each month — perfect for testing and trying out our features. This limit resets monthly, giving you a fresh opportunity to explore our capabilities.
52 | 
53 | Need more? [Upgrade to the Pro]({{}}) version to unlock unlimited API access and boost your productivity without restrictions. This upgrade allows you to maximize productivity without worrying about daily limits.
54 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/key-events.md:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | ---
 4 | layout: docs
 5 | title: Key Events
 6 | description: Perform key specific events with delay on input fields and search bar
 7 | group: action-value
 8 | toc: true
 9 | ---
10 | 
11 | {{}}
12 | 
13 | 
14 |   
15 |     
16 |       
17 |       
18 |     
19 |   
20 |   
21 |     
22 |       
23 |       
24 |     
25 |     
26 |       
27 |       
28 |     
29 |   
30 | 
KeyEvents::Description
KeyEvents::Example TextIt simulate typing of  `Example Text` same like keyboard typing.
KeyEvents::{"value":"Example text","delay":3}It simulate typing of  `Example Text` same like keyboard typing where each letter is typed with 3 sec delay.



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/location-command.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Location Command
 4 | description: Perform location specific commands
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | 
12 |   
13 |     
14 |       
15 |       
16 |     
17 |   
18 |   
19 |     
20 |       
21 |       
22 |     
23 |     
24 |       
25 |       
26 |     
27 |     
28 |       
29 |       
30 |     
31 |     
32 |       
33 |       
34 |     
35 |     
36 |       
37 |       
38 |     
39 |     
40 |       
41 |       
42 |     
43 |      
44 |       
45 |       
46 |     
47 |      
48 |       
49 |       
50 |     
51 |     
52 |       
53 |       
54 |     
55 |     
56 |       
57 |       
58 |     
59 |     
60 |       
61 |       
62 |     
63 |   
64 | 
LocationCommand::Description
LocationCommand::reloadForce reloading the current page from the server.
LocationCommand::href::https://getautoclicker.comit will open https://getautoclicker.com in same tab
LocationCommand::replace::https://getautoclicker.comIt will open this page without maintaining history so when you click back you can come to this page again
LocationCommand::assign::https://getautoclicker.comIts similar to you click on link which open another page
LocationCommand::focusIts similar to you focus on window/page
LocationCommand::blurIts similar to you move out on window/page
LocationCommand::printIts similar to you Print (Ctrl + P) out on window/page
LocationCommand::stopIts similar to you stop window/page load
LocationCommand::moveBy::x,yIts similar to move window/page by x and y pixels
LocationCommand::moveTo::x,yIts similar to move window/page to x and y pixels
LocationCommand::open::https://getautoclicker.comIts similar to open https://getautoclicker.com page in new tab



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/mouse-events.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Mouse Events
 4 | description: Perform click events and mouse events using below commands
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | 
12 |   
13 |     
14 |       
15 |       
16 |     
17 |   
18 |   
19 |     
20 |       
21 |       
22 |     
23 |     
24 |       
25 |       
26 |     
27 |     
28 |       
29 |       
30 |     
31 |     
32 |       
33 |       
34 |     
35 |     
36 |       
37 |       
38 |     
39 |     
40 |       
41 |       
42 |     
43 |     
44 |       
45 |       
46 |     
47 |     
48 |       
49 |       
50 |     
51 |     
52 |       
53 |       
54 |     
55 |      
56 |       
57 |       
58 |     
59 |     
60 |       
61 |       
62 |     
63 |      
64 |       
65 |       
66 |     
67 |      
68 |       
69 |       
70 |     
71 |     
72 |       
73 |       
74 |     
75 |   
76 | 
MouseEvents::Description
MouseEvents::clickIt will click the element.
MouseEvents::dblclickIt will double click the element.
MouseEvents::mousedownIt will trigger mouse down event on element.
MouseEvents::mouseupIt will trigger mouse up event on element.
MouseEvents::mouseoverIt will trigger mouse over event on element
MouseEvents::mouseoutIt will trigger mouse out event on element.
MouseEvents::mouseenterIt will trigger mouse enter event on element.
MouseEvents::mouseleaveIt will trigger mouse leave event on element.
MouseEvents::mousemoveIt will trigger mouse move event on element.
MouseEvents::["mouseover","mouseover","click"]It will stimulate mouse click on element.
MouseEvents::["mouseout","mouseleave"]It will stimulate mouse click on element.
MouseEvents::inputIt will trigger input event on element.
MouseEvents::changeIt will trigger text change event on element.
MouseEvents::["input","change"]It will stimulate text filled and update/change event on element.



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/overview.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Action Value
 4 | description: Now you can perform much more than just click or fill form elements. an element referred in below table is one which is found by `Xpath`.
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | Use below value specific command to advance your configuration
10 | - [AI]({{}})
11 | - [Captcha]({{}})
12 | - [Google Sheets]({{}})
13 | - [Append]({{}})
14 | - [Prepend]({{}})
15 | - [Replace]({{}})
16 | - [Copy]({{}})
17 | - [Paste]({{}})
18 | - [Random Value]({{}})
19 | - [Attribute]({{}})
20 | - [Class]({{}})
21 | - [Query Param]({{}})
22 | - [Select Option]({{}})
23 | - [Scroll To]({{}})
24 | - [Mouse Events]({{}})
25 | - [Form Events]({{}})
26 | - [Key Events]({{}})
27 | - [Keyboard Events]({{}})
28 | - [Location Command]({{}})
29 | - [Window Command]({{}})
30 | - [Batch Repeat]({{}})
31 | - [Function]({{}})
32 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/prepend.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Prepend
 4 | description: Prepend the text on existing field.
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | 
12 |   
13 |     
14 |       
15 |       
16 |     
17 |   
18 |   
19 |     
20 |       
21 |       
22 |     
23 |   
24 | 
Prepend::Description
Prepend::HelloNow prepend value to existing input field. This will prepend the Hello text to existing text field

25 | 
26 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/query-param.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Query Param
 4 | description: Fetch values passed in url of web page and use same to fill the forms.
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | {{}}
11 | 
12 | 
13 |   
14 |     
15 |       
16 |       
17 |     
18 |   
19 |   
20 |     
21 |       
22 |       
26 |     
27 |   
28 | 
Query::Description
?param=value
23 |       Query parameters can be defined as the optional key-value pairs that appear after the question mark in the URL. Basically, they are extensions of the URL that are utilized to help determine specific content or action based on the data being delivered. Query parameters are appended to the end of the URL, using a ?. The question mark sign is used to separate path and query parameters.

24 |       If you want to add multiple query parameters, an  & sign is placed in between them to form what is known as a query string. It can feature various object types with distinct lengths such as arrays, strings, and numbers.
25 |       

29 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/random-value.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Random Value
 4 | description: Now fill generate random value into form fields
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | > By Default the length of string is fixed to 6 and filter is set to all character + numbers + symbol so when you use `` you will get random string of length 6 with mix of char + num + symbol
12 | 
13 | 
14 |   
15 |     
16 |       
17 |       
18 |     
19 |   
20 |   
21 |     
22 |       
23 |       
29 |     
30 |     
31 |       
32 |       
38 |     
39 |     
40 |       
41 |       
47 |     
48 |     
49 |       
50 |       
56 |     
57 |     
58 |       
59 |       
65 |     
66 |     
67 |       
68 |       
74 |     
75 |     
76 |       
77 |       
83 |     
84 |   
85 | 
<random>Description (Generate Random value)
<random[.]{6}>
24 |         [.] - Any Single Character {6} - no of characters 6
25 |         
    
26 |           
  • X0UN#Z
    • 
27 |         

28 |       
<random[.]{6,12}>
33 |         [.] - Any single character {6,12} - no of characters between 6 and 12
34 |         
    
35 |           
  • Dr_5t4r
    • 
36 |         

37 |       
<random[a-z]{6}>
42 |         [a-z] - A character in the range: a-z
43 |         
    
44 |           
  • czlvry
    • 
45 |         

46 |       
<random[A-Z]{6}>
51 |         [A-Z] - A character in the range: A-Z
52 |         
    
53 |           
  • UDDDJT
    • 
54 |         

55 |       
<random[\d]{6}>
60 |         [\d] - A digit
61 |         
    
62 |           
  • 546544
    • 
63 |         

64 |       
<random[\w]{6}>
69 |         [\w] - A word character
70 |         
    
71 |           
  • Ae3fFD
    • 
72 |         

73 |       
<random[custom]{6}>
78 |         [custom] - A custom string character
79 |         
    
80 |           
  • csuotm
    • 
81 |         

82 |       



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/replace.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Replace
 4 | description: Replace the text on existing field.
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | 
12 |   
13 |     
14 |       
15 |       
16 |     
17 |   
18 |   
19 |     
20 |       
21 |       
22 |     
23 |   
24 | 
Replace::Description
Replace::Hello::WorldNow replace value in existing input field with different value. This will replace Hello with World

25 | 
26 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/scroll-to.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | layout: docs
 4 | title: Scroll To
 5 | description: Scroll to any specific part of application or to specific element using below command
 6 | group: action-value
 7 | toc: true
 8 | ---
 9 | 
10 | {{}}
11 | 
12 | 
13 |   
14 |     
15 |       
16 |       
17 |     
18 |   
19 |   
20 |     
21 |       
22 |       
23 |     
24 |     
25 |       
26 |       
27 |     
28 |     
29 |       
30 |       
31 |     
32 |     
33 |       
34 |       
35 |     
36 |     
37 |       
38 |       
39 |     
40 |   
41 | 
ScrollTo::Description
ScrollTo::XPathIt will scroll the page to element.
ScrollTo::Top | ScrollTo::TopLeftIt will scroll the page to Top Left position.
ScrollTo::TopRightIt will scroll the page to Top Right position.
ScrollTo::Bottom | ScrollTo::BottomLeftIt will scroll the page to Bottom Left position.
ScrollTo::BottomRightIt will scroll the page to Bottom Right position.



--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/select-option.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Select Option
 4 | description: These commands are specific to dropdown 
 5 | group: action-value
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | {{}}
11 | 
21 | {{}}
22 | ### Example
23 | 
24 |   
25 |     
26 |       
27 |       
28 |     
29 |   
30 |   
31 |     
32 |       
33 |       
34 |     
35 |     
36 |       
37 |       
38 |     
39 |     
40 |       
41 |       
42 |     
43 |     
44 |       
45 |       
46 |     
47 |   
48 | 
Element FinderSelection
//select[@id="product-size"]/option[2]It will select second option with text as 35
//select[@id="product-size"]/option[@data-value-size="36"]It will select third option with text as 36
//select[@id="product-size"]/option[contains(@value,"opt-40")]It will select last option with text as 40
//select[@id="product-size"]/option[text()="39"]It will select last second option with text as 39

49 | {{}}
50 | You must set the value field to `true`
51 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/action-value/window-command.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | layout: docs
 4 | title: Window Command
 5 | description: Window specific command
 6 | group: action-value
 7 | toc: true
 8 | ---
 9 | 
10 | {{}}
11 | 
12 | 
13 |   
14 |     
15 |       
16 |       
17 |     
18 |   
19 |   
20 |     
21 |       
22 |       
23 |     
24 |     
25 |       
26 |       
27 |     
28 |     
29 |       
30 |       
31 |     
32 |      
33 |       
34 |       
35 |     
36 |      
37 |       
38 |       
39 |     
40 |     
41 |       
42 |       
43 |     
44 |     
45 |       
46 |       
47 |     
48 |     
49 |       
50 |       
51 |     
52 |   
53 | 
WindowCommand::Description
WindowCommand::closeClose current page only works if page is opened through script and not manually.
WindowCommand::focusIts similar to you focus on window/page
WindowCommand::blurIts similar to you move out on window/page
WindowCommand::printIts similar to you Print (Ctrl + P) out on window/page
WindowCommand::stopIts similar to you stop window/page load
WindowCommand::moveBy::x,yIts similar to move window/page by x and y pixels
WindowCommand::moveTo::x,yIts similar to move window/page to x and y pixels
WindowCommand::open::https://getautoclicker.comIts similar to open https://getautoclicker.com page in new tab

54 | 

55 | 
56 | {{}}
57 | You can also perform more than one task in series e.g
58 | {{}}
59 | 
60 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/action/action-settings.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Action Settings
 4 | description: Overview of action settings including retry, retry interval, iframe first, and error handling.
 5 | group: action
 6 | toc: true
 7 | ---
 8 | These action-level settings will take precedence over the global settings. If not specified, each action will default to the global settings.
 9 | 
10 | {{}}
11 | 
12 | ## Retry
13 | Retry finding element in webpage for number of times provided. Default is 5.
14 | 
15 | **Examples**
16 | - positive numeric value `1` to `999`
17 | 
18 | 
19 | ## Retry Interval
20 | Retry Interval will wait for number of seconds provided before retrying to find XPath of Action. Default is 1 second.
21 | 
22 | {{}}
23 | {{}}
24 | {{}}
25 | 
26 | {{}}
27 | It's not a mandatory field. If left blank, the extension will start executing right away.
28 | {{}}
29 | 
30 | {{}}
31 | Repeat value is mandatory for Repeat Interval.
32 | {{}}
33 | 
34 | ## Iframe First
35 | If an action needs to be performed on a button or input field inside an iframe, you can check this checkbox to check within the iframe first and then in the main page, which saves a lot of time. 
36 | 
37 | Default is unchecked. It's applicable to iframes which do not have a URL in the src attribute. Example:
38 | - <iframe src="about:blank"></iframe>
39 | - <iframe src=""></iframe>
40 | 
41 | If there is a URL in the src attribute, consider creating a new configuration with the targeted URL.
42 | 
43 | ## Error Handling
44 | Select what should happen if the element is not found after the number of retries.
45 | 
46 | 
47 |   
48 |     
49 |       
50 |       
51 |       
52 |     
53 |   
54 |   
55 |     
56 |       
57 |       
58 |       
59 |     
60 |     
61 |       
62 |       
63 |       
64 |     
65 |     
66 |       
67 |       
68 |       
69 |     
70 |   
71 | 
NameDefaultDescription
StopselectedDo nothing. Stop extension without proceeding further.
Skipnot selectedSkip current action and continue to the next action.
Refresh Pagenot selectedRefresh the whole page.



--------------------------------------------------------------------------------
/site/content/docs/4.x/action/columns-filter.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Action · Columns Filter
 4 | description: If you do not want any specific column you can hide/show the same from table view.
 5 | group: action
 6 | toc: true
 7 | ---
 8 | 
 9 | ## Toggles the visibility of action columns in a table.
10 | This function is used to show or hide specific action columns such as [name]({{}}), [init-wait]({{}}), [repeat]({{}}), and [repeat-interval]({{}}). By default, all these columns are hidden to reduce UI clutter. However, this function allows you to display or hide them as needed. Note that hiding a column does not affect its functionality; it only clears the UI clutter by reducing the number of visible columns.
11 |  
12 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/action/overview.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Action
 4 | description: Overview of various actions and their properties.
 5 | group: action
 6 | toc: true
 7 | ---
 8 | {{}}
 9 | 
10 | Action is a combination of an [element finder]({{}}) and a [value]({{}}). The element finder is used to locate a specific element within the page. There are multiple ways to find the element refer to the documentation for more details. The value field can be left blank if a click is required, or it can be filled with plain text to fill input fields. There are multiple options that can be performed; check out the action value documentation for more details.
11 | 
12 | In addition to these two, there are other properties of action that can enhance its features, such as 
13 | - [init wait]({{}})
14 | - [name]({{}})
15 | - [element finder]({{}})
16 | - [value]({{}})
17 | - [repeat]({{}})
18 | - [repeat interval]({{}})
19 | - [disable]({{}})
20 | - [addon]({{}})
21 | - [action settings]({{}})
22 | - [action condition]({{}})
23 | 
24 | {{}}
25 | If no element is found it will do [retry]({{}}) for n number of times as configured under [settings]({{}}) screen and proceed with [error handling]({{}}) method.
26 | {{}}
27 | 
28 | ## Init Wait
29 | Init Wait stands for Initial Wait. Initial Wait to start particular action. Waiting time is provided in sec. It can be used where extension starts but it requires a few seconds for the page to load fully.
30 | Init Wait can be used to delay the action with the given number of seconds. It runs only the first time when the action executes and does not run when the action is repeated in a loop. It's not a mandatory field. If left blank, the extension will start executing right away.
31 | 
32 | {{}}
33 | {{}}
34 | {{}}
35 | 
36 | ## Name
37 | The `name` property is used to distinguish between different actions. It is not a mandatory field and can be left blank. You can provide any name that helps you understand the purpose of the action.
38 | 
39 | ## Repeat
40 | If you want a specific action to repeat multiple times, you can set a repeat value. By default, the action will run once. Setting a repeat value of 1 will make the action run twice.
41 | **Examples**
42 | positive numeric value `1` to `999`
43 | 
44 | ## Repeat Interval
45 | If you want to control the time between each repeat you can provide repeat-interval as well.
46 | {{}}
47 | {{}}
48 | {{}}
49 | 
50 | ## Disable
51 | The `disable` property allows you to disable an action. When an action is disabled, it will be skipped during execution.


--------------------------------------------------------------------------------
/site/content/docs/4.x/addon/condition.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Addon · Condition
 4 | description: Add condition which you can check before performing action
 5 | group: addon
 6 | toc: true
 7 | ---
 8 | You can specify what condition you need to apply.

 9 | (a) - value or text of element

10 | (b) - value provided in configuration page field.
11 | 
12 | {{}}
13 | | `Name`                  | Type            | Description                             |
14 | |-----------------------|-----------------|-----------------------------------------|
15 | | `Equals`              | String | Number | (a) should be equal to (b)              |
16 | | `Not Equals`          | String | Number | (a) should not be equal to (b)          |
17 | | `Contains`            | String | Number | (a) contains (b)                        |
18 | | `Not Contains`        | String | Number | (a) does not contain (b)                |
19 | | `Greater Than`        | Number          | (a) is greater than (b)                 |
20 | | `Lesser Than`         | Number          | (a) is lesser than (b)                  |
21 | | `Greater Than Equals` | Number          | (a) is greater than or equals to (b)    |
22 | | `Lesser Than Equals`  | Number          | (a) is lesser than or equals to (b)     |
23 | | `Is Checked`          | Boolean         | (a) is checked                          |
24 | | `Is Not Checked`      | Boolean         | (a) is not checked                      |
25 | {{
}}
26 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/addon/overview.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Addon
 4 | description: In order to check some condition before clicking / filling add addon to that specific Action. You can add condition by clicking on ____ icon which appears when you hover over action row.
 5 | group: addon
 6 | toc: true
 7 | ---
 8 | {{}}
 9 | 
10 | The Addon class is used to validate certain values on a webpage before executing actions on it. It can check for specific text on the webpage, including browser default functions like date and location checks. The value to be checked can be within a text field, an attribute of an element, or any other part of the webpage.
11 | 
12 | - [Element Finder]({{}})
13 | - [Condition]({{}})
14 | - [Value]({{}})
15 | - [Recheck]({{}}) 
16 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/addon/recheck.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Addon · Recheck
 4 | description: Recheck is used to check condition for more than once
 5 | group: addon
 6 | toc: true
 7 | ---
 8 | ## Recheck
 9 | **Examples**
10 | - positive numeric value `1` to `999`
11 | 
12 | ## Recheck Interval
13 | Recheck interval is used to delay recheck with specified time.
14 | {{}}
15 | {{}}
16 | {{}}
17 | 
18 | ## Recheck Options
19 | {{}}
20 | | `Name`        | Default     | Description                                      |
21 | |----------------|-------------|--------------------------------------------------|
22 | | `Stop`       | selected    | Do nothing. Stop extension without proceeding further. |
23 | | `Skip`       | not selected| Skip current action and continue next action.    |
24 | | `Refresh Page` | not selected| Refresh whole page.                              |
25 | {{
}}
26 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/addon/value.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Addon · Value
 4 | description: Suppose you are performing action on input, textarea, dropdown you should provide one extra field that is value for xpath you have added.
 5 | group: addon
 6 | toc: true
 7 | ---
 8 | 
 9 | ## Value
10 | **Examples**
11 | This is mandatory field for addon
12 | 
13 | ## Value Extractor
14 | 
15 | Its regular expression field where you need to pass regex which will extract value
16 | 
17 | **Examples**
18 | - `\d+.\d*` it extracts `123.00` from `$123.00`
19 | - `\d+` it extract `123` from `$123.00`
20 | 
21 | try [regex](https://regex101.com/)
22 | 
23 | {{}}
24 | - `@aria-checked` it extracts value (`string`) from attribute `aria-checked="string"`
25 | - `@class` it extracts value (`custom-checkbox`) from class attribute `class="custom-checkbox"`
26 | - `@type` it extracts value (`checkbox`) from type attribute `type="checkbox"`
27 | - `@attribute` it cam extract `value` from attribute.
28 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/config-list/bulk-export.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Bulk Export Configuration
 4 | description: Exports all configurations in JSON format for backup purposes.
 5 | group: config-list
 6 | toc: true
 7 | ---
 8 | {{}}
 9 | 
10 | {{}}
11 | #### Information
12 | - We have two set of export feature in our extension `Bulk Export Configuration` and `Export Configuration`
13 | - Both perform different set of operation
14 | - Bulk Export Configuration - exports all configuration within extension where Export Configuration just Export the current selected configuration
15 | - Bulk Configuration also used mainly to take backup of configuration into safe place.
16 | - Configurations which are Exported using Bulk operation can be Imported back using Bulk Import feature only or else it will throw error
17 | 
18 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/config-list/bulk-import.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: docs
3 | title: Bulk Import Configuration
4 | description: Bulk Import configuration from json file to extension. !It merges with all existing configuration within system.
5 | group: config-list
6 | toc: true
7 | ---
8 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/config-list/bulk-remove.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Bulk Remove Configuration
 4 | description: Click Bulk Remove Configuration button to remove more than one configuration at a time.
 5 | group: config-list
 6 | toc: true
 7 | ---
 8 | {{}}
 9 | 
10 | Many times we create configuration for our test purpose and end up adding so many duplicate on unwanted configuration into our system so now we can remove them all at once. before removing configuration one by one was tedious work. I mean our extension is developed to do your daily tedious job and give you some extra spare time in your life :). so we have added new feature which is called 
11 | {{}}
12 | - Simply check all the configuration which you want to delete
13 | - Click `Bulk Remove Configurations`
14 | - It will remove all configurations which any confirmation
15 | {{}}
16 |  
17 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/config-list/reorder.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Reorder Configurations
 4 | description: Click Reorder Configurations button to change the order of configurations.
 5 | group: config-list
 6 | toc: true
 7 | ---
 8 | {{}}
 9 | 
10 | {{}}
11 | #### Make sure to save all your configuration before reordering them
12 | 
13 | - Simply drag and drop configuration as per your need
14 | - Click save once done
15 | - Click close if you do not want to save reorder.
16 | {{}}
17 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/configuration/batch.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Batch
 4 | description: Overview of batch functionalities including repeat, repeat interval, and refresh.
 5 | group: configuration
 6 | toc: true
 7 | ---
 8 | {{}}
 9 | 
10 | ## Repeat
11 | If you want specific batch to repeat more than once you can provide repeat value.
12 | 
13 | Its also used within ElementFinder Xpath and value to be replaces with the value of batch repeat index. e.g. If Element Finder need to be iterated over number of rows in table for that xpath will be `//table/tr[1]/td[1]/button` well this will only select the first row button and if you want to iterate the process for all button you can make use of batch repeat here like `//table/tr[]/td[1]/button` like this and repeat number 3 will iterate first three rows of table like [1..3].
14 | 
15 | **Examples**
16 | - positive numeric value `1` to `999`
17 | 
18 | ## Repeat Interval
19 | If you want to control the time between each repeat you can provide repeat-interval as well.
20 | 
21 | {{}}
22 | {{}}
23 | {{}}
24 | 
25 | {{}}
26 | Its not mandatory field. if left blank extension will start executing right away.
27 | {{}}
28 | 
29 | {{}}
30 | Repeat value is mandatory for Repeat Interval.
31 | {{}}
32 | 
33 | ## Refresh
34 | If you want your site to be refresh after all the Action are completed successfully you can do that by checking refresh box.
35 | 
36 | {{}}
37 | Refresh functionality will only trigger once all the actions are completed successfully.
38 | {{}}
39 | 
40 | {{}}
41 | #### Refresh will override Batch Repeat  
42 | It do not work with repeat functionality. You can either use batch repeat or page refresh.
43 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/configuration/overview.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Configuration
 4 | description: The **Configuration** section is the core of the extension, serving as the starting point for all tasks performed by actions. Below is a detailed explanation of its fields and features
 5 | group: configuration
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | ### Name
12 | - **Description**: Helps make the configuration readable.
13 | - **Details**:
14 |   - Defaults to the URL’s origin or base URL but can be edited.
15 |   - Can be left empty without affecting execution.
16 | 
17 | ### Init Wait
18 | - **Description**: Sets a delay before execution starts to accommodate page loading times.
19 | - **Details**:
20 |   - Useful for pages with slow loading times or content that loads asynchronously (e.g., single-page applications).
21 |   - Configurable based on factors like device, browser, and network speed.
22 | 
23 | ### Enable
24 | - **Description**: A toggle to enable or disable the configuration.
25 | - **Details**:
26 |   - Handy for temporarily disabling configurations without deleting them.
27 | 
28 | ### Export
29 | - **Description**: Exports a single configuration in JSON format for backup or sharing.
30 | 
31 | ### Import
32 | - **Description**: Imports a single configuration into the extension.
33 | - **Details**:
34 |   - Adds the configuration even if one with the same URL or name already exists.
35 | 
36 | ### Duplicate
37 | - **Description**: Creates a duplicate of the configuration and adds it to the list.
38 | 
39 | 
40 | This detailed documentation ensures users can understand and utilize the Configuration section effectively, enabling smooth automation and task execution.
41 | 
42 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/configuration/url.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: URL
 4 | description: You need to paste the URL of site on which you need automate click / fill functionality. You can simply copy and paste the URL or you can also use regular expression to cover more than one URL.
 5 | group: configuration
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | 
11 | {{}}
12 | This is target url on which extension will execute all its action. its value can be provided in [Regular Expressions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions) pattern. Below all values will match and execute on 
13 | {{}}
14 | 
15 | ### Examples
16 | 
17 | ##### https://www.instagram.com/dhruv.techapps/
18 | 
19 | * `https://www.instagram.com/dhruv.techapps/`
20 | * `https://www.instagram.com/dhruv`
21 | * `https://www.instagram.com/`
22 | * `https://.*.instagram.com/`
23 | * `.*://.*.instagram.com/`


--------------------------------------------------------------------------------
/site/content/docs/4.x/extension/language.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | layout: docs
 4 | title: Language
 5 | description: Switch between different languages in the extension
 6 | group: extension
 7 | toc: true
 8 | ---
 9 | ## Language Support
10 | We have introduced language support in our extension. You can now switch between different languages for a better user experience.
11 | 
12 | ### Switching Languages
13 | To switch languages, follow these steps:
14 | - choose your preferred language from the dropdown menu in the header of the application.
15 | - The selected language will be applied immediately.
16 | 
17 | ### Available Languages
18 | You can choose from the following languages:
19 | - English
20 | - Arabic
21 | - German
22 | - Spanish
23 | - Finnish
24 | - French
25 | - Indonesian
26 | - Italian
27 | - Japanese
28 | - Korean
29 | - Dutch
30 | - Portuguese
31 | - Russian
32 | - Swedish
33 | - Vietnamese
34 | - Chinese
35 | 
36 | [Add your Language](https://github.com/Dhruv-Techapps/auto-clicker-auto-fill/discussions/484)
37 | 
38 | Enjoy a more personalized experience with our new language feature!


--------------------------------------------------------------------------------
/site/content/docs/4.x/extension/log.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Log
 4 | description: Extension statistics now can be tracked in much better way
 5 | group: extension
 6 | toc: true
 7 | ---
 8 | 
 9 | {{}}
10 | ### Improved Logging System
11 | We have improved logging of our extension to see the flow of extension also if it breaks any where we can pin down same.
12 | 
13 | It tracks all steps from `Configuration` -> `Batch` -> `Action` -> `Event`.
14 | 
15 | `Action` and `Batch` are grouped to understand its action better. You can collapse or expand group to have more clear view.
16 | {{}}
17 | 
18 | {{}}
19 | 
20 | {{}}
21 | #### To see logs follow below steps
22 | 
23 | - `Option + ⌘ + J` (on macOS) 
24 | - `Shift + CTRL + J` (on Windows/Linux) / `F12`
25 | - Open `Console` Tab
26 | - Search `Auto Clicker - AutoFill` to filter out other logs
27 | - Choose `Verbose` under `All levels`
28 | {{}}


--------------------------------------------------------------------------------
/site/content/docs/4.x/extension/status-bar.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Status Bar
 4 | description: Extension status now can be tracked in much better way
 5 | group: extension
 6 | toc: true
 7 | ---
 8 | 
 9 | The status of the configuration is now shown by default at the bottom right of the page. This can be disabled or repositioned from the global settings.
10 | {{}}
11 | 
12 | 
13 |   
14 |     
15 |       
16 |       
17 |     
18 |   
19 |   
20 |     
21 |       
22 |       
23 |     
24 |     
25 |       
26 |       
27 |     
28 |     
29 |       
30 |       
31 |     
32 |     
33 |       
34 |       
35 |     
36 |     
37 |       
38 |       
39 |     
40 |     
41 |       
42 |       
43 |     
44 |     
45 |       
46 |       
47 |     
48 |   
49 | 
IconDescription
🅱️1`🅱️` represents batch and `1` represents the index of the batch, which starts from 1.
🅰️1`🅰️` represents action and `1` represents the action number, which starts from 1.
❓While checking the condition from the addon, it is represented by `❓`.
🔁 "addon" | "action"Addon or action repeat is represented by `🔁 "addon" | "action"`.
🔍Represents the element finder is finding the element when it is not found.
🕒Represents the wait time for all init wait, repeat interval, retry interval.
DoneRepresents the action is completed successfully.



--------------------------------------------------------------------------------
/site/content/docs/4.x/extension/theme.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ---
 3 | layout: docs
 4 | title: Theme
 5 | description: Customize the appearance of the extension with Dark Mode and Light Mode
 6 | group: extension
 7 | toc: true
 8 | ---
 9 | ## Theme Support
10 | We have introduced theme support in our extension. You can now switch between Dark Mode and Light Mode for a better user experience.
11 | 
12 | ### Switching Themes
13 | To switch themes, follow these steps:
14 | - Click the theme icon in the header of the website.
15 | - The icon will toggle between Dark Mode and Light Mode.
16 | - The selected theme will be applied immediately.
17 | 
18 | 
19 | ### Benefits
20 | - **Dark Mode**: Reduces eye strain in low-light environments and saves battery life on devices with OLED screens.
21 | {{}}
22 | - **Light Mode**: Provides a bright and clear interface, ideal for well-lit environments.
23 | {{}}
24 | Enjoy a more personalized look and feel with our new theme feature!


--------------------------------------------------------------------------------
/site/content/docs/4.x/getting-started/_index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: redirect
3 | sitemap_exclude: true
4 | redirect: "/docs/4.x/getting-started/introduction/"
5 | ---


--------------------------------------------------------------------------------
/site/content/docs/4.x/getting-started/download.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Download
 4 | description: Download Auto Clicker - Auto Fill for your fav browser Chrome and Edge
 5 | group: getting-started
 6 | toc: true
 7 | aliases:
 8 |   - "/docs/3.1/download/"
 9 |   - "/docs/download/"
10 |   - "/download/"
11 | ---
12 | 
13 | ## Chrome / Edge
14 | - [Stable]({{}})  - well tested and stable version
15 | - [Beta]({{}}) - Preview the latest features: Try out the newest features. 
16 | - [Dev]({{}}) - Live on the bleeding edge: Try out our latest features. 
17 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/getting-started/introduction.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Introduction
 4 | description: Auto Click / Auto Fill is like a utility extension which helps user to click / fill on any website with by providing few information about the site and the button which they want to click.
 5 | group: getting-started
 6 | aliases:
 7 |   - "/docs/3.1/getting-started/"
 8 |   - "/docs/getting-started/"
 9 |   - "/getting-started/"
10 | toc: true
11 | ---
12 | 
13 | ## Quick start
14 | 
15 | * [Download extension]({{}})
16 | * Go to webpage on which you need to perform click/fill automation.
17 | * Right click `button`, `input`, `textarea`, or any UI element , 
18 | * select {{}} option from menu.
19 |   * select `★ Configure for this Field`
20 |     * You will be redirected to configuration page of extension, with pre filled value 
21 |     * [URL]({{}}) of webpage
22 |     * [Element Finder]({{}}) of UI element.
23 |   * select [☉ Auto Clicker (Record)]({{}}) options
24 |     * Extension will track all your actions and create configuration for you
25 | 
26 | 
27 | ## Additional (Advance)
28 | - [Configuration List]({{}}) - it consist of all configuration
29 |   - [Configuration]({{}}) - combination of url and actions
30 |     - [Configuration Settings]({{}})
31 |     - [Batch]({{}}) - set of actions
32 |       - [Action]({{}}) - combination of element finder and action which need to be performed.
33 |       - [Action Value]({{}}) 
34 |       - [Action Settings]({{}})
35 |       - [Action Condition]({{}})
36 |         - [Addon]({{}}) - add condition before action
37 | - [Global Settings]({{}}) - global setting how extension should work
38 | 
39 | 
40 | ## Community
41 | 
42 | Stay up to date on the features of {{}} and reach out to the community with these helpful resources.
43 | 
44 | - Connect with us on Discord [The Official Discord server]({{< param discord >}}).
45 | - Read and subscribe to [The Official AutoClicker Blog]({{< param blog >}}).
46 | - Ask and explore our [GitHub Discussions]({{< param discussion >}}).
47 | 
48 | You can also follow @getautoclicker on Twitter for the latest gossip and awesome music videos.
49 | 


--------------------------------------------------------------------------------
/site/content/docs/4.x/record/overview.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: docs
 3 | title: Recording (Configure Page)
 4 | description: Now click on record option and perform all action which you want to automate and save directly into configuration 
 5 | group: record
 6 | toc: true
 7 | ---
 8 | 
 9 | 
10 | {{