@solid-design-system/components 1.0.2 → 1.2.0

package/dist/custom-elements.json

@@ -1 +1 @@
-{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"components/button/button.js","declarations":[{"kind":"class","description":"","name":"SdButton","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The button's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The button's label.","name":""},{"description":"A prefix icon or similar element.","name":"icon-left"},{"description":"A suffix icon or similar element.","name":"icon-right"}],"members":[{"kind":"field","name":"formControlController","privacy":"private","default":"new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute it set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    }\n  })"},{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"invalid","type":{"text":"boolean"},"default":"false"},{"kind":"field","name":"title","type":{"text":"string"},"default":"''","attribute":"title"},{"kind":"field","name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","attribute":"variant","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","attribute":"inverted","reflects":true},{"kind":"field","name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","attribute":"size","reflects":true},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","attribute":"disabled","reflects":true},{"kind":"field","name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","attribute":"loading","reflects":true},{"kind":"field","name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","attribute":"type"},{"kind":"field","name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","attribute":"name"},{"kind":"field","name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","attribute":"value"},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"field","name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","attribute":"form"},{"kind":"field","name":"formAction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","attribute":"formaction"},{"kind":"field","name":"formEnctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","attribute":"formenctype"},{"kind":"field","name":"formMethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","attribute":"formmethod"},{"kind":"field","name":"formNoValidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","attribute":"formnovalidate"},{"kind":"field","name":"formTarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","attribute":"formtarget"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"handleClick","privacy":"private","parameters":[{"name":"event","type":{"text":"MouseEvent"}}]},{"kind":"method","name":"isButton","privacy":"private"},{"kind":"method","name":"isLink","privacy":"private"},{"kind":"method","name":"handleDisabledChange"},{"kind":"method","name":"click","description":"Simulates a click on the button."},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."},{"kind":"method","name":"checkValidity","description":"Checks for validity but does not show the browser's validation message."},{"kind":"method","name":"reportValidity","description":"Checks for validity and shows the browser's validation message if the control is invalid."},{"kind":"method","name":"setCustomValidity","parameters":[{"name":"message","type":{"text":"string"}}],"description":"Sets a custom validation message. Pass an empty string to restore validity."}],"events":[{"description":"Emitted when the button loses focus.","name":"sd-blur"},{"description":"Emitted when the button gains focus.","name":"sd-focus"}],"attributes":[{"name":"title","type":{"text":"string"},"default":"''","fieldName":"title","attribute":"title"},{"name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","fieldName":"variant","attribute":"variant"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","fieldName":"inverted","attribute":"inverted"},{"name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","fieldName":"size","attribute":"size"},{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","fieldName":"disabled","attribute":"disabled"},{"name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","fieldName":"loading","attribute":"loading"},{"name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","fieldName":"type","attribute":"type"},{"name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","fieldName":"name","attribute":"name"},{"name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","fieldName":"value","attribute":"value"},{"name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"},{"name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","fieldName":"form","attribute":"form"},{"name":"formaction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","fieldName":"formAction","attribute":"formaction"},{"name":"formenctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","fieldName":"formEnctype","attribute":"formenctype"},{"name":"formmethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","fieldName":"formMethod","attribute":"formmethod"},{"name":"formnovalidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","fieldName":"formNoValidate","attribute":"formnovalidate"},{"name":"formtarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","fieldName":"formTarget","attribute":"formtarget"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Buttons represent actions that are available to the user.","documentation":"https://solid.union-investment.com/[storybook-link]/button","status":"stable","since":"1.0","dependencies":["sd-icon","sd-spinner"],"tagName":"sd-button","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}}]},{"kind":"javascript-module","path":"components/icon/icon.js","declarations":[{"kind":"class","description":"","name":"SdIcon","members":[{"kind":"field","name":"svg","type":{"text":"string"},"privacy":"private","default":"''"},{"kind":"field","name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","attribute":"name","reflects":true},{"kind":"field","name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","attribute":"src"},{"kind":"field","name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","attribute":"label"},{"kind":"field","name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","attribute":"library","reflects":true},{"kind":"field","name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","attribute":"color","reflects":true},{"kind":"method","name":"getUrl","privacy":"private"},{"kind":"method","name":"handleLabelChange"},{"kind":"method","name":"setIcon"}],"events":[{"description":"Emitted when the icon has loaded.","name":"sd-load"},{"description":"Emitted when the icon fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","fieldName":"name","attribute":"name"},{"name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","fieldName":"src","attribute":"src"},{"name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","fieldName":"label","attribute":"label"},{"name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","fieldName":"library","attribute":"library"},{"name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Icons are symbols that can be used to represent various options within an application.","status":"stable","since":"1.0","tagName":"sd-icon","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}}]},{"kind":"javascript-module","path":"components/icon/library.system.js","declarations":[{"kind":"variable","name":"icons","type":{"text":"object"},"default":"{\n  'chevron-down': `\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path>\n    </svg>\n  `,\n  'chevron-up': `\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path>\n    </svg>\n  `\n}"},{"kind":"variable","name":"systemLibrary","type":{"text":"IconLibrary"},"default":"{\n  name: 'system',\n  resolver: (name: keyof typeof icons) => {\n    if (name in icons) {\n      return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;\n    }\n    return '';\n  },\n  mutator: svg => svg.setAttribute('fill', 'currentColor')\n}"}],"exports":[{"kind":"js","name":"icons","declaration":{"name":"icons","module":"components/icon/library.system.js"}},{"kind":"js","name":"default","declaration":{"name":"systemLibrary","module":"components/icon/library.system.js"}}]},{"kind":"javascript-module","path":"components/icon/library.js","declarations":[{"kind":"function","name":"watchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Adds an icon to the list of watched icons."},{"kind":"function","name":"unwatchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Removes an icon from the list of watched icons."},{"kind":"function","name":"getIconLibrary","parameters":[{"name":"name","optional":true,"type":{"text":"string"}}],"description":"Returns a library from the registry."},{"kind":"function","name":"registerIconLibrary","parameters":[{"name":"name","type":{"text":"string"}},{"name":"options","type":{"text":"{ resolver: IconLibraryResolver; mutator?: IconLibraryMutator }"}}],"description":"Adds an icon library to the registry, or overrides an existing one."},{"kind":"function","name":"unregisterIconLibrary","parameters":[{"name":"name","type":{"text":"string"}}],"description":"Removes an icon library from the registry."}],"exports":[{"kind":"js","name":"watchIcon","declaration":{"name":"watchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"unwatchIcon","declaration":{"name":"unwatchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"getIconLibrary","declaration":{"name":"getIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"registerIconLibrary","declaration":{"name":"registerIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"unregisterIconLibrary","declaration":{"name":"unregisterIconLibrary","module":"components/icon/library.js"}}]},{"kind":"javascript-module","path":"components/icon/request.js","declarations":[{"kind":"function","name":"requestIcon","return":{"type":{"text":"Promise<IconFile>"}},"parameters":[{"name":"url","type":{"text":"string"}}]}],"exports":[{"kind":"js","name":"requestIcon","declaration":{"name":"requestIcon","module":"components/icon/request.js"}}]},{"kind":"javascript-module","path":"components/include/include.styles.js","declarations":[],"exports":[{"kind":"js","name":"default","declaration":{"module":"components/include/include.styles.js"}}]},{"kind":"javascript-module","path":"components/include/include.js","declarations":[{"kind":"class","description":"","name":"SdInclude","members":[{"kind":"field","name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"src"},{"kind":"field","name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","attribute":"mode"},{"kind":"field","name":"allowScripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"allow-scripts"},{"kind":"method","name":"executeScript","privacy":"private","parameters":[{"name":"script","type":{"text":"HTMLScriptElement"}}]},{"kind":"method","name":"handleSrcChange"}],"events":[{"description":"Emitted when the included file is loaded.","name":"sd-load"},{"type":{"text":"{ status: number }"},"description":"Emitted when the included file fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"src","attribute":"src"},{"name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","fieldName":"mode","attribute":"mode"},{"name":"allow-scripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"allowScripts","attribute":"allow-scripts"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Includes give you the power to embed external HTML files into the page.","documentation":"https://solid.union-investment.com/[storybook-link]/include","status":"stable","since":"1.0","tagName":"sd-include","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}}]},{"kind":"javascript-module","path":"components/include/request.js","declarations":[{"kind":"function","name":"requestInclude","return":{"type":{"text":"Promise<IncludeFile>"}},"parameters":[{"name":"src","type":{"text":"string"}},{"name":"mode","default":"'cors'","type":{"text":"'cors' | 'no-cors' | 'same-origin'"}}],"description":"Fetches an include file from a remote source. Caching is enabled so the origin is only pinged once."}],"exports":[{"kind":"js","name":"requestInclude","declaration":{"name":"requestInclude","module":"components/include/request.js"}}]},{"kind":"javascript-module","path":"components/link/link.js","declarations":[{"kind":"class","description":"","name":"SdLink","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The link's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The default slot.","name":""},{"description":"The icon to display on the left side of the link.","name":"icon-left"},{"description":"The icon to display on the right side of the link.","name":"icon-right"}],"members":[{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","attribute":"size","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","attribute":"inverted","reflects":true},{"kind":"field","name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","attribute":"standalone","reflects":true},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."}],"events":[{"description":"Emitted when the link loses focus.","name":"sd-blur"},{"description":"Emitted when the link gains focus.","name":"sd-focus"}],"attributes":[{"name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","fieldName":"size","attribute":"size"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","fieldName":"inverted","attribute":"inverted"},{"name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","fieldName":"standalone","attribute":"standalone"},{"name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"A link component.","documentation":"https://solid.union-investment.com/[storybook-link]/link","status":"experimental","since":"1.2","tagName":"sd-link","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}}]},{"kind":"javascript-module","path":"components/spinner/spinner.js","declarations":[{"kind":"class","description":"","name":"SdSpinner","members":[{"kind":"field","name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","attribute":"color","reflects":true},{"kind":"field","name":"localize","privacy":"private","default":"new LocalizeController(this)"}],"attributes":[{"name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Spinners are used to show the progress of an indeterminate operation.","documentation":"https://solid.union-investment.com/[storybook-link]/spinner","status":"stable","since":"1.0","tagName":"sd-spinner","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}}]}],"package":{"name":"@solid-design-system/components","description":"Solid Design System: Components","version":"1.0.2","author":{"name":"Union Investment"},"homepage":"https://solid-design-system.fe.union-investment.de/x.x.x/storybook/","license":"MIT"}}
+{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"components/accordion-group/accordion-group.js","declarations":[{"kind":"class","description":"","name":"SdAccordionGroup","cssParts":[{"description":"The component's base wrapper.","name":"base"}],"slots":[{"description":"The default slot where `<sd-accordion>` elements are placed.","name":""}],"members":[{"kind":"field","name":"closeOthers","type":{"text":"boolean"},"default":"false","description":"Closes other accordions.","attribute":"close-others"},{"kind":"field","name":"handleAccordionShow","privacy":"private"}],"attributes":[{"name":"close-others","type":{"text":"boolean"},"default":"false","description":"Closes other accordions.","fieldName":"closeOthers","attribute":"close-others"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Short summary of the component's intended use.","documentation":"https://solid.union-investment.com/[storybook-link]/accordion-group","status":"experimental","since":"1.1","dependencies":["sd-accordion"],"tagName":"sd-accordion-group","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdAccordionGroup","module":"components/accordion-group/accordion-group.js"}},{"kind":"custom-element-definition","name":"sd-accordion-group","declaration":{"name":"SdAccordionGroup","module":"components/accordion-group/accordion-group.js"}},{"kind":"custom-element-definition","name":"sd-accordion-group","declaration":{"name":"SdAccordionGroup","module":"components/accordion-group/accordion-group.js"}}]},{"kind":"javascript-module","path":"components/accordion/accordion.js","declarations":[{"kind":"class","description":"","name":"SdAccordion","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The header that wraps both the summary and the expand/collapse icon.","name":"header"},{"description":"The container that wraps the summary.","name":"summary"},{"description":"The container that wraps the expand/collapse icons.","name":"summary-icon"},{"description":"The accordion content.","name":"content"}],"slots":[{"description":"The accordion main content.","name":""},{"description":"The accordion summary. Alternatively, you can use the `summary` attribute.","name":"summary"},{"description":"Optional expand icon to use instead of the default. Works best with `<sd-icon>`.","name":"expand-icon"},{"description":"Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.","name":"collapse-icon"}],"members":[{"kind":"field","name":"localize","privacy":"private","default":"new LocalizeController(this)"},{"kind":"field","name":"open","type":{"text":"boolean"},"default":"false","description":"Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.","attribute":"open","reflects":true},{"kind":"field","name":"summary","type":{"text":"string"},"description":"The summary to show in the header. If you need to display HTML, use the `summary` slot instead.","attribute":"summary"},{"kind":"method","name":"handleSummaryClick","privacy":"private"},{"kind":"method","name":"handleSummaryKeyDown","privacy":"private","parameters":[{"name":"event","type":{"text":"KeyboardEvent"}}]},{"kind":"method","name":"handleOpenChange"},{"kind":"method","name":"show","description":"Shows the accordion."},{"kind":"method","name":"hide","description":"Hides the accordion"}],"events":[{"description":"Emitted when the accordion opens.","name":"sd-show"},{"description":"Emitted after the accordion opens and all animations are complete.","name":"sd-after-show"},{"description":"Emitted when the accordion closes.","name":"sd-hide"},{"description":"Emitted after the accordion closes and all animations are complete.","name":"sd-after-hide"}],"attributes":[{"name":"open","type":{"text":"boolean"},"default":"false","description":"Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.","fieldName":"open","attribute":"open"},{"name":"summary","type":{"text":"string"},"description":"The summary to show in the header. If you need to display HTML, use the `summary` slot instead.","fieldName":"summary","attribute":"summary"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Accordion shows a brief summary and expands to show additional content.","documentation":"https://solid.union-investment.com/[storybook-link]/accordion","status":"stable","since":"1.1","dependencies":["sd-icon"],"animations":[{"name":"accordion.show","description":"The animation to use when showing accordion. You can use `height: auto` with this animation."},{"name":"accordion.hide","description":"The animation to use when hiding accordion. You can use `height: auto` with this animation."}],"tagName":"sd-accordion","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdAccordion","module":"components/accordion/accordion.js"}},{"kind":"custom-element-definition","name":"sd-accordion","declaration":{"name":"SdAccordion","module":"components/accordion/accordion.js"}},{"kind":"custom-element-definition","name":"sd-accordion","declaration":{"name":"SdAccordion","module":"components/accordion/accordion.js"}}]},{"kind":"javascript-module","path":"components/button/button.js","declarations":[{"kind":"class","description":"","name":"SdButton","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The button's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The button's label.","name":""},{"description":"A prefix icon or similar element.","name":"icon-left"},{"description":"A suffix icon or similar element.","name":"icon-right"}],"members":[{"kind":"field","name":"formControlController","privacy":"private","default":"new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute it set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    }\n  })"},{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"invalid","type":{"text":"boolean"},"default":"false"},{"kind":"field","name":"title","type":{"text":"string"},"default":"''","attribute":"title"},{"kind":"field","name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","attribute":"variant","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","attribute":"inverted","reflects":true},{"kind":"field","name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","attribute":"size","reflects":true},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","attribute":"disabled","reflects":true},{"kind":"field","name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","attribute":"loading","reflects":true},{"kind":"field","name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","attribute":"type"},{"kind":"field","name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","attribute":"name"},{"kind":"field","name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","attribute":"value"},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"field","name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","attribute":"form"},{"kind":"field","name":"formAction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","attribute":"formaction"},{"kind":"field","name":"formEnctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","attribute":"formenctype"},{"kind":"field","name":"formMethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","attribute":"formmethod"},{"kind":"field","name":"formNoValidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","attribute":"formnovalidate"},{"kind":"field","name":"formTarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","attribute":"formtarget"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"handleClick","privacy":"private","parameters":[{"name":"event","type":{"text":"MouseEvent"}}]},{"kind":"method","name":"isButton","privacy":"private"},{"kind":"method","name":"isLink","privacy":"private"},{"kind":"method","name":"handleDisabledChange"},{"kind":"method","name":"click","description":"Simulates a click on the button."},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."},{"kind":"method","name":"checkValidity","description":"Checks for validity but does not show the browser's validation message."},{"kind":"method","name":"reportValidity","description":"Checks for validity and shows the browser's validation message if the control is invalid."},{"kind":"method","name":"setCustomValidity","parameters":[{"name":"message","type":{"text":"string"}}],"description":"Sets a custom validation message. Pass an empty string to restore validity."}],"events":[{"description":"Emitted when the button loses focus.","name":"sd-blur"},{"description":"Emitted when the button gains focus.","name":"sd-focus"}],"attributes":[{"name":"title","type":{"text":"string"},"default":"''","fieldName":"title","attribute":"title"},{"name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","fieldName":"variant","attribute":"variant"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","fieldName":"inverted","attribute":"inverted"},{"name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","fieldName":"size","attribute":"size"},{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","fieldName":"disabled","attribute":"disabled"},{"name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","fieldName":"loading","attribute":"loading"},{"name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","fieldName":"type","attribute":"type"},{"name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","fieldName":"name","attribute":"name"},{"name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","fieldName":"value","attribute":"value"},{"name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"},{"name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","fieldName":"form","attribute":"form"},{"name":"formaction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","fieldName":"formAction","attribute":"formaction"},{"name":"formenctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","fieldName":"formEnctype","attribute":"formenctype"},{"name":"formmethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","fieldName":"formMethod","attribute":"formmethod"},{"name":"formnovalidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","fieldName":"formNoValidate","attribute":"formnovalidate"},{"name":"formtarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","fieldName":"formTarget","attribute":"formtarget"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Buttons represent actions that are available to the user.","documentation":"https://solid.union-investment.com/[storybook-link]/button","status":"stable","since":"1.0","dependencies":["sd-icon","sd-spinner"],"tagName":"sd-button","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}}]},{"kind":"javascript-module","path":"components/divider/divider.js","declarations":[{"kind":"class","description":"","name":"SdDivider","members":[{"kind":"field","name":"orientation","type":{"text":"'horizontal' | 'vertical'"},"default":"'horizontal'","description":"Determines the orientation of the divider.","attribute":"orientation","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"This inverts the divider.","attribute":"inverted","reflects":true}],"attributes":[{"name":"orientation","type":{"text":"'horizontal' | 'vertical'"},"default":"'horizontal'","description":"Determines the orientation of the divider.","fieldName":"orientation","attribute":"orientation"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"This inverts the divider.","fieldName":"inverted","attribute":"inverted"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Dividers are used to visually separate or group elements.","documentation":"https://solid.union-investment.com/[storybook-link]/divider","status":"stable","since":"1.0","tagName":"sd-divider","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdDivider","module":"components/divider/divider.js"}},{"kind":"custom-element-definition","name":"sd-divider","declaration":{"name":"SdDivider","module":"components/divider/divider.js"}},{"kind":"custom-element-definition","name":"sd-divider","declaration":{"name":"SdDivider","module":"components/divider/divider.js"}}]},{"kind":"javascript-module","path":"components/icon/icon.js","declarations":[{"kind":"class","description":"","name":"SdIcon","members":[{"kind":"field","name":"svg","type":{"text":"string"},"privacy":"private","default":"''"},{"kind":"field","name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","attribute":"name","reflects":true},{"kind":"field","name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","attribute":"src"},{"kind":"field","name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","attribute":"label"},{"kind":"field","name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","attribute":"library","reflects":true},{"kind":"field","name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","attribute":"color","reflects":true},{"kind":"method","name":"getUrl","privacy":"private"},{"kind":"method","name":"handleLabelChange"},{"kind":"method","name":"setIcon"}],"events":[{"description":"Emitted when the icon has loaded.","name":"sd-load"},{"description":"Emitted when the icon fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","fieldName":"name","attribute":"name"},{"name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","fieldName":"src","attribute":"src"},{"name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","fieldName":"label","attribute":"label"},{"name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","fieldName":"library","attribute":"library"},{"name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Icons are symbols that can be used to represent various options within an application.","status":"stable","since":"1.0","tagName":"sd-icon","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}}]},{"kind":"javascript-module","path":"components/icon/library.system.js","declarations":[{"kind":"variable","name":"icons","type":{"text":"object"},"default":"{\n  'chevron-down': `\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path>\n    </svg>\n  `,\n  'chevron-up': `\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path>\n    </svg>\n  `\n}"},{"kind":"variable","name":"systemLibrary","type":{"text":"IconLibrary"},"default":"{\n  name: 'system',\n  resolver: (name: keyof typeof icons) => {\n    if (name in icons) {\n      return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;\n    }\n    return '';\n  },\n  mutator: svg => svg.setAttribute('fill', 'currentColor')\n}"}],"exports":[{"kind":"js","name":"icons","declaration":{"name":"icons","module":"components/icon/library.system.js"}},{"kind":"js","name":"default","declaration":{"name":"systemLibrary","module":"components/icon/library.system.js"}}]},{"kind":"javascript-module","path":"components/icon/library.js","declarations":[{"kind":"function","name":"watchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Adds an icon to the list of watched icons."},{"kind":"function","name":"unwatchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Removes an icon from the list of watched icons."},{"kind":"function","name":"getIconLibrary","parameters":[{"name":"name","optional":true,"type":{"text":"string"}}],"description":"Returns a library from the registry."},{"kind":"function","name":"registerIconLibrary","parameters":[{"name":"name","type":{"text":"string"}},{"name":"options","type":{"text":"{ resolver: IconLibraryResolver; mutator?: IconLibraryMutator }"}}],"description":"Adds an icon library to the registry, or overrides an existing one."},{"kind":"function","name":"unregisterIconLibrary","parameters":[{"name":"name","type":{"text":"string"}}],"description":"Removes an icon library from the registry."}],"exports":[{"kind":"js","name":"watchIcon","declaration":{"name":"watchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"unwatchIcon","declaration":{"name":"unwatchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"getIconLibrary","declaration":{"name":"getIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"registerIconLibrary","declaration":{"name":"registerIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"unregisterIconLibrary","declaration":{"name":"unregisterIconLibrary","module":"components/icon/library.js"}}]},{"kind":"javascript-module","path":"components/icon/request.js","declarations":[{"kind":"function","name":"requestIcon","return":{"type":{"text":"Promise<IconFile>"}},"parameters":[{"name":"url","type":{"text":"string"}}]}],"exports":[{"kind":"js","name":"requestIcon","declaration":{"name":"requestIcon","module":"components/icon/request.js"}}]},{"kind":"javascript-module","path":"components/include/include.styles.js","declarations":[],"exports":[{"kind":"js","name":"default","declaration":{"module":"components/include/include.styles.js"}}]},{"kind":"javascript-module","path":"components/include/include.js","declarations":[{"kind":"class","description":"","name":"SdInclude","members":[{"kind":"field","name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"src"},{"kind":"field","name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","attribute":"mode"},{"kind":"field","name":"allowScripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"allow-scripts"},{"kind":"method","name":"executeScript","privacy":"private","parameters":[{"name":"script","type":{"text":"HTMLScriptElement"}}]},{"kind":"method","name":"handleSrcChange"}],"events":[{"description":"Emitted when the included file is loaded.","name":"sd-load"},{"type":{"text":"{ status: number }"},"description":"Emitted when the included file fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"src","attribute":"src"},{"name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","fieldName":"mode","attribute":"mode"},{"name":"allow-scripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"allowScripts","attribute":"allow-scripts"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Includes give you the power to embed external HTML files into the page.","documentation":"https://solid.union-investment.com/[storybook-link]/include","status":"stable","since":"1.0","tagName":"sd-include","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}}]},{"kind":"javascript-module","path":"components/include/request.js","declarations":[{"kind":"function","name":"requestInclude","return":{"type":{"text":"Promise<IncludeFile>"}},"parameters":[{"name":"src","type":{"text":"string"}},{"name":"mode","default":"'cors'","type":{"text":"'cors' | 'no-cors' | 'same-origin'"}}],"description":"Fetches an include file from a remote source. Caching is enabled so the origin is only pinged once."}],"exports":[{"kind":"js","name":"requestInclude","declaration":{"name":"requestInclude","module":"components/include/request.js"}}]},{"kind":"javascript-module","path":"components/link/link.js","declarations":[{"kind":"class","description":"","name":"SdLink","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The link's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The default slot.","name":""},{"description":"The icon to display on the left side of the link.","name":"icon-left"},{"description":"The icon to display on the right side of the link.","name":"icon-right"}],"members":[{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","attribute":"size","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","attribute":"inverted","reflects":true},{"kind":"field","name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","attribute":"standalone","reflects":true},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."}],"events":[{"description":"Emitted when the link loses focus.","name":"sd-blur"},{"description":"Emitted when the link gains focus.","name":"sd-focus"}],"attributes":[{"name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","fieldName":"size","attribute":"size"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","fieldName":"inverted","attribute":"inverted"},{"name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","fieldName":"standalone","attribute":"standalone"},{"name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"A link component.","documentation":"https://solid.union-investment.com/[storybook-link]/link","status":"experimental","since":"1.2","tagName":"sd-link","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}}]},{"kind":"javascript-module","path":"components/spinner/spinner.js","declarations":[{"kind":"class","description":"","name":"SdSpinner","members":[{"kind":"field","name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","attribute":"color","reflects":true},{"kind":"field","name":"localize","privacy":"private","default":"new LocalizeController(this)"}],"attributes":[{"name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Spinners are used to show the progress of an indeterminate operation.","documentation":"https://solid.union-investment.com/[storybook-link]/spinner","status":"stable","since":"1.0","tagName":"sd-spinner","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}}]}],"package":{"name":"@solid-design-system/components","description":"Solid Design System: Components","version":"1.2.0","author":{"name":"Union Investment"},"homepage":"https://solid-design-system.fe.union-investment.de/x.x.x/storybook/","license":"MIT"}}

package/dist/package/components/accordion/accordion.d.ts

@@ -0,0 +1,23 @@
+import '../icon/icon';
+import SolidElement from '../../internal/solid-element';
+export default class SdAccordion extends SolidElement {
+    private readonly localize;
+    accordion: HTMLElement;
+    header: HTMLElement;
+    body: HTMLElement;
+    open: boolean;
+    summary: string;
+    firstUpdated(): void;
+    private handleSummaryClick;
+    private handleSummaryKeyDown;
+    handleOpenChange(): Promise<void>;
+    show(): Promise<void>;
+    hide(): Promise<void>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultGroup[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sd-accordion': SdAccordion;
+    }
+}

package/dist/package/components/accordion/accordion.js

@@ -0,0 +1,152 @@
+import "../icon/icon.js";
+import { stopAnimations, animateTo, shimKeyframesHeightAuto } from "../../internal/animate.js";
+import { css, html } from "lit";
+import { query, property, customElement } from "lit/decorators.js";
+import { setDefaultAnimation, getAnimation } from "../../utilities/animation-registry.js";
+import { LocalizeController } from "../../utilities/localize.js";
+import { waitForEvent } from "../../internal/event.js";
+import { watch } from "../../internal/watch.js";
+import cx from "classix";
+import SolidElement from "../../internal/solid-element.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SdAccordion = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.open = false;
+  }
+  firstUpdated() {
+    this.body.hidden = !this.open;
+    this.body.style.height = this.open ? "auto" : "0";
+  }
+  handleSummaryClick() {
+    this.header.focus();
+    if (this.open) {
+      this.hide();
+    } else {
+      this.show();
+    }
+  }
+  handleSummaryKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      if (this.open) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    }
+    if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+      event.preventDefault();
+      this.hide();
+    }
+    if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+      event.preventDefault();
+      this.show();
+    }
+  }
+  async handleOpenChange() {
+    if (this.open) {
+      const slShow = this.emit("sd-show", { cancelable: true });
+      if (slShow.defaultPrevented) {
+        this.open = false;
+        return;
+      }
+      await stopAnimations(this.body);
+      this.body.hidden = false;
+      const { keyframes, options } = getAnimation(this, "accordion.show", { dir: this.localize.dir() });
+      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);
+      this.body.style.height = "auto";
+      this.emit("sd-after-show");
+    } else {
+      const slHide = this.emit("sd-hide", { cancelable: true });
+      if (slHide.defaultPrevented) {
+        this.open = true;
+        return;
+      }
+      await stopAnimations(this.body);
+      const { keyframes, options } = getAnimation(this, "accordion.hide", { dir: this.localize.dir() });
+      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);
+      this.body.hidden = true;
+      this.body.style.height = "auto";
+      this.emit("sd-after-hide");
+    }
+  }
+  /** Shows the accordion. */
+  async show() {
+    if (this.open) {
+      return void 0;
+    }
+    this.open = true;
+    return waitForEvent(this, "sd-after-show");
+  }
+  /** Hides the accordion */
+  async hide() {
+    if (!this.open) {
+      return void 0;
+    }
+    this.open = false;
+    return waitForEvent(this, "sd-after-hide");
+  }
+  render() {
+    return html`<div part="base" class="outline outline-1 outline-neutral-400 -outline-offset-1"><header part="header" id="header" class="${cx(
+      "flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus:outline focus:outline-primary focus:outline-2 focus:outline-offset-2 focus-visible:focus",
+      this.open ? "bg-white text-accent hover:bg-neutral-200" : "text-primary bg-neutral-100 hover:bg-neutral-200"
+    )}" role="button" aria-expanded="${this.open ? "true" : "false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${cx(
+      "flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-300 text-xl",
+      this.open && "rotate-180"
+    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-icon library="system" name="chevron-down"></sd-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-icon library="system" name="chevron-down"></sd-icon></slot></span></header><div part="content" id="content" class="overflow-hidden"><slot class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></div>`;
+  }
+};
+SdAccordion.styles = [
+  SolidElement.styles,
+  css`:host{display:block}`
+];
+__decorateClass([
+  query('[part="base"]')
+], SdAccordion.prototype, "accordion", 2);
+__decorateClass([
+  query('[part="header"]')
+], SdAccordion.prototype, "header", 2);
+__decorateClass([
+  query('[part="content"]')
+], SdAccordion.prototype, "body", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdAccordion.prototype, "open", 2);
+__decorateClass([
+  property()
+], SdAccordion.prototype, "summary", 2);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], SdAccordion.prototype, "handleOpenChange", 1);
+SdAccordion = __decorateClass([
+  customElement("sd-accordion")
+], SdAccordion);
+setDefaultAnimation("accordion.show", {
+  keyframes: [
+    { height: "0", opacity: "0" },
+    { height: "auto", opacity: "1" }
+  ],
+  options: { duration: 300, easing: "ease" }
+});
+setDefaultAnimation("accordion.hide", {
+  keyframes: [
+    { height: "auto", opacity: "1" },
+    { height: "0", opacity: "0" }
+  ],
+  options: { duration: 300, easing: "ease" }
+});
+export {
+  SdAccordion as default
+};

