https://github.com/elmsln/issues/issues/1357

haxtheweb · May 10, 2023 · 5b3c348 · 5b3c348
1 parent 6c67180
commit 5b3c348
Show file tree

Hide file tree

Showing 500 changed files with 1,746 additions and 17,767 deletions.
diff --git a/.wcflibcache.json b/.wcflibcache.json
diff --git a/elements/a11y-behaviors/package.json b/elements/a11y-behaviors/package.json
@@ -24,7 +24,7 @@
   "umd": "a11y-behaviors.umd.js",
   "scripts": {
     "start": "yarn run dev",
-    "build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"**/*.js\" --format vscode --outFile custom-elements.json",
+    "build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"*.js|lib/**.js\" --format vscode --outFile custom-elements.json",
     "dev": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
     "watch": "gulp dev --gulpfile=gulpfile.cjs",
     "serve": "web-dev-server -c ../../web-dev-server.config.mjs",

diff --git a/elements/a11y-carousel/custom-elements.json b/elements/a11y-carousel/custom-elements.json
@@ -69,42 +69,6 @@
           "description": "`select-carousel-item` {`CustomEvent<this>`} - "
         }
       ]
-    },
-    {
-      "name": "a11y-carousel",
-      "description": "`a11y-carousel`\nLayers images over each other with a slider interface to compare them\n\nEvents:\n\n  * `selection-changed` {`CustomEvent<this>`} - Fires when selection update, so that parent radio group can listen for it.\n\nAttributes:\n\n  * `no-buttons` {`boolean`} - \n\n  * `no-prev-next` {`boolean`} - \n\n  * `prevLabel` {`string`} - \n\n  * `nextLabel` {`string`} - \n\n  * `itemData` {`any[]`} - \n\n  * `selection` {`string`} - \n\nProperties:\n\n  * `first` - gets id for first figure\n\n  * `prev` - gets id for previous figure\n\n  * `last` - gets id for last figure\n\n  * `next` - gets id for next figure\n\n  * `noButtons` {`boolean`} - \n\n  * `noPrevNext` {`boolean`} - \n\n  * `prevLabel` {`string`} - \n\n  * `nextLabel` {`string`} - \n\n  * `itemData` {`any[]`} - \n\n  * `selection` {`string`} - \n\n  * `selectedIndex` {`number`} - index of selected item\n\n  * `__observer` - mutation observer for tabs\n\n  * `__allowNull` {`boolean`} - allows no item to be selected\n\n  * `__query` {`string`} - overrides query selector for slotted children\n\n  * `__selected` {`string`} - overrides attribute to apply to selected item\n\n  * `__selectEvent` {`string`} - overrides name of event that selects item",
-      "attributes": [
-        {
-          "name": "no-buttons",
-          "description": "`no-buttons` {`boolean`} - \n\nProperty: noButtons\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "no-prev-next",
-          "description": "`no-prev-next` {`boolean`} - \n\nProperty: noPrevNext\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "prevLabel",
-          "description": "`prevLabel` {`string`} - \n\nProperty: prevLabel\n\nDefault: previous"
-        },
-        {
-          "name": "nextLabel",
-          "description": "`nextLabel` {`string`} - \n\nProperty: nextLabel\n\nDefault: next"
-        },
-        {
-          "name": "itemData",
-          "description": "`itemData` {`any[]`} - \n\nProperty: itemData"
-        },
-        {
-          "name": "selection",
-          "description": "`selection` {`string`} - \n\nProperty: selection"
-        },
-        {
-          "name": "onselection-changed",
-          "description": "`selection-changed` {`CustomEvent<this>`} - Fires when selection update, so that parent radio group can listen for it."
-        }
-      ]
     }
   ],
   "globalAttributes": [],

diff --git a/elements/a11y-carousel/package.json b/elements/a11y-carousel/package.json
@@ -29,7 +29,7 @@
   "umd": "a11y-carousel.umd.js",
   "scripts": {
     "start": "yarn run dev",
-    "build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"**/*.js\" --format vscode --outFile custom-elements.json",
+    "build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"*.js|lib/**.js\" --format vscode --outFile custom-elements.json",
     "dev": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
     "watch": "gulp dev --gulpfile=gulpfile.cjs",
     "serve": "web-dev-server -c ../../web-dev-server.config.mjs",

diff --git a/elements/a11y-collapse/custom-elements.json b/elements/a11y-collapse/custom-elements.json
@@ -106,93 +106,6 @@
           "description": "`__items` {`any[]`} - is radio button\n\nProperty: __items\n\nDefault: "
         }
       ]
-    },
-    {
-      "name": "a11y-collapse",
-      "description": "`a11y-collapse`\nan accessible expand collapse\n\n### Styling\n\n`<a11y-collapse>` provides the following custom properties\nfor styling:\n\nCustom property | Description | Default\n----------------|-------------|----------\n`--a11y-collapse-margin` | margin around a11y-collapse | 15px 0\n`--a11y-collapse-border` | border around a11y-collapse | 1px solid\n`--a11y-collapse-horizontal-padding` | horizontal padding inside a11y-collapse | 16px\n`--a11y-collapse-horizontal-padding-left` | left padding inside a11y-collapse | `--a11y-collapse-horizontal-padding`\n`--a11y-collapse-horizontal-padding-right` | right padding inside a11y-collapse | `--a11y-collapse-horizontal-padding`\n`--a11y-collapse-vertical-padding` | vertical padding inside a11y-collapse | 16px\n`--a11y-collapse-horizontal-padding-top` | top padding inside a11y-collapse | `--a11y-collapse-vertical-padding`\n`--a11y-collapse-horizontal-padding-bottom` | bottom padding inside a11y-collapse | --a11y-collapse-vertical-padding\n`--a11y-collapse-border-between` | border between a11y-collapse heading and content | --a11y-collapse-border\n`--a11y-collapse-heading-font-weight` | font-weight for a11y-collapse heading | bold\n`--a11y-collapse-heading-color` | text color for a11y-collapse heading | unset\n`--a11y-collapse-heading-background-color` | background-color for a11y-collapse heading | unset\n`--a11y-collapse-overflow-y` | override default overflow behavior | hidden\n`--a11y-collapse-max-height` | override maximum height of collapse section | 200000000000vh, so that aanimation effect works\n\nEvents:\n\n  * `a11y-collapse-attached` {`CustomEvent<this>`} - Fires when constructed, so that parent radio group can listen for it.\n\n  * `a11y-collapse-detached` {`CustomEvent<this>`} - Fires when detatched, so that parent radio group will no longer listen for it.\n\n  * `toggle` {`CustomEvent<this>`} - Fires when toggled.\n\n  * `a11y-collapse-toggle` {`CustomEvent<this>`} - Fires when toggled. @deprecated Use `toggle` instead\n\n  * `expand` {`CustomEvent<this>`} - Fires when expanded.\n\n  * `collapse` {`CustomEvent<this>`} - Fires when collapsed.\n\n  * `a11y-collapse-click` {`CustomEvent<this>`} - Fires when clicked.\n\nAttributes:\n\n  * `icon-expanded` {`string`} - icon when expanded\n\n  * `label-expanded` {`string`} - optional label for the button when expanded\n\n  * `tooltip-expanded` {`string`} - optional tooltip for the button when expanded\n\n  * `heading-button` {`boolean`} - Heading is the expand button.\n\n  * `accordion` {`boolean`} - \n\n  * `disabled` {`boolean`} - disbled\n\n  * `hidden` {`boolean`} - hidden\n\n  * `expanded` {`boolean`} - icon when expanded\n\n  * `heading` {`string`} - heading / title for the button\n\n  * `icon` {`string`} - icon for the button\n\n  * `label` {`string`} - label for the button\n\n  * `tooltip` {`string`} - tooltip for the button\n\nProperties:\n\n  * `iconExpanded` {`string`} - icon when expanded\n\n  * `labelExpanded` {`string`} - optional label for the button when expanded\n\n  * `tooltipExpanded` {`string`} - optional tooltip for the button when expanded\n\n  * `headingButton` {`boolean`} - Heading is the expand button.\n\n  * `accordion` {`boolean`} - \n\n  * `disabled` {`boolean`} - disbled\n\n  * `hidden` {`boolean`} - hidden\n\n  * `expanded` {`boolean`} - icon when expanded\n\n  * `heading` {`string`} - heading / title for the button\n\n  * `icon` {`string`} - icon for the button\n\n  * `label` {`string`} - label for the button\n\n  * `tooltip` {`string`} - tooltip for the button",
-      "attributes": [
-        {
-          "name": "icon-expanded",
-          "description": "`icon-expanded` {`string`} - icon when expanded\n\nProperty: iconExpanded"
-        },
-        {
-          "name": "label-expanded",
-          "description": "`label-expanded` {`string`} - optional label for the button when expanded\n\nProperty: labelExpanded"
-        },
-        {
-          "name": "tooltip-expanded",
-          "description": "`tooltip-expanded` {`string`} - optional tooltip for the button when expanded\n\nProperty: tooltipExpanded"
-        },
-        {
-          "name": "heading-button",
-          "description": "`heading-button` {`boolean`} - Heading is the expand button.\n\nProperty: headingButton\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "accordion",
-          "description": "`accordion` {`boolean`} - \n\nProperty: accordion\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "disabled",
-          "description": "`disabled` {`boolean`} - disbled\n\nProperty: disabled\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "hidden",
-          "description": "`hidden` {`boolean`} - hidden\n\nProperty: hidden\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "expanded",
-          "description": "`expanded` {`boolean`} - icon when expanded\n\nProperty: expanded\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "heading",
-          "description": "`heading` {`string`} - heading / title for the button\n\nProperty: heading\n\nDefault: null"
-        },
-        {
-          "name": "icon",
-          "description": "`icon` {`string`} - icon for the button\n\nProperty: icon\n\nDefault: icons:expand-more"
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - label for the button\n\nProperty: label\n\nDefault: expand"
-        },
-        {
-          "name": "tooltip",
-          "description": "`tooltip` {`string`} - tooltip for the button\n\nProperty: tooltip\n\nDefault: expand"
-        },
-        {
-          "name": "ona11y-collapse-attached",
-          "description": "`a11y-collapse-attached` {`CustomEvent<this>`} - Fires when constructed, so that parent radio group can listen for it."
-        },
-        {
-          "name": "ona11y-collapse-detached",
-          "description": "`a11y-collapse-detached` {`CustomEvent<this>`} - Fires when detatched, so that parent radio group will no longer listen for it."
-        },
-        {
-          "name": "ontoggle",
-          "description": "`toggle` {`CustomEvent<this>`} - Fires when toggled."
-        },
-        {
-          "name": "ona11y-collapse-toggle",
-          "description": "`a11y-collapse-toggle` {`CustomEvent<this>`} - Fires when toggled. @deprecated Use `toggle` instead"
-        },
-        {
-          "name": "onexpand",
-          "description": "`expand` {`CustomEvent<this>`} - Fires when expanded."
-        },
-        {
-          "name": "oncollapse",
-          "description": "`collapse` {`CustomEvent<this>`} - Fires when collapsed."
-        },
-        {
-          "name": "ona11y-collapse-click",
-          "description": "`a11y-collapse-click` {`CustomEvent<this>`} - Fires when clicked."
-        }
-      ]
     }
   ],
   "globalAttributes": [],

diff --git a/elements/a11y-collapse/package.json b/elements/a11y-collapse/package.json
@@ -29,7 +29,7 @@
   "umd": "a11y-collapse.umd.js",
   "scripts": {
     "start": "yarn run dev",
-    "build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"**/*.js\" --format vscode --outFile custom-elements.json",
+    "build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"*.js|lib/**.js\" --format vscode --outFile custom-elements.json",
     "dev": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
     "watch": "gulp dev --gulpfile=gulpfile.cjs",
     "serve": "web-dev-server -c ../../web-dev-server.config.mjs",

diff --git a/elements/a11y-compare-image/custom-elements.json b/elements/a11y-compare-image/custom-elements.json
@@ -1,50 +1,6 @@
 {
   "version": 1,
   "tags": [
-    {
-      "name": "a11y-compare-image",
-      "description": "`a11y-compare-image`\nLayers images over each other with a slider interface to compare them\n\nAttributes:\n\n  * `active-layer` {`number`} - \n\n  * `__lower` {`string`} - \n\n  * `__upper` {`string`} - \n\n  * `opacity` {`boolean`} - mode for the slider: wipe\n\n  * `position` {`number`} - \n\n  * `__markers` {`any[]`} - \n\n  * `label` {`string`} - \n\n  * `accent-color` {`string`} - a selected accent-\"color\": grey, red, pink, purple, etc.\n\n  * `dark` {`boolean`} - make the default theme dark?\n\nProperties:\n\n  * `activeLayer` {`number`} - \n\n  * `__lower` {`string`} - \n\n  * `__upper` {`string`} - \n\n  * `opacity` {`boolean`} - mode for the slider: wipe\n\n  * `position` {`number`} - \n\n  * `__markers` {`any[]`} - \n\n  * `label` {`string`} - \n\n  * `accentColor` {`string`} - a selected accent-\"color\": grey, red, pink, purple, etc.\n\n  * `dark` {`boolean`} - make the default theme dark?\n\n  * `colors` - ",
-      "attributes": [
-        {
-          "name": "active-layer",
-          "description": "`active-layer` {`number`} - \n\nProperty: activeLayer"
-        },
-        {
-          "name": "__lower",
-          "description": "`__lower` {`string`} - \n\nProperty: __lower"
-        },
-        {
-          "name": "__upper",
-          "description": "`__upper` {`string`} - \n\nProperty: __upper"
-        },
-        {
-          "name": "opacity",
-          "description": "`opacity` {`boolean`} - mode for the slider: wipe\n\nProperty: opacity\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "position",
-          "description": "`position` {`number`} - \n\nProperty: position\n\nDefault: 50"
-        },
-        {
-          "name": "__markers",
-          "description": "`__markers` {`any[]`} - \n\nProperty: __markers\n\nDefault: "
-        },
-        {
-          "name": "label",
-          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: Compare images"
-        },
-        {
-          "name": "accent-color",
-          "description": "`accent-color` {`string`} - a selected accent-\"color\": grey, red, pink, purple, etc.\n\nProperty: accentColor\n\nDefault: blue"
-        },
-        {
-          "name": "dark",
-          "description": "`dark` {`boolean`} - make the default theme dark?\n\nProperty: dark\n\nDefault: false",
-          "valueSet": "v"
-        }
-      ]
-    },
     {
       "name": "a11y-compare-image",
       "description": "`a11y-compare-image`\nLayers images over each other with a slider interface to compare them\n\nAttributes:\n\n  * `active-layer` {`number`} - \n\n  * `__lower` {`string`} - \n\n  * `__upper` {`string`} - \n\n  * `opacity` {`boolean`} - mode for the slider: wipe\n\n  * `position` {`number`} - \n\n  * `__markers` {`any[]`} - \n\n  * `label` {`string`} - \n\n  * `accent-color` {`string`} - a selected accent-\"color\": grey, red, pink, purple, etc.\n\n  * `dark` {`boolean`} - make the default theme dark?\n\nProperties:\n\n  * `activeLayer` {`number`} - \n\n  * `__lower` {`string`} - \n\n  * `__upper` {`string`} - \n\n  * `opacity` {`boolean`} - mode for the slider: wipe\n\n  * `position` {`number`} - \n\n  * `__markers` {`any[]`} - \n\n  * `label` {`string`} - \n\n  * `accentColor` {`string`} - a selected accent-\"color\": grey, red, pink, purple, etc.\n\n  * `dark` {`boolean`} - make the default theme dark?\n\n  * `colors` - ",

diff --git a/elements/a11y-compare-image/package.json b/elements/a11y-compare-image/package.json
@@ -29,7 +29,7 @@
   "umd": "a11y-compare-image.umd.js",
   "scripts": {
     "start": "yarn run dev",
-    "build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"**/*.js\" --format vscode --outFile custom-elements.json",
+    "build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"*.js|lib/**.js\" --format vscode --outFile custom-elements.json",
     "dev": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",
     "watch": "gulp dev --gulpfile=gulpfile.cjs",
     "serve": "web-dev-server -c ../../web-dev-server.config.mjs",

diff --git a/elements/a11y-details/custom-elements.json b/elements/a11y-details/custom-elements.json
@@ -18,20 +18,6 @@
     {
       "name": "a11y-details",
       "attributes": []
-    },
-    {
-      "name": "a11y-details",
-      "description": "`a11y-details`\naccessible progressive disclosure with detail and summary\n### Styling\n#### Summary Button\nCustom property | Description | Default\n----------------|-------------|----------\n--a11y-details-summary-fontSize | font-size | 0.8em\n--a11y-details-summary-color | text color | #000\n--a11y-details-summary-backgroundColor | background-color | #fff\n--a11y-details-summary-borderColor | border-color | #000\n--a11y-details-summary-borderWidth | border-width | 1px\n--a11y-details-summary-borderStyle | border-style | solid\n--a11y-details-summary-borderRadius | border-radius | 3px\n--a11y-details-summary-padding | padding | 0.5em\n\n#### Summary Button (:focus state)\nCustom property | Description | Default\n----------------|-------------|----------\n--a11y-details-summary-focus-color | text color | #000\n--a11y-details-summary-focus-backgroundColor | background-color | #fff\n--a11y-details-summary-focus-borderColor | border-color | #000\n--a11y-details-summary-focus-borderWidth | border-width | 1px\n--a11y-details-summary-focus-borderStyle | border-style | dotted\n--a11y-details-summary-focus-borderRadius | border-radius | 3px\n\n#### Details\nCustom property | Description | Default\n----------------|-------------|----------\n--a11y-details-fontSize | font-size  | 0.8em\n--a11y-details-color | text color | #000\n--a11y-details-backgroundColor | background-color | rgba(255,255,255,1)\n--a11y-details-borderColor | border-color | #000\n--a11y-details-borderWidth | border-width | 1px\n--a11y-details-borderStyle | border-style | solid\n--a11y-details-borderRadius | border-radius | 3px\n--a11y-details-padding | padding | 0.5em\n--a11y-details-left | left position | 0\n--a11y-details-right | right position | 0\n--a11y-details-maxHeight | max-height | 400px\n\nAttributes:\n\n  * `close-text` {`string`} - optional text for when summary button is open,\neg. \"Hide\", \"Less\" or \"Close\"\n\n  * `open-text` {`string`} - optional text for when summary button is closed,\neg. \"Show\", \"More\" or \"Open\"\n\nProperties:\n\n  * `details` {`HTMLDetailsElement | null | undefined`} - gets the details element in shadowRoot\n\n  * `summaryClasses` {`string`} - gets classe sfor summary to hide summary slot if open/closed text is provided\n\n  * `observer` - mutation observer for a11y-details\n\n  * `detailsObserver` - mutation observer for <details/> in unnamed slot\n\n  * `closeText` {`string`} - optional text for when summary button is open,\neg. \"Hide\", \"Less\" or \"Close\"\n\n  * `openText` {`string`} - optional text for when summary button is closed,\neg. \"Show\", \"More\" or \"Open\"\n\n  * `tag` {`string`} - ",
-      "attributes": [
-        {
-          "name": "close-text",
-          "description": "`close-text` {`string`} - optional text for when summary button is open,\neg. \"Hide\", \"Less\" or \"Close\"\n\nProperty: closeText\n\nDefault: "
-        },
-        {
-          "name": "open-text",
-          "description": "`open-text` {`string`} - optional text for when summary button is closed,\neg. \"Show\", \"More\" or \"Open\"\n\nProperty: openText\n\nDefault: "
-        }
-      ]
     }
   ],
   "globalAttributes": [],