@zanichelli/albe-web-components 6.3.0 → 6.3.2-rc1

package/dist/collection/snowflakes/myz/topbar/styles.css

@@ -1,574 +0,0 @@
-:host a {
-  cursor: pointer;
-}
-
-header {
-  position: sticky;
-  z-index: 99;
-  top: 0;
-  display: grid;
-  margin-bottom: calc(var(--space-unit) * 6.5);
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-rg);
-  grid-template: 1fr / 1fr;
-  grid-template-areas: "main-header";
-}
-
-.main-header {
-  z-index: 10;
-  display: grid;
-  height: auto;
-  align-items: center;
-  background-color: var(--bg-grey-900);
-  grid-area: main-header;
-  grid-column-gap: calc(var(--space-unit) * 0.5);
-  grid-template: 1fr / 2fr 2fr 4fr 100px;
-  grid-template-areas: "logo link-int link-ext login";
-}
-
-.main-header.myz-out {
-  background-color: var(--bg-white);
-}
-
-.logo {
-  padding: 6px;
-  grid-area: logo;
-}
-
-z-logo {
-  transform: scale(0.9);
-}
-
-.dropdown-menu {
-  display: none;
-}
-
-.dropdown-menu.hidden {
-  visibility: hidden;
-}
-
-.dropdown-links {
-  display: block;
-  max-height: 32px;
-  padding: 0;
-  margin: 0;
-  grid-area: dropdown-links;
-  list-style: none;
-}
-
-.arrow {
-  fill: var(--text-grey-200);
-}
-
-.dropdown-links > li {
-  display: inline-block;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-.dropdown-links > li > a {
-  width: auto;
-  height: auto;
-  padding-bottom: calc(var(--space-unit) * 0.5);
-  margin: var(--space-unit);
-  color: var(--myz-blue);
-  font-size: 14px;
-  letter-spacing: 0.18px;
-  line-height: 32px;
-  text-decoration: none;
-}
-
-.dropdown-links > li > a:hover,
-.dropdown-links > li > a.active {
-  border-bottom: 2px solid var(--myz-blue);
-  color: var(--text-grey-800);
-}
-
-.mobile-header {
-  position: fixed;
-  z-index: inherit;
-  z-index: 999;
-  top: 0;
-  left: 0;
-  display: flex;
-  width: 100%;
-  height: 52px;
-  flex-flow: row nowrap;
-  align-content: center;
-  align-items: stretch;
-  align-items: center;
-  justify-content: space-between;
-  background-color: var(--bg-grey-900);
-}
-
-.mobile-header.myz-out {
-  background-color: var(--bg-white);
-}
-
-.mobile-header > z-button {
-  margin: 0 calc(var(--space-unit) * 2);
-}
-
-.mobile-content {
-  position: fixed;
-  z-index: 999;
-  top: 52px;
-  left: 0;
-  display: flex;
-  overflow: hidden;
-  width: 100%;
-  max-height: 0;
-  flex-flow: column nowrap;
-  align-content: center;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--bg-grey-900);
-  transition: max-height 1s cubic-bezier(0.46, 0, 1, 0.79);
-}
-
-.mobile-content.open {
-  max-height: 100vh;
-  transition: max-height 2s cubic-bezier(0, 0.79, 0.46, 1);
-}
-
-.mobile-content.myz-out {
-  background-color: var(--bg-white);
-}
-
-hr {
-  position: relative;
-  display: block;
-  width: calc(100% - 64px);
-  height: 0;
-  max-height: 0;
-  padding: 0;
-  border: none;
-  border-top: 1px solid var(--text-grey-700);
-  margin: 0 calc(var(--space-unit) * 4);
-  clear: both;
-  font-size: 1px;
-  line-height: 0;
-}
-
-.menu-mobile {
-  display: flex;
-  flex-flow: row nowrap;
-  align-content: center;
-  align-items: center;
-  justify-content: flex-start;
-  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);
-  color: var(--bg-white);
-  cursor: pointer;
-}
-
-.myz-out .menu-mobile {
-  color: var(--text-grey-800);
-}
-
-.menu-toggle {
-  display: flex;
-  flex-direction: column;
-  margin: 0 var(--space-unit);
-  grid-area: menu-toggle;
-}
-
-/* MOBILE MENU & ANIMATION */
-
-.menu-toggle .bar {
-  width: 20px;
-  height: 2px;
-  margin: 2px auto;
-  background-color: var(--bg-white);
-  transition: all 0.3s ease-in-out;
-}
-
-.myz-out .menu-toggle .bar {
-  background-color: var(--text-grey-800);
-}
-
-.menu-toggle:hover {
-  cursor: pointer;
-}
-
-#mobile-menu.is-active .bar:nth-child(2) {
-  opacity: 0;
-}
-
-#mobile-menu.is-active .bar:nth-child(1) {
-  transform: translateY(6px) rotate(45deg);
-}
-
-#mobile-menu.is-active .bar:nth-child(3) {
-  transform: translateY(-6px) rotate(-45deg);
-}
-
-.booktab-button,
-.mobile-login {
-  display: flex;
-  overflow: hidden;
-  width: 100%;
-  height: 0%;
-  height: 100%;
-  max-height: 100%;
-  flex-flow: column nowrap;
-  align-content: stretch;
-  align-items: stretch;
-  justify-content: space-between;
-  padding: 0;
-}
-
-.hidden {
-  visibility: hidden;
-}
-
-.login {
-  display: flex;
-  justify-content: flex-end;
-  padding: 0 calc(var(--space-unit) * 2);
-  grid-area: login;
-}
-
-.login > z-button {
-  color: var(--bg-white);
-  fill: var(--bg-white);
-}
-
-.booktab-button > z-button {
-  display: flex;
-  flex-flow: row nowrap;
-  align-content: center;
-  align-items: center;
-  justify-content: center;
-  padding: calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 4) 0;
-}
-
-.link-ext {
-  display: flex;
-  overflow: hidden;
-  width: 100%;
-  height: 0%;
-  height: 100%;
-  max-height: 100%;
-  flex-flow: column nowrap;
-  align-content: stretch;
-  align-items: stretch;
-  justify-content: space-between;
-  padding: 0;
-  grid-area: link-ext;
-}
-
-.link-ext-span {
-  display: inline-block;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 0 calc(var(--space-unit) * 4) 0 calc(var(--space-unit) * 4);
-  margin: calc(var(--space-unit) * 0.5) auto;
-  margin: 0 auto;
-  line-height: 44px;
-}
-
-.link-ext-span.myz:hover,
-.link-ext-span.myz:focus {
-  background: var(--text-grey-800);
-  border-radius: var(--border-radius);
-  cursor: pointer;
-}
-
-.link-ext z-link {
-  font-size: 12px;
-  font-weight: var(--font-sb);
-}
-
-.link-int {
-  display: flex;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  max-height: 100%;
-  flex-flow: column nowrap;
-  align-content: stretch;
-  align-items: stretch;
-  justify-content: space-between;
-  padding: 0;
-}
-
-.link-int > span {
-  display: flex;
-  width: 100%;
-  flex-flow: column nowrap;
-  align-content: flex-start;
-  align-items: stretch;
-  justify-content: flex-start;
-}
-
-.link-int > span > .menu-item {
-  display: flex;
-  width: 100%;
-  height: auto;
-  box-sizing: border-box;
-  flex-flow: row nowrap;
-  align-content: stretch;
-  align-items: stretch;
-  justify-content: space-between;
-  padding: 0 calc(var(--space-unit) * 4) 0 calc(var(--space-unit) * 4);
-  margin: 0 auto;
-  color: var(--bg-white);
-  font-size: 16px;
-  font-weight: var(--font-sb);
-  letter-spacing: 0.2px;
-  line-height: 44px;
-  outline: none;
-  text-decoration: none;
-}
-
-.link-int > span > .menu-item:hover,
-.link-int > span > .menu-item:focus {
-  border-radius: 0;
-}
-
-.link-int > span > .menu-item > span {
-  white-space: nowrap;
-}
-
-.link-int > span > .menu-item > i {
-  width: 24px;
-  height: 28px;
-  padding-top: calc(var(--space-unit) * 2);
-  text-align: right;
-}
-
-.link-int > span:first-child > .menu-item {
-  margin-top: 0;
-}
-
-.link-int > span > svg {
-  display: none;
-}
-
-.link-int > .mobile-dropdown {
-  padding: 0 48px;
-}
-
-.mobile-login > span {
-  display: flex;
-  flex-flow: column nowrap;
-  align-content: flex-start;
-  align-items: stretch;
-  justify-content: flex-start;
-  fill: white;
-}
-
-.mobile-login > span:focus,
-.mobile-login > span:hover {
-  background: var(--text-grey-800);
-}
-
-.myz-out .mobile-login > span:focus,
-.myz-out .mobile-login > span:hover {
-  background: none;
-}
-
-.mobile-login > span > .menu-item {
-  display: flex;
-  width: 100%;
-  height: auto;
-  box-sizing: border-box;
-  flex-flow: row nowrap;
-  align-content: stretch;
-  align-items: stretch;
-  justify-content: space-between;
-  padding: 0 calc(var(--space-unit) * 4) 0 calc(var(--space-unit) * 4);
-  margin: 0 auto;
-  color: var(--bg-white);
-  font-size: 16px;
-  font-weight: var(--font-sb);
-  letter-spacing: 0.2px;
-  line-height: 44px;
-  outline: none;
-  text-decoration: none;
-}
-
-.myz-out .mobile-login > span > .menu-item {
-  color: var(--text-grey-800);
-}
-
-.mobile-login > span > .menu-item > i {
-  width: 24px;
-  height: 28px;
-  padding-top: calc(var(--space-unit) * 2);
-  text-align: right;
-}
-
-.mobile-login > span > .menu-item > span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.mobile-login > span > .menu-item > span > z-icon {
-  padding-right: var(--space-unit);
-  fill: var(--bg-white);
-}
-
-.menu-item > i::before {
-  position: relative;
-  top: -0.12em;
-  left: 0.16em;
-  display: inline-block;
-  width: 0.45em;
-  height: 0.45em;
-  border-width: 0.12em 0.12em 0 0;
-  border-style: solid;
-  margin-top: 2px;
-  margin-right: 6px;
-  margin-left: 2px;
-  content: " ";
-  transform: rotate(135deg) scale(1.2);
-  transition: all 0.5s ease;
-  vertical-align: top;
-}
-
-.menu-item.isopen > i::before {
-  top: 0.24em;
-  transform: rotate(-45deg) scale(1.2);
-  transition: all 0.5s ease;
-}
-
-.mobile-dropdown {
-  display: block;
-  overflow: hidden;
-  width: 100%;
-  max-height: 0;
-  box-sizing: border-box;
-  padding: 0 calc(var(--space-unit) * 4) 0 calc(var(--space-unit) * 4);
-  margin: 0 auto;
-  background: white;
-  line-height: 44px;
-  transition: max-height 0.3s ease;
-}
-
-.mobile-dropdown.visible {
-  max-height: 100vh;
-  transition: max-height 0.5s ease;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  header {
-    margin-bottom: 0;
-    grid-template: 0.2fr auto / 1fr 0.8fr 1.5fr 1.1fr 0.7fr;
-    grid-template-areas: "main-header main-header main-header main-header main-header" "dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu";
-  }
-
-  header.myz-out {
-    top: 0;
-    grid-template-rows: 1fr;
-  }
-
-  .main-header {
-    display: grid;
-    grid-area: main-header;
-    grid-template: 1fr / 170px auto auto 120px;
-    grid-template-areas: "logo link-int link-ext login";
-  }
-
-  .dropdown-menu {
-    z-index: 9;
-    display: grid;
-    height: 32px;
-    padding-left: 160px;
-    background: var(--bg-grey-200);
-    grid-area: dropdown-menu;
-    grid-column-gap: var(--space-unit);
-    grid-template: 1fr / 1fr;
-    grid-template-areas: "dropdown-links";
-    visibility: visible;
-  }
-
-  .booktab-button,
-  .mobile-header,
-  .mobile-login,
-  .mobile-dropdown,
-  .menu-mobile {
-    display: none;
-  }
-
-  .link-int {
-    display: flex;
-    max-height: 46px;
-    flex-flow: row nowrap;
-    align-content: center;
-    align-items: center;
-    justify-content: flex-start;
-    margin-top: calc(var(--space-unit) * 0.5);
-    grid-area: link-int;
-  }
-
-  .link-int > span {
-    display: flex;
-    width: auto;
-    flex-flow: column nowrap;
-    align-content: center;
-    align-items: center;
-    justify-content: flex-start;
-  }
-
-  .link-int > span > .menu-item {
-    width: auto;
-    height: auto;
-    padding: calc(var(--space-unit) * 1.5);
-    color: var(--bg-white);
-    font-weight: var(--font-sb);
-    letter-spacing: 0.2px;
-    line-height: 14px;
-    outline: none;
-    text-decoration: none;
-  }
-
-  .link-int > span > svg {
-    display: block;
-  }
-
-  .menu-item > i {
-    display: none;
-  }
-
-  .link-int > span > .menu-item:focus,
-  .link-int > span > .menu-item:hover {
-    background: var(--text-grey-800);
-    border-radius: var(--border-radius);
-    cursor: pointer;
-  }
-
-  .link-int > span > .menu-item::-moz-focus-inner {
-    border: 0;
-  }
-
-  .link-int > span > .menu-item:focus + svg {
-    visibility: visible;
-  }
-
-  .link-ext {
-    display: flex;
-    max-height: 46px;
-    flex-flow: row nowrap;
-    align-content: center;
-    align-items: center;
-    justify-content: flex-end;
-  }
-
-  .link-ext-span {
-    width: auto;
-    padding: calc(var(--space-unit) * 0.5) var(--space-unit);
-    margin: var(--space-unit);
-    line-height: 14px;
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-  .main-header {
-    grid-template-columns: 170px auto auto 180px;
-  }
-}

package/dist/esm/z-app-switcher.entry.js

@@ -1,25 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js';
-import { T as ThemeVariant } from './index-aee91593.js';
-
-const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;align-content:center;justify-content:center;padding:0;border:none;background-color:transparent}button>z-icon{color:var(--bg-white);fill:currentcolor}button>z-icon.light{color:var(--bg-grey-900);fill:currentcolor}";
-
-const ZAppSwitcher = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.appButtonClick = createEvent(this, "appButtonClick", 7);
-    /** theme variant, default 'dark' */
-    this.theme = ThemeVariant.DARK;
-    this.isopen = false;
-    this.emitAppButtonClick = this.emitAppButtonClick.bind(this);
-  }
-  emitAppButtonClick() {
-    this.isopen = !this.isopen;
-    this.appButtonClick.emit({ isopen: this.isopen });
-  }
-  render() {
-    return (h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, h("z-icon", { name: "app-switcher", class: this.theme })));
-  }
-};
-ZAppSwitcher.style = stylesCss;
-
-export { ZAppSwitcher as z_app_switcher };