package/dist/package/components/accordion-group/accordion-group.d.ts

@@ -0,0 +1,16 @@
+import '../accordion/accordion';
+import SolidElement from '../../internal/solid-element';
+export default class SdAccordionGroup extends SolidElement {
+    _accordionsInDefaultSlot: HTMLElement[];
+    closeOthers: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleAccordionShow;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultGroup[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sd-accordion-group': SdAccordionGroup;
+    }
+}

package/dist/package/components/accordion-group/accordion-group.js

@@ -0,0 +1,63 @@
+import "../accordion/accordion.js";
+import { css, html } from "lit";
+import { queryAssignedElements, property, customElement } from "lit/decorators.js";
+import componentStyles from "../../styles/component.styles.js";
+import SolidElement from "../../internal/solid-element.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SdAccordionGroup = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.closeOthers = false;
+    this.handleAccordionShow = (event) => {
+      if (this.closeOthers) {
+        this._accordionsInDefaultSlot.forEach((accordionElement) => {
+          if (accordionElement === event.target) {
+            return;
+          }
+          if (accordionElement.parentNode !== event.target.parentNode) {
+            return;
+          }
+          accordionElement.removeAttribute("open");
+        });
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("sd-show", this.handleAccordionShow);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("sd-show", this.handleAccordionShow);
+  }
+  render() {
+    return html`<div part="base"><slot></slot></div>`;
+  }
+};
+SdAccordionGroup.styles = [
+  componentStyles,
+  SolidElement.styles,
+  css`:host{display:block}::slotted(sd-accordion:not(:first-of-type)){margin-top:-1px}`
+];
+__decorateClass([
+  queryAssignedElements({ selector: "sd-accordion" })
+], SdAccordionGroup.prototype, "_accordionsInDefaultSlot", 2);
+__decorateClass([
+  property({ attribute: "close-others", type: Boolean })
+], SdAccordionGroup.prototype, "closeOthers", 2);
+SdAccordionGroup = __decorateClass([
+  customElement("sd-accordion-group")
+], SdAccordionGroup);
+export {
+  SdAccordionGroup as default
+};

