@zanichelli/albe-web-components 7.3.2 → 7.3.4

package/readme.md

@@ -1,280 +1,280 @@
-![Zanichelli logo](https://www.zanichelli.it/static/zanichelli/templates/zanichelli/_template_style/images/logo-print.png)
-
-# Zanichelli - Web Components Library
-
-Zanichelli's design system is widely documented on Zeroheight at this [link](https://zeroheight.com/485b31545).
-
-## Install
-
-```bash
-yarn add @zanichelli/albe-web-components
-```
-
-## Start Library Development Server
-
-```
-yarn start
-```
-
----
-
-## Create a component:
-
-```
-yarn generate component my-component
-```
-
-> NB: component name must have a dash (`-`)
-
----
-
-## Symlink Local Development
-
-#### Run
-
-```
-yarn link
-```
-
-#### In the destination project folder run
-
-```
-yarn link @zanichelli/albe-web-components
-```
-
----
-
-## Tests
-
-#### Run all tests
-
-```
-yarn test
-```
-
-#### Run single test
-
-```
-yarn test --spec {componentPath}
-```
-
-#### Run e2e tests
-
-```
-yarn test.e2e
-```
-
----
-
-## Linting and autofixing of the code style
-
-There are some tools installed to help keeping uniformity of code style:
-
-- [Eslint](https://eslint.org/)
-- [Stylelint](https://stylelint.io/)
-- [Prettier](https://prettier.io/)
-
-> Install the related official extensions in your IDE to get live errors and warning while coding.
-
-### Run lint checks and auto-fix
-
-#### Prettier check
-
-```sh
-yarn prettier-check
-```
-
-#### Prettier auto-format
-
-```sh
-yarn prettify
-```
-
-#### TypeScript lint check
-
-```sh
-yarn lint.eslint
-```
-
-#### CSS lint check
-
-```sh
-yarn lint.stylelint
-```
-
-#### TypeScript auto-fix
-
-```sh
-yarn lint-fix.eslint
-```
-
-#### CSS auto-fix
-
-```sh
-yarn lint-fix.stylelint
-```
-
-## Release
-
-In this repository we follow the [Conventional Commits Specification](https://www.conventionalcommits.org/) and we use [standard-version](https://github.com/conventional-changelog/standard-version) to update the [CHANGELOG.md](./CHANGELOG.md) when publishing a new version of the package to NPM.
-
-Standard-version automatically detects the type of the update (patch, minor or major) following the [Semantic Versioning](https://semver.org/) specification.
-
-**Publish a new version on NPM registry**
-
-- Make sure you are logged in NPM
-- Make sure you built the components with `yarn build`
-- Run standard-version:
-
-```
-yarn release
-```
-
-**Specify a version**
-
-If you want to select a version or the update type, you can use the `--release-as` flag:
-
-```
-yarn release --release-as path
-yarn release --release-as 1.1.0
-```
-
-In general, you can pass any flag supported by standard-version, please refer to their [CLI usage](https://github.com/conventional-changelog/standard-version#cli-usage) documentation.
-
-**Publish the new release on GitHub**
-
-You need to [manually create the GitHub release](https://github.com/ZanichelliEditore/design-system/releases/new) in order to update the Storybook documentation.
-
----
-
-#### Plugins
-
-- [storybook-addon-stencil](https://github.com/ZanichelliEditore/storybook-addon-stencil) - custom Storybook plugin for Stencil
-- [@storybook/addon-a11y](https://www.npmjs.com/package/@storybook/addon-a11y)
-- [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)
-- [@storybook/addon-viewport](https://www.npmjs.com/package/@storybook/addon-viewport)
-
-### Start Storybook:
-
-```sh
-# Start Storybook
-yarn start-storybook
-```
-
-local development with Storybook comes with live reloading.
-
-### Build Storybook:
-
-```sh
-# Build the library
-yarn build
-# Build Storybook
-yarn build-storybook
-```
-
----
-
-## Build Library package
-
-```
-yarn build
-```
-
-# Environment Support
-
-- Modern browsers
-- Chromium Edge and Safari 10 with [polyfills](https://stackoverflow.com/questions/57020976/polyfills-in-2019-for-ie11)
-
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br> Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari |
-| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| > 16.16                                                                                                                                                                                                    | > 48                                                                                                                                                                                                             | > 69                                                                                                                                                                                                         | > 10.0                                                                                                                                                                                                       |
-
-## Usage
-
-### CSS Custom Properties
-
-The library provides a global css variables export. You can import the styles by ES6 import:
-
-```javascript
-import "@zanichelli/albe-web-components/www/build/web-components-library.css";
-```
-
-or via link tag:
-
-```html
-// using jsDelivr
-<link
-  type="text/css"
-  rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/@zanichelli/albe-web-components/www/build/web-components-library.css"
-/>
-
-// using unpkg
-<link
-  type="text/css"
-  rel="stylesheet"
-  href="https://unpkg.com/@zanichelli/albe-web-components/www/build/web-components-library.css"
-/>
-```
-
-### Custom Elements
-
-You can use the library by importing the custom elements from npm package:
-
-```javascript
-import {defineCustomElements, applyPolyfills} from "@zanichelli/albe-web-components/loader";
-
-applyPolyfills().then(() => {
-  defineCustomElements(window);
-});
-```
-
-or via a script tag:
-
-```html
-// using jsDelivr
-<script src="https://cdn.jsdelivr.net/npm/@zanichelli/albe-web-components/dist/web-components-library/web-components-library.esm.js"></script>
-
-// using unpkg
-<script src="https://unpkg.com/@zanichelli/albe-web-components/dist/web-components-library/web-components-library.esm.js"></script>
-```
-
-Then use the relative tag as a usual component in your markup.
-
-```html
-<section>
-  <z-button variant="primary">Click me!</z-button>
-</section>
-```
-
-### Using React bindings
-
-Albe's Web Components come with automatically generated React bindings. This means that you can use Web Components in a React application without the need to wrap component references, with full intellisense support thanks to TypeScript definition files for bindings.
-
-You still need to import and run polyfills, then you can import Component references from the React submodule:
-
-```javascript
-import React from "react";
-import ReactDOM from "react-dom";
-import "@zanichelli/albe-web-components/www/build/web-components-library.css";
-import {defineCustomElements, applyPolyfills} from "@zanichelli/albe-web-components/loader";
-import {ZButton} from "@zanichelli/albe-web-components/react";
-
-applyPolyfills().then(() => {
-  defineCustomElements(window);
-});
-
-ReactDOM.render(<ZButton>Click me</ZButton>, document.getElementById("root"));
-```
-
-## Component definition
-
-Each component is structured as follows:
-
-| File name           | Description                    |
-| ------------------- | ------------------------------ |
-| `index.tsx`         | Component markup and UI logics |
-| `styles.css`        | Component styles               |
-| `index.spec.ts`     | Component tests                |
-| `index.stories.mdx` | Component storybook file       |
-| `README.md`         | Component documentation        |
+![Zanichelli logo](https://www.zanichelli.it/static/zanichelli/templates/zanichelli/_template_style/images/logo-print.png)
+
+# Zanichelli - Web Components Library
+
+Zanichelli's design system is widely documented on Zeroheight at this [link](https://zeroheight.com/485b31545).
+
+## Install
+
+```bash
+yarn add @zanichelli/albe-web-components
+```
+
+## Start Library Development Server
+
+```
+yarn start
+```
+
+---
+
+## Create a component:
+
+```
+yarn generate component my-component
+```
+
+> NB: component name must have a dash (`-`)
+
+---
+
+## Symlink Local Development
+
+#### Run
+
+```
+yarn link
+```
+
+#### In the destination project folder run
+
+```
+yarn link @zanichelli/albe-web-components
+```
+
+---
+
+## Tests
+
+#### Run all tests
+
+```
+yarn test
+```
+
+#### Run single test
+
+```
+yarn test --spec {componentPath}
+```
+
+#### Run e2e tests
+
+```
+yarn test.e2e
+```
+
+---
+
+## Linting and autofixing of the code style
+
+There are some tools installed to help keeping uniformity of code style:
+
+- [Eslint](https://eslint.org/)
+- [Stylelint](https://stylelint.io/)
+- [Prettier](https://prettier.io/)
+
+> Install the related official extensions in your IDE to get live errors and warning while coding.
+
+### Run lint checks and auto-fix
+
+#### Prettier check
+
+```sh
+yarn prettier-check
+```
+
+#### Prettier auto-format
+
+```sh
+yarn prettify
+```
+
+#### TypeScript lint check
+
+```sh
+yarn lint.eslint
+```
+
+#### CSS lint check
+
+```sh
+yarn lint.stylelint
+```
+
+#### TypeScript auto-fix
+
+```sh
+yarn lint-fix.eslint
+```
+
+#### CSS auto-fix
+
+```sh
+yarn lint-fix.stylelint
+```
+
+## Release
+
+In this repository we follow the [Conventional Commits Specification](https://www.conventionalcommits.org/) and we use [standard-version](https://github.com/conventional-changelog/standard-version) to update the [CHANGELOG.md](./CHANGELOG.md) when publishing a new version of the package to NPM.
+
+Standard-version automatically detects the type of the update (patch, minor or major) following the [Semantic Versioning](https://semver.org/) specification.
+
+**Publish a new version on NPM registry**
+
+- Make sure you are logged in NPM
+- Make sure you built the components with `yarn build`
+- Run standard-version:
+
+```
+yarn release
+```
+
+**Specify a version**
+
+If you want to select a version or the update type, you can use the `--release-as` flag:
+
+```
+yarn release --release-as path
+yarn release --release-as 1.1.0
+```
+
+In general, you can pass any flag supported by standard-version, please refer to their [CLI usage](https://github.com/conventional-changelog/standard-version#cli-usage) documentation.
+
+**Publish the new release on GitHub**
+
+You need to [manually create the GitHub release](https://github.com/ZanichelliEditore/design-system/releases/new) in order to update the Storybook documentation.
+
+---
+
+#### Plugins
+
+- [storybook-addon-stencil](https://github.com/ZanichelliEditore/storybook-addon-stencil) - custom Storybook plugin for Stencil
+- [@storybook/addon-a11y](https://www.npmjs.com/package/@storybook/addon-a11y)
+- [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)
+- [@storybook/addon-viewport](https://www.npmjs.com/package/@storybook/addon-viewport)
+
+### Start Storybook:
+
+```sh
+# Start Storybook
+yarn start-storybook
+```
+
+local development with Storybook comes with live reloading.
+
+### Build Storybook:
+
+```sh
+# Build the library
+yarn build
+# Build Storybook
+yarn build-storybook
+```
+
+---
+
+## Build Library package
+
+```
+yarn build
+```
+
+# Environment Support
+
+- Modern browsers
+- Chromium Edge and Safari 10 with [polyfills](https://stackoverflow.com/questions/57020976/polyfills-in-2019-for-ie11)
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br> Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| > 16.16                                                                                                                                                                                                    | > 48                                                                                                                                                                                                             | > 69                                                                                                                                                                                                         | > 10.0                                                                                                                                                                                                       |
+
+## Usage
+
+### CSS Custom Properties
+
+The library provides a global css variables export. You can import the styles by ES6 import:
+
+```javascript
+import "@zanichelli/albe-web-components/www/build/web-components-library.css";
+```
+
+or via link tag:
+
+```html
+// using jsDelivr
+<link
+  type="text/css"
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/@zanichelli/albe-web-components/www/build/web-components-library.css"
+/>
+
+// using unpkg
+<link
+  type="text/css"
+  rel="stylesheet"
+  href="https://unpkg.com/@zanichelli/albe-web-components/www/build/web-components-library.css"
+/>
+```
+
+### Custom Elements
+
+You can use the library by importing the custom elements from npm package:
+
+```javascript
+import {defineCustomElements, applyPolyfills} from "@zanichelli/albe-web-components/loader";
+
+applyPolyfills().then(() => {
+  defineCustomElements(window);
+});
+```
+
+or via a script tag:
+
+```html
+// using jsDelivr
+<script src="https://cdn.jsdelivr.net/npm/@zanichelli/albe-web-components/dist/web-components-library/web-components-library.esm.js"></script>
+
+// using unpkg
+<script src="https://unpkg.com/@zanichelli/albe-web-components/dist/web-components-library/web-components-library.esm.js"></script>
+```
+
+Then use the relative tag as a usual component in your markup.
+
+```html
+<section>
+  <z-button variant="primary">Click me!</z-button>
+</section>
+```
+
+### Using React bindings
+
+Albe's Web Components come with automatically generated React bindings. This means that you can use Web Components in a React application without the need to wrap component references, with full intellisense support thanks to TypeScript definition files for bindings.
+
+You still need to import and run polyfills, then you can import Component references from the React submodule:
+
+```javascript
+import React from "react";
+import ReactDOM from "react-dom";
+import "@zanichelli/albe-web-components/www/build/web-components-library.css";
+import {defineCustomElements, applyPolyfills} from "@zanichelli/albe-web-components/loader";
+import {ZButton} from "@zanichelli/albe-web-components/react";
+
+applyPolyfills().then(() => {
+  defineCustomElements(window);
+});
+
+ReactDOM.render(<ZButton>Click me</ZButton>, document.getElementById("root"));
+```
+
+## Component definition
+
+Each component is structured as follows:
+
+| File name           | Description                    |
+| ------------------- | ------------------------------ |
+| `index.tsx`         | Component markup and UI logics |
+| `styles.css`        | Component styles               |
+| `index.spec.ts`     | Component tests                |
+| `index.stories.mdx` | Component storybook file       |
+| `README.md`         | Component documentation        |

package/www/build/index.esm.js

@@ -1 +1 @@
-import{c as V}from"./p-dfc69cc3.js";export{o as AlertType,A as AvatarSize,c as ButtonSize,b as ButtonType,B as ButtonVariant,C as CardVariant,R as CarouselArrowsPosition,U as CarouselProgressMode,d as ControlSize,Q as CoverHeroContentPosition,M as CoverHeroVariant,p as Device,g as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,J as InfoRevealPosition,e as InputStatus,I as InputType,f as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,h as ListSize,m as ListType,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,O as OffCanvasVariant,q as PocketStatus,P as PopoverPosition,i as Size,S as SortDirection,T as ThemeVariant,r as ToastNotification,t as ToastNotificationPosition,s as ToastNotificationTransition,v as TransitionDirection,u as ZAriaAlertMode,x as ZChipType,z as ZDatePickerMode,F as ZDatePickerModeValue,G as ZDatePickerPosition,w as ZFileUploadType,H as ZRangePickerMode,y as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-e1ac5c4e.js";import"./p-d69e14fb.js";const W={colorFromId:V};export{W as Utils}
+import{c as V}from"./p-b301e6e1.js";export{o as AlertType,A as AvatarSize,c as ButtonSize,b as ButtonType,B as ButtonVariant,C as CardVariant,R as CarouselArrowsPosition,U as CarouselProgressMode,d as ControlSize,Q as CoverHeroContentPosition,M as CoverHeroVariant,p as Device,g as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,J as InfoRevealPosition,e as InputStatus,I as InputType,f as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,h as ListSize,m as ListType,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,O as OffCanvasVariant,q as PocketStatus,P as PopoverPosition,i as Size,S as SortDirection,T as ThemeVariant,r as ToastNotification,t as ToastNotificationPosition,s as ToastNotificationTransition,v as TransitionDirection,u as ZAriaAlertMode,x as ZChipType,z as ZDatePickerMode,F as ZDatePickerModeValue,G as ZDatePickerPosition,w as ZFileUploadType,H as ZRangePickerMode,y as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-dfed050d.js";import"./p-e35d3552.js";const W={colorFromId:V};export{W as Utils}

package/www/build/{p-06b7dad4.entry.js → p-0164ca54.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,g as e}from"./p-d17ebc2f.js";import{L as i}from"./p-e1ac5c4e.js";const n=class{constructor(o){t(this,o),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){if(this.isOpen=!this.isOpen,this.isOpen){const t=this.getFirstListItem();t&&requestAnimationFrame((()=>{t.focus()}))}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(t){["visibility","height"].includes(t.propertyName)&&this.elementsEllipsis()}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return o("div",{class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:!0})},o("footer",{class:this.retrieveClass(),onTransitionEnd:t=>this.footerTransitionHandler(t)},o("span",{class:"toggle"},o("slot",{name:"toggle"})),this.titolo&&o("p",{class:{"custom-content":this.customContent}},this.titolo),o("div",{class:{content:!0,"custom-content":this.customContent}},o("div",null,o("p",{class:"authors",ref:t=>this.ellipsisAuthors=t},o("span",{title:this.getTitleAuthors()},o("span",{"aria-description":"Autori",class:"bold"},this.autori))),o("p",{class:"year-isbn"},o("span",{class:"isbn"},o("span",null,o("span",{"aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),o("div",{class:"slot-handler "+(this.isOpen?"visible":"hidden")},o("slot",{name:"list"})))),this.customContent&&o("slot",{name:"content"}))}get host(){return e(this)}};n.style='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--accent)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--bg-neutral-200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--accent)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--accent)}';export{n as z_myz_card_footer}
+import{r as t,h as o,g as e}from"./p-d17ebc2f.js";import{L as i}from"./p-dfed050d.js";const n=class{constructor(o){t(this,o),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){if(this.isOpen=!this.isOpen,this.isOpen){const t=this.getFirstListItem();t&&requestAnimationFrame((()=>{t.focus()}))}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(t){["visibility","height"].includes(t.propertyName)&&this.elementsEllipsis()}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return o("div",{class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:!0})},o("footer",{class:this.retrieveClass(),onTransitionEnd:t=>this.footerTransitionHandler(t)},o("span",{class:"toggle"},o("slot",{name:"toggle"})),this.titolo&&o("p",{class:{"custom-content":this.customContent}},this.titolo),o("div",{class:{content:!0,"custom-content":this.customContent}},o("div",null,o("p",{class:"authors",ref:t=>this.ellipsisAuthors=t},o("span",{title:this.getTitleAuthors()},o("span",{"aria-description":"Autori",class:"bold"},this.autori))),o("p",{class:"year-isbn"},o("span",{class:"isbn"},o("span",null,o("span",{"aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),o("div",{class:"slot-handler "+(this.isOpen?"visible":"hidden")},o("slot",{name:"list"})))),this.customContent&&o("slot",{name:"content"}))}get host(){return e(this)}};n.style='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--accent)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--bg-neutral-200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--accent)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--accent)}';export{n as z_myz_card_footer}