@mozaic-ds/web-components 0.12.0-beta.0 → 0.12.0-beta.2

package/public/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { AccordionSize } from './accordion.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let label: string;\n  export let size: AccordionSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconcolor: string | undefined = undefined;\n  export let open = false;\n  export let disabled = false;\n  export let nopadding = false;\n  export let checkable = false;\n  let eventHandler = new EventHandler();\n  $: isOpen = open ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    iconname: string,\n    iconcolor: string,\n    iconsize: string,\n  ): string {\n    return iconsize === 's'\n      ? `${iconname} size=\"1.5rem\"`\n      : `${iconname} size=\"2rem\" fill=\"${iconcolor}\"`;\n  }\n\n  function handleState(): void {\n    eventHandler.dispatch('on-heading-click', isOpen);\n    isOpen = !isOpen;\n  }\n</script>\n\n<div\n  class=\"mc-accordion {size ? `mc-accordion--${size}` : ''}\n    {isOpen ? ' is-open' : ''}\n    {nopadding ? ' mc-accordion--no-padding' : ''}\n    {checkable ? ' mc-accordion--checkable' : ''}\n    {disabled ? ' is-disabled' : ''} \n  {userClass}\"\n  {...attributes}\n>\n  <div class=\"mc-accordion__header\">\n    <slot name=\"beforeLabel\" />\n    <h2 class=\"mc-accordion__title\">\n      <button\n        id=\"m-accordion\"\n        class=\"mc-accordion__trigger\"\n        type=\"button\"\n        aria-controls=\"content\"\n        aria-expanded={!isOpen}\n        {disabled}\n        on:click={handleState}\n      >\n        {#if iconname}\n          <span class=\"mc-accordion__icon\">\n            {@html `<${generateIconName(iconname, String(iconcolor), size)} />`}\n          </span>\n        {/if}\n        {label}\n        <slot name=\"afterLabel\" />\n      </button>\n    </h2>\n  </div>\n  <div\n    id=\"content\"\n    class=\"mc-accordion__content\"\n    aria-hidden={isOpen}\n    aria-labelledby=\"m-accordion\"\n  >\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.accordion';\n\n  :host {\n    display: block;\n  }\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { AccordionSize } from './accordion.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let label: string;\n  export let size: AccordionSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconcolor: string | undefined = undefined;\n  export let open = false;\n  export let disabled = false;\n  export let nopadding = false;\n  export let checkable = false;\n  let eventHandler = new EventHandler();\n  $: isOpen = open ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    iconname: string,\n    iconcolor: string,\n    iconsize: string,\n  ): string {\n    return iconsize === 's'\n      ? `${iconname} size=\"1.5rem\"`\n      : `${iconname} size=\"2rem\" fill=\"${iconcolor}\"`;\n  }\n\n  function handleState(): void {\n    eventHandler.dispatch('on-heading-click', isOpen);\n    isOpen = !isOpen;\n  }\n</script>\n\n<div\n  class=\"mc-accordion {size ? `mc-accordion--${size}` : ''}\n    {isOpen ? ' is-open' : ''}\n    {nopadding ? ' mc-accordion--no-padding' : ''}\n    {checkable ? ' mc-accordion--checkable' : ''}\n    {disabled ? ' is-disabled' : ''} \n  {userClass}\"\n  {...attributes}\n>\n  <div class=\"mc-accordion__header\">\n    <slot name=\"beforeLabel\" />\n    <h2 class=\"mc-accordion__title\">\n      <button\n        id=\"m-accordion\"\n        class=\"mc-accordion__trigger\"\n        type=\"button\"\n        aria-controls=\"content\"\n        aria-expanded={!isOpen}\n        {disabled}\n        on:click={handleState}\n      >\n        {#if iconname}\n          <span class=\"mc-accordion__icon\">\n            {@html `<${generateIconName(iconname, String(iconcolor), size)} />`}\n          </span>\n        {/if}\n        {label}\n        <slot name=\"afterLabel\" />\n      </button>\n    </h2>\n  </div>\n  <div\n    id=\"content\"\n    class=\"mc-accordion__content\"\n    aria-hidden={isOpen}\n    aria-labelledby=\"m-accordion\"\n  >\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.accordion';\n\n  :host {\n    display: block;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","String","insert","target","span","anchor","dirty","innerHTML","create_if_block","div2","append","div0","slot0","h2","button","slot1","div1","slot2","class","div2_class_value","iconname","iconcolor","iconsize","label","$$props","size","open","disabled","nopadding","checkable","eventHandler","EventHandler","isOpen","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"mPA2DuBA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,0EAD/DE,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAR,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,YAAAI,EAAAG,UAAAT,yEAF5DE,EAAQ,IAAAQ,EAAAR,gCApBEA,EAAI,oBAAoBA,EAAI,KAAK,IAAE,KACrDA,EAAM,GAAG,WAAa,IACtB,KAAAA,EAAY,GAAA,4BAA8B,SAC1CA,EAAS,GAAG,2BAA6B,IAAE,KAC3CA,EAAQ,GAAG,eAAiB,IAAE,IAChCA,EAAS,IACNA,EAAU,+IAmBPA,EAAK,uPATUA,EAAM,sKAiBbA,EAAM,wDAlCvBE,EAuCKC,EAAAM,EAAAJ,GA9BHK,EAqBKD,EAAAE,GApBHD,EAA0BC,EAAAC,UAC1BF,EAkBIC,EAAAE,GAjBFH,EAgBQG,EAAAC,uCADNJ,EAAyBI,EAAAC,UAI/BL,EAOKD,EAAAO,GADHN,EAAOM,EAAAC,qBAlBOjB,EAAW,qBAEhBA,EAAQ,kEAKZA,EAAK,mBATUA,EAAM,6EAiBbA,EAAM,8CAjCAA,EAAI,oBAAoBA,EAAI,KAAK,IAAE,KACrDA,EAAM,GAAG,WAAa,IACtB,KAAAA,EAAY,GAAA,4BAA8B,SAC1CA,EAAS,GAAG,2BAA6B,IAAE,KAC3CA,EAAQ,GAAG,eAAiB,IAAE,IAChCA,EAAS,KAAA,CAAAkB,MAAAC,UACNnB,EAAU,gDAvBL,SAAAD,EACPqB,EACAC,EACAC,GAEO,MAAa,MAAbA,KACAF,kBACA,GAAAA,uBAA8BC,+IArB5BE,GAAaC,GACbC,KAAAA,EAAsB,KAAGD,GACzBJ,SAAAA,GAAwCI,GACxCH,UAAAA,GAAyCG,GACzCE,KAAAA,GAAO,GAAKF,GACZG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,GACjBK,UAAAA,GAAY,GAAKL,EACxBM,MAAmBC,oWACpBC,IAASN,GACTO,EAAA,EAAAC,EAAYV,EAAQN,WACpBiB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWjB,8CAanBY,EAAaS,SAAS,mBAAoBP,GAC1CC,EAAA,EAAAD,GAAUA"}