package/dist/package/components/divider/divider.d.ts

@@ -0,0 +1,13 @@
+import SolidElement from '../../internal/solid-element';
+export default class SdDivider extends SolidElement {
+    orientation: 'horizontal' | 'vertical';
+    inverted: boolean;
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultGroup[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sd-divider': SdDivider;
+    }
+}

package/dist/package/components/divider/divider.js

@@ -0,0 +1,50 @@
+import { css, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import componentStyles from "../../styles/component.styles.js";
+import cx from "classix";
+import SolidElement from "../../internal/solid-element.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SdDivider = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.orientation = "horizontal";
+    this.inverted = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "separator");
+  }
+  render() {
+    return html`<hr part="main" class="${cx(
+      this.inverted ? "border-primary-400" : "border-neutral-400",
+      this.orientation === "horizontal" ? "border-t w-full" : " border-l h-full"
+    )}">`;
+  }
+};
+SdDivider.styles = [
+  componentStyles,
+  SolidElement.styles,
+  css`:host{margin:0}:host(sd-divider[orientation=horizontal]){display:block}:host(sd-divider[orientation=vertical]){display:inline-block}`
+];
+__decorateClass([
+  property({ reflect: true })
+], SdDivider.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdDivider.prototype, "inverted", 2);
+SdDivider = __decorateClass([
+  customElement("sd-divider")
+], SdDivider);
+export {
+  SdDivider as default
+};