package/dist/esm/z-button-deprecated.entry.js

@@ -1,37 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
-import { b as ButtonType, B as ButtonVariant, c as ButtonSize } from './index-aee91593.js';
-
-const stylesCss = ":host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){display:inline-flex;width:100%;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:center;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);cursor:pointer;fill:currentcolor;font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:nowrap}button.big,:host([size=\"big\"]) ::slotted(button),:host([size=\"big\"]) ::slotted(a){min-width:44px;height:44px}button.small,:host([size=\"small\"]) ::slotted(button),:host([size=\"small\"]) ::slotted(a){min-width:36px;height:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){min-width:36px;height:36px}button.x-small,:host([size=\"x-small\"]) ::slotted(button),:host([size=\"x-small\"]) ::slotted(a){min-width:32px;height:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant=\"primary\"]) ::slotted(button),:host([variant=\"primary\"]) ::slotted(a){border-color:var(--color-primary01);background-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant=\"primary\"]) ::slotted(button:hover),:host([variant=\"primary\"]) ::slotted(a:hover){border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant=\"primary\"]) ::slotted(button:active),:host([variant=\"primary\"]) ::slotted(a:active){border-color:var(--color-pressed-primary);background-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-text-inverse)}button.primary:disabled,:host([variant=\"primary\"]) ::slotted(button:disabled){border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant=\"secondary\"]) ::slotted(button),:host([variant=\"secondary\"]) ::slotted(a){border-color:var(--color-primary01);background-color:var(--color-surface01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant=\"secondary\"]) ::slotted(button:hover),:host([variant=\"secondary\"]) ::slotted(a:hover){border-color:var(--color-hover-primary);background-color:var(--color-surface01);color:var(--color-hover-primary)}}button.secondary:active,:host([variant=\"secondary\"]) ::slotted(button:active),:host([variant=\"secondary\"]) ::slotted(a:active){border-color:var(--color-pressed-primary);background-color:var(--color-surface01);box-shadow:var(--shadow-2);color:var(--color-pressed-primary)}button.secondary:disabled,:host([variant=\"secondary\"]) ::slotted(button:disabled){border-color:var(--color-disabled01);background-color:var(--color-surface01);color:var(--color-disabled02)}button.tertiary,:host([variant=\"tertiary\"]) ::slotted(button),:host([variant=\"tertiary\"]) ::slotted(a){border-color:transparent;background-color:transparent;color:var(--color-primary01)}button.tertiary.has-content{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant=\"tertiary\"]) ::slotted(button:hover),:host([variant=\"tertiary\"]) ::slotted(a:hover){border-color:var(--color-primary03);background-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant=\"tertiary\"]) ::slotted(button:focus:focus-visible),:host([variant=\"tertiary\"]) ::slotted(a:focus:focus-visible){border-color:var(--color-surface01);background-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant=\"tertiary\"]) ::slotted(button:active),:host([variant=\"tertiary\"]) ::slotted(a:active){border-color:var(--color-surface01);background-color:var(--color-surface01);box-shadow:var(--shadow-2);color:var(--color-primary01)}button.tertiary:disabled,:host([variant=\"tertiary\"]) ::slotted(button:disabled){border-color:transparent;background-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant=\"dark-bg\"]) ::slotted(button),:host([variant=\"dark-bg\"]) ::slotted(a){border-color:transparent;background-color:rgb(var(--rgb-white) 0.2);color:var(--color-text04)}button.dark-bg.has-content{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant=\"dark-bg\"]) ::slotted(button:hover),:host([variant=\"dark-bg\"]) ::slotted(a:hover){background-color:rgb(var(--rgb-white) 0.1)}}button.dark-bg:active,:host([variant=\"dark-bg\"]) ::slotted(button:active),:host([variant=\"dark-bg\"]) ::slotted(a:active){background-color:rgb(var(--rgb-white) 0.3)}button.dark-bg:disabled,:host([variant=\"dark-bg\"]) ::slotted(button:disabled){background-color:rgb(var(--rgb-white) 0.05);color:var(--color-disabled03)}";
-
-const ZButtonDeprecated = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** HTML button disabled attribute. */
-    this.disabled = false;
-    /** HTML button type attribute. */
-    this.type = ButtonType.BUTTON;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`. */
-    this.variant = ButtonVariant.PRIMARY;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-    this.size = ButtonSize.BIG;
-    /** Reduce button size (deprecated).
-     * @deprecated Use `size` prop.
-     */
-    this.issmall = false;
-    /** Spy to render square button. */
-    this.square = false;
-  }
-  render() {
-    this.hostElement.style.pointerEvents = this.disabled ? "none" : "auto";
-    return (h("slot", { name: "element" }, h("button", { id: this.htmlid, name: this.name, type: this.type, disabled: this.disabled, class: {
-        [this.variant]: true,
-        [this.size]: true,
-        issmall: this.issmall,
-        square: this.square,
-      } }, this.icon && (h("z-icon", { name: this.icon, width: 16, height: 16 })), h("slot", null))));
-  }
-  get hostElement() { return getElement(this); }
-};
-ZButtonDeprecated.style = stylesCss;
-
-export { ZButtonDeprecated as z_button_deprecated };

package/dist/esm/z-button-filter.entry.js

@@ -1,46 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js';
-
-const stylesCss = "button.container{min-height:32px;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:16px;box-shadow:0 2px 5px 0 var(--bg-neutral-300);cursor:pointer;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.17px;line-height:32px;opacity:1;text-align:center;transition:all 200ms linear}button.container.small{min-height:24px;line-height:24px}button.container:focus{outline:0}button.container::-moz-focus-inner{border:0}.text-container{margin-left:4px}button.container,button.container:focus,button.container:hover{background-color:var(--bg-white);color:var(--text-grey-700);fill:var(--text-grey-700)}button.container.isactive{background-color:var(--bg-white);color:var(--myz-blue);fill:var(--myz-blue)}button.container.isactive:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button.container.isactive:focus{border-color:var(--myz-blue-dark);background-color:var(--myz-blue-dark);box-shadow:0 0 4px 0 var(--text-grey-800);color:var(--bg-white);fill:var(--bg-white)}button z-icon{display:inline-block}";
-
-const ZButtonFilter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.removefilter = createEvent(this, "removefilter", 7);
-    /** disable action on button */
-    this.isfixed = false;
-    /** add icon to button */
-    this.hasicon = true;
-    /** reduce button size (optional) */
-    this.issmall = false;
-    this.handleRemovingFilterClick = this.handleRemovingFilterClick.bind(this);
-  }
-  handleRemovingFilterClick() {
-    this.removefilter.emit({
-      filterid: this.filterid,
-    });
-  }
-  renderFixedPillow(filtername) {
-    return (h("button", { class: `container ${this.issmall ? "small" : ""}` }, this.renderIcon(), this.renderContent(filtername)));
-  }
-  renderDynamicPillow(filtername) {
-    return (h("button", { class: `container isactive ${this.issmall ? "small" : ""}`, onClick: this.handleRemovingFilterClick }, this.renderIcon(), this.renderContent(filtername)));
-  }
-  renderIcon() {
-    if (!this.hasicon) {
-      return null;
-    }
-    return (h("z-icon", { class: "close-icon-container", name: "multiply", height: 12, width: 12 }));
-  }
-  renderContent(filtername) {
-    return h("span", { class: "text-container" }, filtername);
-  }
-  render() {
-    if (this.isfixed) {
-      return this.renderFixedPillow(this.filtername);
-    }
-    return this.renderDynamicPillow(this.filtername);
-  }
-};
-ZButtonFilter.style = stylesCss;
-
-export { ZButtonFilter as z_button_filter };

package/dist/esm/z-candybar.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h } from './index-a2ca4b97.js';
-
-const stylesCss = ":host{display:flex;flex-flow:row nowrap;align-content:center;justify-content:center;font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>div{position:fixed;z-index:1000;top:30vh;display:flex;overflow:auto;overflow:-moz-scrollbars-none;max-width:297px;height:fit-content;min-height:232px;flex-flow:row wrap;justify-content:center;margin:auto;background:var(--myz-blue-lighter);border-radius:calc(var(--space-unit) * 0.5);box-shadow:0 -2px 4px 0 rgb(66 69 72 / 40%);-ms-overflow-style:none}@media only screen and (min-width: 768px){:host>div{position:initial;position:fixed;top:auto;right:0;bottom:0;left:0;max-width:100%;height:auto;min-height:138px;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin:0 auto;border-radius:0}}@media only screen and (min-width: 1152px){:host>div{min-height:122px}}";
-
-const ZCandybar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", null, h("slot", { name: "content" })));
-  }
-};
-ZCandybar.style = stylesCss;
-
-export { ZCandybar as z_candybar };