@oiz/stzh-components 2.6.0-beta → 2.7.0-alpha

package/dist/stzh-components/p-d69b11ec.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhActionsCss","StzhActions","exports","this","init","secondaryButtons","_this","element","querySelectorAll","buttons","forEach","button","setPropsIfNull","variant","setAttribute","class_1","prototype","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","_a","withBorder","concat","h","Host","class","role","name"],"sources":["src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=scoped","src/components/stzh-actions/stzh-actions.tsx"],"sourcesContent":[":host {\n  ::slotted([slot=\"primary\"]),\n  ::slotted([slot=\"secondary\"]) {\n    flex-grow: 1;\n    margin: space('xxsmall');\n  }\n\n  &[variant=\"cta\"] ::slotted([slot=\"primary\"]),\n  &[variant=\"cta\"] ::slotted([slot=\"secondary\"]) {\n    flex-grow: 0;\n  }\n}\n\n.stzh-actions {\n  &__actions {\n    display: flex;\n    flex-direction: column;\n    margin: calc(#{space('xxsmall')} * -1);\n\n    @include mq($from: small) {\n      flex-direction: row;\n    }\n  }\n\n  &__primary-actions,\n  &__secondary-actions {\n    display: flex;\n  }\n\n  &--dialog &__actions {\n    justify-content: flex-end;\n  }\n\n  &--process &__actions {\n    justify-content: space-between;\n  }\n\n  &--has-border {\n    padding-top: space('medium');\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n */\n@Component({\n  tag: \"stzh-actions\",\n  styleUrl: \"stzh-actions.scss\",\n  scoped: true\n})\nexport class StzhActions {\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"form\" | \"dialog\" | \"process\" | \"cta\" = \"form\";\n\n  /** With border separator */\n  @Prop({ reflect: true }) withBorder: boolean = false;\n\n  @Element() element: HTMLStzhActionsElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const secondaryButtons = this.element.querySelectorAll(\n      'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button'\n    );\n\n    const buttons = this.element.querySelectorAll('stzh-button');\n\n    secondaryButtons.forEach((button) => {\n      setPropsIfNull(button, {\n        variant: \"secondary\"\n      } as HTMLStzhButtonElement)\n    });\n\n    buttons.forEach((button) => {\n      button.setAttribute(\"role\", \"listitem\");\n    });\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actions\": true,\n      \"stzh-actions--has-border\": this.withBorder,\n      [`stzh-actions--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-actions__actions\" role=\"list\">\n            <div class=\"stzh-actions__secondary-actions\">\n              <slot name=\"secondary\"></slot>\n            </div>\n            <div class=\"stzh-actions__primary-actions\">\n              <slot name=\"primary\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wMAAA,IAAMA,EAAiB,4qD,ICmBVC,EAAWC,EAAA,0B,mCAWdC,KAAAC,KAAO,WACb,IAAMC,EAAmBC,EAAKC,QAAQC,iBACpC,iEAGF,IAAMC,EAAUH,EAAKC,QAAQC,iBAAiB,eAE9CH,EAAiBK,SAAQ,SAACC,GACxBC,EAAeD,EAAQ,CACrBE,QAAS,a,IAIbJ,EAAQC,SAAQ,SAACC,GACfA,EAAOG,aAAa,OAAQ,W,kBAvB0C,O,gBAG3B,K,CAwB/CC,EAAAC,UAAAC,kBAAA,WACEd,KAAKC,OAELD,KAAKe,SAAW,IAAIC,iBAAiBhB,KAAKC,MAC1CD,KAAKe,SAASE,QAAQjB,KAAKI,QAAS,CAClCc,UAAW,KACXC,QAAS,M,EAIbP,EAAAC,UAAAO,qBAAA,WACE,GAAIpB,KAAKe,SAAU,CACjBf,KAAKe,SAASM,Y,GAIlBT,EAAAC,UAAAS,OAAA,W,MACE,IAAMC,GAAOC,EAAA,CACX,eAAgB,KAChB,2BAA4BxB,KAAKyB,YACjCD,EAAC,iBAAAE,OAAiB1B,KAAKU,YAAcV,KAAKU,Q,GAG5C,OACEiB,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAON,GACVI,EAAA,OAAKE,MAAM,wBAAwBC,KAAK,QACtCH,EAAA,OAAKE,MAAM,mCACTF,EAAA,QAAMI,KAAK,eAEbJ,EAAA,OAAKE,MAAM,iCACTF,EAAA,QAAMI,KAAK,e,4HA5DD,I"}