package/dist/package/internal/animate.d.ts

@@ -0,0 +1,10 @@
+export declare function animateTo(el: HTMLElement, keyframes: Keyframe[], options?: KeyframeAnimationOptions): Promise<unknown>;
+export declare function parseDuration(delay: number | string): number;
+export declare function prefersReducedMotion(): boolean;
+export declare function stopAnimations(el: HTMLElement): Promise<unknown[]>;
+export declare function shimKeyframesHeightAuto(keyframes: Keyframe[], calculatedHeight: number): {
+    height: string | number | null | undefined;
+    composite?: CompositeOperationOrAuto | undefined;
+    easing?: string | undefined;
+    offset?: number | null | undefined;
+}[];

package/dist/package/internal/animate.js

@@ -0,0 +1,41 @@
+function animateTo(el, keyframes, options) {
+  return new Promise((resolve) => {
+    if ((options == null ? void 0 : options.duration) === Infinity) {
+      throw new Error("Promise-based animations must be finite.");
+    }
+    const animation = el.animate(keyframes, {
+      ...options,
+      duration: prefersReducedMotion() ? 0 : options.duration
+    });
+    animation.addEventListener("cancel", resolve, { once: true });
+    animation.addEventListener("finish", resolve, { once: true });
+  });
+}
+function prefersReducedMotion() {
+  const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+  return query.matches;
+}
+function stopAnimations(el) {
+  return Promise.all(
+    el.getAnimations().map((animation) => {
+      return new Promise((resolve) => {
+        const handleAnimationEvent = requestAnimationFrame(resolve);
+        animation.addEventListener("cancel", () => handleAnimationEvent, { once: true });
+        animation.addEventListener("finish", () => handleAnimationEvent, { once: true });
+        animation.cancel();
+      });
+    })
+  );
+}
+function shimKeyframesHeightAuto(keyframes, calculatedHeight) {
+  return keyframes.map((keyframe) => ({
+    ...keyframe,
+    height: keyframe.height === "auto" ? `${calculatedHeight}px` : keyframe.height
+  }));
+}
+export {
+  animateTo,
+  prefersReducedMotion,
+  shimKeyframesHeightAuto,
+  stopAnimations
+};

package/dist/package/internal/event.d.ts

@@ -0,0 +1 @@
+export declare function waitForEvent(el: HTMLElement, eventName: string): Promise<void>;

package/dist/package/internal/event.js

@@ -0,0 +1,14 @@
+function waitForEvent(el, eventName) {
+  return new Promise((resolve) => {
+    function done(event) {
+      if (event.target === el) {
+        el.removeEventListener(eventName, done);
+        resolve();
+      }
+    }
+    el.addEventListener(eventName, done);
+  });
+}
+export {
+  waitForEvent
+};