@c2n/details 0.0.12 → 0.0.13

package/custom-elements.json

@@ -0,0 +1 @@
+{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"src/details.ts","declarations":[{"kind":"class","description":"Collapsible disclosure built on native `<details>` / `<summary>`, so keyboard access, screen-reader semantics and\nfind-in-page auto-expand come from the browser. Panels that share a `name` form an exclusive accordion. Open and\nclose animate the content height (plus a fade) with the Web Animations API, so the motion is identical in every\nbrowser; the native `open` attribute is only removed once the close animation has finished.","name":"Details","cssProperties":[{"type":{"text":"border"},"name":"--c2-details--border-top","default":"1px solid rgb(213, 213, 213)"},{"type":{"text":"border"},"name":"--c2-details--border-right","default":"1px solid rgb(213, 213, 213)"},{"type":{"text":"border"},"name":"--c2-details--border-bottom","default":"1px solid rgb(213, 213, 213)"},{"type":{"text":"border"},"name":"--c2-details--border-left","default":"1px solid rgb(213, 213, 213)"},{"type":{"text":"border-radius"},"name":"--c2-details--border-top-left-radius","default":"8px"},{"type":{"text":"border-radius"},"name":"--c2-details--border-top-right-radius","default":"8px"},{"type":{"text":"border-radius"},"name":"--c2-details--border-bottom-left-radius","default":"8px"},{"type":{"text":"border-radius"},"name":"--c2-details--border-bottom-right-radius","default":"8px"},{"type":{"text":"background"},"name":"--c2-details--background","default":"rgb(255, 255, 255)"},{"type":{"text":"box-shadow"},"name":"--c2-details--box-shadow"},{"type":{"text":"time"},"description":"Open and close animation length; `0ms` disables it. Respects `prefers-reduced-motion`.","name":"--c2-details--transition-duration","default":"250ms"},{"type":{"text":"padding"},"name":"--c2-details__header--padding-top","default":"12px"},{"type":{"text":"padding"},"name":"--c2-details__header--padding-right","default":"16px"},{"type":{"text":"padding"},"name":"--c2-details__header--padding-bottom","default":"12px"},{"type":{"text":"padding"},"name":"--c2-details__header--padding-left","default":"16px"},{"type":{"text":"background"},"name":"--c2-details__header--background"},{"type":{"text":"color"},"name":"--c2-details__header--color"},{"type":{"text":"font-weight"},"name":"--c2-details__header--font-weight","default":"500"},{"type":{"text":"font-size"},"name":"--c2-details__header--font-size"},{"type":{"text":"pixel"},"name":"--c2-details__header--gap","default":"12px"},{"type":{"text":"flex-direction-row"},"description":"`row-reverse` puts the icon first.","name":"--c2-details__header--flex-direction","default":"row"},{"type":{"text":"pixel"},"name":"--c2-details__header__icon--width","default":"20px"},{"type":{"text":"pixel"},"name":"--c2-details__header__icon--height","default":"20px"},{"type":{"text":"pixel"},"description":"Icon angle while open.","name":"--c2-details__header__icon--rotate","default":"180deg"},{"type":{"text":"pixel"},"description":"Icon angle while closed. `-90deg` with the default chevron gives the nav idiom: right when closed, down when open.","name":"--c2-details__header__icon--rotate-collapsed","default":"0deg"},{"type":{"text":"color"},"name":"--c2-details__header__icon--color","default":"rgb(109, 109, 109)"},{"type":{"text":"pixel"},"name":"--c2-details__header__content--margin-top","default":"4px"},{"type":{"text":"color"},"name":"--c2-details__header__content--color","default":"rgb(109, 109, 109)"},{"type":{"text":"font-size"},"name":"--c2-details__header__content--font-size","default":"13px"},{"type":{"text":"font-weight"},"name":"--c2-details__header__content--font-weight","default":"400"},{"type":{"text":"background"},"name":"--c2-details__header__hover--background","default":"rgb(248, 248, 248)"},{"type":{"text":"color"},"name":"--c2-details__header__hover--color"},{"type":{"text":"background"},"name":"--c2-details__header__open--background"},{"type":{"text":"color"},"name":"--c2-details__header__open--color"},{"type":{"text":"outline"},"name":"--c2-details__header__focus--outline","default":"2px solid rgba(2, 101, 220, 0.4)"},{"type":{"text":"pixel"},"name":"--c2-details__header__focus--outline-offset","default":"-2px"},{"type":{"text":"opacity"},"name":"--c2-details__header__disabled--opacity","default":"0.38"},{"type":{"text":"padding"},"name":"--c2-details__content--padding-top","default":"4px"},{"type":{"text":"padding"},"description":"Falls back to the header padding.","name":"--c2-details__content--padding-right"},{"type":{"text":"padding"},"description":"Falls back to the header padding.","name":"--c2-details__content--padding-bottom"},{"type":{"text":"padding"},"description":"Falls back to the header padding.","name":"--c2-details__content--padding-left"},{"type":{"text":"color"},"name":"--c2-details__content--color"},{"type":{"text":"border"},"description":"Divider between header and content.","name":"--c2-details__content--border-top"}],"slots":[{"description":"Header label. Falls back to the `label` attribute.","name":"title"},{"description":"Second header row under the title (description, badges, actions). Stays visible when collapsed; clicks inside it do not toggle the panel, so buttons and links work there.","name":"header-content"},{"description":"Chevron shown in the header; rotates when open. Defaults to an inline SVG.","name":"icon"},{"description":"Alternative icon shown only while open (replaces the rotation).","name":"expanded-icon"},{"description":"Collapsible content.","name":""}],"members":[{"kind":"field","name":"detailsElement","type":{"text":"HTMLDetailsElement"},"privacy":"protected"},{"kind":"field","name":"contentElement","type":{"text":"HTMLElement"},"privacy":"private"},{"kind":"field","name":"bodyElement","type":{"text":"HTMLElement"},"privacy":"private"},{"kind":"field","name":"expanded","type":{"text":"boolean"},"default":"false","description":"Open state, kept in sync with the native `open` attribute.","attribute":"expanded","reflects":true},{"kind":"field","name":"label","type":{"text":"string"},"default":"''","description":"Header text when the `title` slot is empty.","attribute":"label"},{"kind":"field","name":"name","type":{"text":"string | undefined"},"default":"undefined","description":"Accordion group: opening a panel closes every other `c2-details` with the same name in the same document or shadow\nroot. (The native `name` attribute cannot be used: each panel's `<details>` sits in its own shadow tree.)","attribute":"name"},{"kind":"field","name":"titleNotClickable","type":{"text":"boolean"},"default":"false","description":"Only the icon toggles the panel; clicking the title does nothing.","attribute":"title-not-clickable","reflects":true},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Dims the header and blocks toggling (pointer and keyboard).","attribute":"disabled","reflects":true},{"kind":"field","name":"hasHeaderContent","type":{"text":"boolean"},"privacy":"private","default":"false"},{"kind":"field","name":"hasExpandedIcon","type":{"text":"boolean"},"privacy":"private","default":"false"},{"kind":"field","name":"closing","type":{"text":"boolean"},"privacy":"private","default":"false","description":"Keeps the native `open` attribute while the close animation plays; the content is hidden by the browser otherwise."},{"kind":"field","name":"contentAnimations","type":{"text":"Animation[]"},"privacy":"private","default":"[]"},{"kind":"field","name":"accordion","type":{"text":"AccordionContext | undefined"},"privacy":"private"},{"kind":"method","name":"cancelContentAnimations","privacy":"private"},{"kind":"method","name":"animateContent","privacy":"private","parameters":[{"name":"open","type":{"text":"boolean"}}],"description":"Slides the content between collapsed and its natural height, fading the body along the way. Duration and easing\ncome from the `transition-*` values the stylesheet puts on the content element, so `--c2-details--transition-duration`\nand `prefers-reduced-motion` both apply. Reversing mid-flight starts from the current rendered height."},{"kind":"method","name":"handleSlotChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"updateSlot","privacy":"private","parameters":[{"name":"slot","type":{"text":"HTMLSlotElement"}}]},{"kind":"method","name":"handleSummaryClick","privacy":"private","parameters":[{"name":"event","type":{"text":"MouseEvent"}}]},{"kind":"method","name":"handleSummaryKeydown","privacy":"private","parameters":[{"name":"event","type":{"text":"KeyboardEvent"}}]},{"kind":"method","name":"handleDetailsToggle","privacy":"private","parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"toggle","parameters":[{"name":"force","optional":true,"type":{"text":"boolean"}}],"description":"Opens or closes the panel."},{"kind":"method","name":"renderIcon","privacy":"protected"}],"events":[{"type":{"text":"ToggleEvent"},"description":"Re-dispatched from the native details after it opens or closes (`newState` is `open` or `closed`).","name":"toggle"}],"attributes":[{"name":"expanded","type":{"text":"boolean"},"default":"false","description":"Open state, kept in sync with the native `open` attribute.","fieldName":"expanded"},{"name":"label","type":{"text":"string"},"default":"''","description":"Header text when the `title` slot is empty.","fieldName":"label"},{"name":"name","type":{"text":"string | undefined"},"default":"undefined","description":"Accordion group: opening a panel closes every other `c2-details` with the same name in the same document or shadow\nroot. (The native `name` attribute cannot be used: each panel's `<details>` sits in its own shadow tree.)","fieldName":"name"},{"name":"title-not-clickable","type":{"text":"boolean"},"default":"false","description":"Only the icon toggles the panel; clicking the title does nothing.","fieldName":"titleNotClickable"},{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Dims the header and blocks toggling (pointer and keyboard).","fieldName":"disabled"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"c2-details","customElement":true}],"exports":[{"kind":"js","name":"Details","declaration":{"name":"Details","module":"src/details.ts"}},{"kind":"custom-element-definition","name":"c2-details","declaration":{"name":"Details","module":"src/details.ts"}}]}]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c2n/details",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
   "main": "dist/details.js",
   "exports": {
@@ -25,6 +25,7 @@
   "files": [
     "dist",
     "types",
+    "custom-elements.json",
     "react.d.ts",
     "react.js",
     "vue.d.ts",
@@ -64,7 +65,7 @@
     }
   },
   "dependencies": {
-    "@c2n/core": "0.0.12",
+    "@c2n/core": "0.0.13",
     "@lit/context": "1.1.6",
     "lit": "3.3.3"
   },
@@ -72,5 +73,5 @@
     "@c2n/config": "*"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "43e38b42ac221ffeef99a773c42dd3356961d26a"
+  "gitHead": "aa19b641f64fbc54c36b7649a8171d7a686abbdd"
 }