@hyalo/angular 0.0.0-stage → 0.3.1

package/fesm2022/hyalo-angular-blocks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-blocks.mjs","names":[],"sources":["../../../projects/hyalo/blocks/blocks.ts","../../../projects/hyalo/blocks/hero-block.html","../../../projects/hyalo/blocks/pricing-block.html","../../../projects/hyalo/blocks/feature-block.html","../../../projects/hyalo/blocks/testimonials-block.html","../../../projects/hyalo/blocks/product-block.html","../../../projects/hyalo/blocks/dashboard-block.html","../../../projects/hyalo/blocks/kpi-strip-block.html","../../../projects/hyalo/blocks/activity-block.html","../../../projects/hyalo/blocks/filter-toolbar-block.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, model } from '@angular/core';\nimport { HyButton } from '@hyalo/angular/button';\nimport { HyCard } from '@hyalo/angular/card';\nimport { HyNumberTicker } from '@hyalo/angular/number-ticker';\nimport { HyStat } from '@hyalo/angular/stat';\nimport { HyFilterBar, type HyFilterField, type HyFilterToken } from '@hyalo/angular/filter';\n\n@Component({\n  selector: 'hy-hero-block',\n  imports: [HyButton],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './hero-block.html',\n  styleUrl: './hero-block.css',\n})\nexport class HyHeroBlock {\n  readonly eyebrow = input('');\n  readonly heading = input.required<string>();\n  readonly description = input('');\n  readonly actionHref = input('');\n  readonly actionLabel = input('Get started');\n}\nexport interface HyPricingPlan {\n  readonly id: string;\n  readonly name: string;\n  readonly description: string;\n  readonly monthly: number;\n  readonly annual: number;\n  readonly features: readonly string[];\n  readonly href: string;\n  readonly featured?: boolean;\n}\n@Component({\n  selector: 'hy-pricing-block',\n  imports: [HyCard, HyButton, HyNumberTicker],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './pricing-block.html',\n  styleUrl: './pricing-block.css',\n})\nexport class HyPricingBlock {\n  readonly heading = input('Plans for your next chapter');\n  readonly plans = input.required<readonly HyPricingPlan[]>();\n  readonly billing = model<'monthly' | 'annual'>('monthly');\n  readonly locale = input<string>();\n  readonly currencyFormat = input<Intl.NumberFormatOptions>({\n    style: 'currency',\n    currency: 'USD',\n    maximumFractionDigits: 0,\n  });\n  readonly monthlyLabel = input('Monthly');\n  readonly annualLabel = input('Annual');\n  readonly billingLabel = input('Billing period');\n  readonly actionLabel = input('Choose');\n}\nexport interface HyFeature {\n  readonly id: string;\n  readonly title: string;\n  readonly description: string;\n}\n@Component({\n  selector: 'hy-feature-block',\n  imports: [HyCard],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './feature-block.html',\n  styleUrl: './feature-block.css',\n})\nexport class HyFeatureBlock {\n  readonly heading = input('Built for the way you work');\n  readonly features = input.required<readonly HyFeature[]>();\n}\nexport interface HyTestimonial {\n  readonly id: string;\n  readonly quote: string;\n  readonly author: string;\n  readonly role: string;\n}\n@Component({\n  selector: 'hy-testimonials-block',\n  imports: [HyCard],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './testimonials-block.html',\n  styleUrl: './testimonials-block.css',\n})\nexport class HyTestimonialsBlock {\n  readonly heading = input('Trusted by thoughtful teams');\n  readonly items = input.required<readonly HyTestimonial[]>();\n}\n@Component({\n  selector: 'hy-product-block',\n  imports: [HyButton],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './product-block.html',\n  styleUrl: './product-block.css',\n})\nexport class HyProductBlock {\n  readonly category = input('');\n  readonly heading = input.required<string>();\n  readonly description = input('');\n  readonly price = input.required<string>();\n  readonly actionHref = input.required<string>();\n  readonly actionLabel = input('View product');\n}\n@Component({\n  selector: 'hy-dashboard-block',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './dashboard-block.html',\n  styleUrl: './dashboard-block.css',\n})\nexport class HyDashboardBlock {}\nexport interface HyKpi {\n  readonly id: string;\n  readonly label: string;\n  readonly value: number;\n  readonly trend?: string;\n  readonly prefix?: string;\n  readonly suffix?: string;\n}\n@Component({\n  selector: 'hy-kpi-strip-block',\n  imports: [HyStat],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './kpi-strip-block.html',\n  styleUrl: './kpi-strip-block.css',\n})\nexport class HyKpiStripBlock {\n  readonly items = input.required<readonly HyKpi[]>();\n  readonly locale = input<string>();\n}\nexport interface HyActivity {\n  readonly id: string;\n  readonly heading: string;\n  readonly description: string;\n  readonly time: string;\n  readonly dateTime: string;\n}\n@Component({\n  selector: 'hy-activity-block',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './activity-block.html',\n  styleUrl: './activity-block.css',\n})\nexport class HyActivityBlock {\n  readonly heading = input('Recent activity');\n  readonly items = input.required<readonly HyActivity[]>();\n}\n@Component({\n  selector: 'hy-filter-toolbar-block',\n  imports: [HyFilterBar],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './filter-toolbar-block.html',\n})\nexport class HyFilterToolbarBlock<C extends HyFilterToken> {\n  readonly fields = input.required<readonly HyFilterField<C>[]>();\n  readonly clauses = model<readonly C[]>([]);\n  readonly label = input('Filter results');\n}\n","<section>\n  <div>\n    <p class=\"eyebrow\">{{ eyebrow() }}</p>\n    <h2>{{ heading() }}</h2>\n    <p>{{ description() }}</p>\n    <div class=\"actions\">\n      @if (actionHref()) {\n        <a hyButton [href]=\"actionHref()\">{{ actionLabel() }}</a>\n      }\n      <ng-content select=\"[hyBlockActions]\" />\n    </div>\n  </div>\n  <div class=\"stage\"><ng-content select=\"[hyBlockMedia]\" /></div>\n</section>\n","<section>\n  <h2>{{ heading() }}</h2>\n  <div class=\"billing\" role=\"group\" [attr.aria-label]=\"billingLabel()\">\n    <button\n      type=\"button\"\n      [attr.aria-pressed]=\"billing() === 'monthly'\"\n      (click)=\"billing.set('monthly')\"\n    >\n      {{ monthlyLabel() }}</button\n    ><button\n      type=\"button\"\n      [attr.aria-pressed]=\"billing() === 'annual'\"\n      (click)=\"billing.set('annual')\"\n    >\n      {{ annualLabel() }}\n    </button>\n  </div>\n  <div class=\"plans\">\n    @for (plan of plans(); track plan.id) {\n      <hy-card material=\"tinted\" [class.featured]=\"plan.featured\"\n        ><h3>{{ plan.name }}</h3>\n        <p>{{ plan.description }}</p>\n        <strong\n          ><hy-number-ticker\n            [value]=\"billing() === 'monthly' ? plan.monthly : plan.annual\"\n            [locale]=\"locale()\"\n            [format]=\"currencyFormat()\"\n        /></strong>\n        <p>{{ billing() === 'monthly' ? monthlyLabel() : annualLabel() }}</p>\n        <ul>\n          @for (feature of plan.features; track feature) {\n            <li>{{ feature }}</li>\n          }\n        </ul>\n        <a hyButton [href]=\"plan.href\">{{ actionLabel() }} {{ plan.name }}</a></hy-card\n      >\n    }\n  </div>\n</section>\n","<section>\n  <h2>{{ heading() }}</h2>\n  <div class=\"grid\">\n    @for (feature of features(); track feature.id) {\n      <hy-card material=\"tinted\"\n        ><h3>{{ feature.title }}</h3>\n        <p>{{ feature.description }}</p></hy-card\n      >\n    }\n    <ng-content />\n  </div>\n</section>\n","<section>\n  <h2>{{ heading() }}</h2>\n  <div class=\"wall\">\n    @for (item of items(); track item.id) {\n      <hy-card material=\"tinted\"\n        ><figure>\n          <blockquote>{{ item.quote }}</blockquote>\n          <figcaption>\n            <strong>{{ item.author }}</strong\n            ><span>{{ item.role }}</span>\n          </figcaption>\n        </figure></hy-card\n      >\n    }\n  </div>\n</section>\n","<section>\n  <div class=\"media\"><ng-content select=\"[hyBlockMedia]\" /></div>\n  <div>\n    <p>{{ category() }}</p>\n    <h2>{{ heading() }}</h2>\n    <p>{{ description() }}</p>\n    <strong>{{ price() }}</strong>\n    <div class=\"choices\"><ng-content select=\"[hyBlockOptions]\" /></div>\n    <a hyButton [href]=\"actionHref()\">{{ actionLabel() }}</a\n    ><ng-content />\n  </div>\n</section>\n","<div class=\"shell\">\n  <aside><ng-content select=\"[hyBlockSidebar]\" /></aside>\n  <div class=\"main\">\n    <header><ng-content select=\"[hyBlockToolbar]\" /></header>\n    <ng-content />\n  </div>\n</div>\n","<div class=\"strip\">\n  @for (item of items(); track item.id) {\n    <hy-stat\n      [label]=\"item.label\"\n      [value]=\"item.value\"\n      [trend]=\"item.trend ?? ''\"\n      [prefix]=\"item.prefix ?? ''\"\n      [suffix]=\"item.suffix ?? ''\"\n      [locale]=\"locale()\"\n    />\n  }\n</div>\n","<section>\n  <h2>{{ heading() }}</h2>\n  <ol>\n    @for (item of items(); track item.id) {\n      <li>\n        <div>\n          <strong>{{ item.heading }}</strong>\n          <p>{{ item.description }}</p>\n        </div>\n        <time [attr.datetime]=\"item.dateTime\">{{ item.time }}</time>\n      </li>\n    }\n  </ol>\n  <ng-content />\n</section>\n","<hy-filter-bar\n  [fields]=\"fields()\"\n  [clauses]=\"clauses()\"\n  (clausesChange)=\"clauses.set($event)\"\n  [label]=\"label()\"\n  ><ng-content\n/></hy-filter-bar>\n"],"mappings":";;;;;;;AAcA,IAAa,cAAb,MAAa,YAAW;CACb,UAAU,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACnB,UAAU,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,cAAc,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACvB,aAAa,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CACtB,cAAc,MAAM,eAAc,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CALhC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UCdxB;EAcA,QAAA,CAAA,sfAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDLY;GAAQ,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EAPvB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,SAChB,CAAC,QAAQ;GAAC,iBACF,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,sfAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BjD,IAAa,iBAAb,MAAa,eAAc;CAChB,UAAU,MAAM,+BAA8B,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC9C,QAAQ,MAAM,SAAoC,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAClD,UAAU,MAA4B,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAChD,SAAS,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CACxB,iBAAiB,MAAgC;EACxD,OAAO;EACP,UAAU;EACV,uBAAuB;CACxB,GAAC,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CACO,eAAe,MAAM,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,cAAc,MAAM,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAC7B,eAAe,MAAM,kBAAiB,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CACtC,cAAc,MAAM,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAb3B,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,gBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,SAAA,gBAAA;EAAA,UAAA;EAAA,UEtC3B;EAuCA,QAAA,CAAA,4pBAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MFNY;IAAM,UAAA;IAAA,QAAA,CAAA,SAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAQ,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAc,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAK/B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAP1B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAkB,SACnB;IAAC;IAAQ;IAAU;GAAc;GAAC,iBAC1B,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,4pBAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BjD,IAAa,iBAAb,MAAa,eAAc;CAChB,UAAU,MAAM,8BAA6B,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC7C,WAAW,MAAM,SAAgC,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAF/C,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UGjE3B;EAYA,QAAA,CAAA,sSAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MHgDY;GAAM,UAAA;GAAA,QAAA,CAAA,SAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKL,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAP1B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAkB,SACnB,CAAC,MAAM;GAAC,iBACA,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,sSAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAqBjD,IAAa,sBAAb,MAAa,oBAAmB;CACrB,UAAU,MAAM,+BAA8B,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC9C,QAAQ,MAAM,SAAoC,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAFhD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAmB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UIlFhC;EAgBA,QAAA,CAAA,0SAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MJ6DY;GAAM,UAAA;GAAA,QAAA,CAAA,SAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKL,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAP/B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAuB,SACxB,CAAC,MAAM;GAAC,iBACA,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,0SAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAejD,IAAa,iBAAb,MAAa,eAAc;CAChB,WAAW,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACpB,UAAU,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,cAAc,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACvB,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,aAAa,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CACrC,cAAc,MAAM,gBAAe,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CANjC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UK7F3B;EAYA,QAAA,CAAA,6UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,ML4EY;GAAQ,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAP1B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAkB,SACnB,CAAC,QAAQ;GAAC,iBACF,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,6UAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBjD,IAAa,mBAAb,MAAa,iBAAgB;CAAhB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UM3G7B;EAOA,QAAA,CAAA,+SAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ANoGa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAN5B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAoB,iBACb,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,+SAAA;EAAA,CAAA;;;AAoBjD,IAAa,kBAAb,MAAa,gBAAe;CACjB,QAAQ,MAAM,SAA4B,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAC1C,SAAS,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAFtB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAe,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAf,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAe,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UO3H5B;EAYA,QAAA,CAAA,wHAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MP0GY;GAAM,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKL,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAP3B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAoB,SACrB,CAAC,MAAM;GAAC,iBACA,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,wHAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAqBjD,IAAa,kBAAb,MAAa,gBAAe;CACjB,UAAU,MAAM,mBAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,QAAQ,MAAM,SAAiC,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAF7C,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAe,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAf,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAe,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UQ5I5B;EAeA,QAAA,CAAA,uQAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AR6Ha,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAN3B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAmB,iBACZ,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,uQAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAcjD,IAAa,uBAAb,MAAa,qBAAoB;CACtB,SAAS,MAAM,SAAuC,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CACtD,UAAU,MAAoB,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACjC,QAAQ,MAAM,kBAAiB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAH7B,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAoB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,SAAA,gBAAA;EAAA,UAAA;EAAA,UStJjC;EAOA,cAAA,CAAA;GAAA,MAAA;GAAA,MT2IY;GAAW,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;GAAA,SAAA,CAAA,eAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAIV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EANhC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAyB,SAC1B,CAAC,WAAW;GAAC,iBACL,wBAAwB;GAAM,UAAA;EAAA,CAAA"}

package/fesm2022/hyalo-angular-border-beam.mjs

@@ -0,0 +1,73 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, computed, inject, input } from "@angular/core";
+import { HyMotion, injectHyVisibility } from "@hyalo/angular/motion";
+var HyBorderBeam = class HyBorderBeam {
+	animated = input(false, {
+		...ngDevMode ? { debugName: "animated" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	motion = inject(HyMotion);
+	visible = injectHyVisibility();
+	moving = computed(() => this.animated() && this.motion.enabled() && this.visible(), ...ngDevMode ? [{ debugName: "moving" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyBorderBeam,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: HyBorderBeam,
+		isStandalone: true,
+		selector: "hy-border-beam",
+		inputs: { animated: {
+			classPropertyName: "animated",
+			publicName: "animated",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "aria-hidden": "true" },
+			properties: { "class.moving": "moving()" }
+		},
+		ngImport: i0,
+		template: "",
+		isInline: true,
+		styles: [":host{display:block;position:absolute;inset:0;border:1px solid var(--hy-line-strong);border-radius:inherit;pointer-events:none;overflow:clip}:host:before{content:\"\";position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 75%,var(--hy-primary),transparent);opacity:.45;animation:hy-beam 8s linear infinite;animation-play-state:paused;-webkit-mask-image:radial-gradient(ellipse,transparent 60%,black 62%);mask-image:radial-gradient(ellipse,transparent 60%,black 62%)}:host(.moving):before{animation-play-state:running}@keyframes hy-beam{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce),(forced-colors:active){:host:before{display:none}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyBorderBeam,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-border-beam",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"aria-hidden": "true",
+				"[class.moving]": "moving()"
+			},
+			template: "",
+			styles: [":host{display:block;position:absolute;inset:0;border:1px solid var(--hy-line-strong);border-radius:inherit;pointer-events:none;overflow:clip}:host:before{content:\"\";position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 75%,var(--hy-primary),transparent);opacity:.45;animation:hy-beam 8s linear infinite;animation-play-state:paused;-webkit-mask-image:radial-gradient(ellipse,transparent 60%,black 62%);mask-image:radial-gradient(ellipse,transparent 60%,black 62%)}:host(.moving):before{animation-play-state:running}@keyframes hy-beam{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce),(forced-colors:active){:host:before{display:none}}\n"]
+		}]
+	}],
+	propDecorators: { animated: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "animated",
+			required: false
+		}]
+	}] }
+});
+export { HyBorderBeam };
+
+//# sourceMappingURL=hyalo-angular-border-beam.mjs.map

package/fesm2022/hyalo-angular-border-beam.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-border-beam.mjs","names":[],"sources":["../../../projects/hyalo/border-beam/border-beam.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { HyMotion, injectHyVisibility } from '@hyalo/angular/motion';\n@Component({\n  selector: 'hy-border-beam',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { 'aria-hidden': 'true', '[class.moving]': 'moving()' },\n  template: '',\n  styleUrl: './border-beam.css',\n})\nexport class HyBorderBeam {\n  readonly animated = input(false, { transform: booleanAttribute });\n  private readonly motion = inject(HyMotion);\n  private readonly visible = injectHyVisibility();\n  protected readonly moving = computed(\n    () => this.animated() && this.motion.enabled() && this.visible(),\n  );\n}\n"],"mappings":";;;AAgBA,IAAa,eAAb,MAAa,aAAY;CACd,WAAW,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CAC7C,SAAS,OAAO,QAAQ;CACxB,UAAU,mBAAkB;CAC1B,SAAS,eACpB,KAAK,SAAQ,KAAM,KAAK,OAAO,QAAO,KAAM,KAAK,QAAO,GAC/D,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CANU,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAZ,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAY,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,UAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,eAAA,OAAA;GAAA,YAAA,EAAA,gBAAA,WAAA;EAAA;EAAA,UAAA;EAAA,UAHb;EAAE,UAAA;EAAA,QAAA,CAAA,wqBAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAGD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EAPxB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,iBACT,wBAAwB;GAAM,MACzC;IAAE,eAAe;IAAQ,kBAAkB;GAAU;GAAE,UACnD;GAAE,QAAA,CAAA,wqBAAA;EAAA,CAAA"}

package/fesm2022/hyalo-angular-breadcrumb.mjs

@@ -0,0 +1,77 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+var HyBreadcrumb = class HyBreadcrumb {
+	items = input.required(...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	label = input("Breadcrumb", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyBreadcrumb,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyBreadcrumb,
+		isStandalone: true,
+		selector: "hy-breadcrumb",
+		inputs: {
+			items: {
+				classPropertyName: "items",
+				publicName: "items",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<nav [attr.aria-label]=\"label()\">\r\n  <ol>\r\n    @for (item of items(); track $index; let last = $last) {\r\n      <li>\r\n        @if (item.href && !last) {\r\n          <a [href]=\"item.href\">{{ item.label }}</a>\r\n        } @else {\r\n          <span [attr.aria-current]=\"last ? 'page' : null\">{{ item.label }}</span>\r\n        }\r\n        @if (!last) {\r\n          <span class=\"separator\" aria-hidden=\"true\">/</span>\r\n        }\r\n      </li>\r\n    }\r\n  </ol>\r\n</nav>\r\n",
+		styles: [":host{display:block}ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}li{display:flex;align-items:center;gap:.5rem}a{color:var(--hy-ink-2);text-underline-offset:.25em;padding-block:.5rem}span[aria-current]{color:var(--hy-ink);font-weight:600}.separator{color:var(--hy-ink-3)}:is(button,a,input):focus-visible{outline:2px solid var(--hy-primary);outline-offset:3px}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyBreadcrumb,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-breadcrumb",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<nav [attr.aria-label]=\"label()\">\r\n  <ol>\r\n    @for (item of items(); track $index; let last = $last) {\r\n      <li>\r\n        @if (item.href && !last) {\r\n          <a [href]=\"item.href\">{{ item.label }}</a>\r\n        } @else {\r\n          <span [attr.aria-current]=\"last ? 'page' : null\">{{ item.label }}</span>\r\n        }\r\n        @if (!last) {\r\n          <span class=\"separator\" aria-hidden=\"true\">/</span>\r\n        }\r\n      </li>\r\n    }\r\n  </ol>\r\n</nav>\r\n",
+			styles: [":host{display:block}ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}li{display:flex;align-items:center;gap:.5rem}a{color:var(--hy-ink-2);text-underline-offset:.25em;padding-block:.5rem}span[aria-current]{color:var(--hy-ink);font-weight:600}.separator{color:var(--hy-ink-3)}:is(button,a,input):focus-visible{outline:2px solid var(--hy-primary);outline-offset:3px}\n"]
+		}]
+	}],
+	propDecorators: {
+		items: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "items",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}]
+	}
+});
+export { HyBreadcrumb };
+
+//# sourceMappingURL=hyalo-angular-breadcrumb.mjs.map

package/fesm2022/hyalo-angular-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-breadcrumb.mjs","names":[],"sources":["../../../projects/hyalo/breadcrumb/breadcrumb.ts","../../../projects/hyalo/breadcrumb/breadcrumb.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nexport interface HyBreadcrumbItem {\r\n  readonly label: string;\r\n  readonly href?: string;\r\n}\r\n@Component({\r\n  selector: 'hy-breadcrumb',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './breadcrumb.html',\r\n  styleUrl: './breadcrumb.css',\r\n})\r\nexport class HyBreadcrumb {\r\n  readonly items = input.required<readonly HyBreadcrumbItem[]>();\r\n  readonly label = input('Breadcrumb');\r\n}\r\n","<nav [attr.aria-label]=\"label()\">\r\n  <ol>\r\n    @for (item of items(); track $index; let last = $last) {\r\n      <li>\r\n        @if (item.href && !last) {\r\n          <a [href]=\"item.href\">{{ item.label }}</a>\r\n        } @else {\r\n          <span [attr.aria-current]=\"last ? 'page' : null\">{{ item.label }}</span>\r\n        }\r\n        @if (!last) {\r\n          <span class=\"separator\" aria-hidden=\"true\">/</span>\r\n        }\r\n      </li>\r\n    }\r\n  </ol>\r\n</nav>\r\n"],"mappings":";;AAWA,IAAa,eAAb,MAAa,aAAY;CACd,QAAQ,MAAM,SAAuC,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACrD,QAAQ,MAAM,cAAa,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAFzB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAZ,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAY,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UCXzB;EAgBA,QAAA,CAAA,6ZAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADLa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EANxB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,iBACR,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,6ZAAA;EAAA,CAAA"}

package/fesm2022/hyalo-angular-button-group.mjs

@@ -0,0 +1,90 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+var HyButtonGroup = class HyButtonGroup {
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyButtonGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: HyButtonGroup,
+		isStandalone: true,
+		selector: "hy-button-group",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "group" },
+			properties: {
+				"attr.aria-label": "label()",
+				"attr.data-orientation": "orientation()"
+			}
+		},
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:inline-flex;flex-wrap:wrap;gap:var(--hy-space-1);padding:var(--hy-space-1);border:1px solid var(--hy-line);border-radius:var(--hy-radius-m)}:host([data-orientation=\"vertical\"]){flex-direction:column}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyButtonGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-button-group",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				role: "group",
+				"[attr.aria-label]": "label()",
+				"[attr.data-orientation]": "orientation()"
+			},
+			template: "<ng-content />",
+			styles: [":host{display:inline-flex;flex-wrap:wrap;gap:var(--hy-space-1);padding:var(--hy-space-1);border:1px solid var(--hy-line);border-radius:var(--hy-radius-m)}:host([data-orientation=\"vertical\"]){flex-direction:column}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}]
+	}
+});
+export { HyButtonGroup };
+
+//# sourceMappingURL=hyalo-angular-button-group.mjs.map

package/fesm2022/hyalo-angular-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-button-group.mjs","names":[],"sources":["../../../projects/hyalo/button-group/button-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n/** Groups native buttons. For mutually exclusive choices use HySegmented. */\r\n@Component({\r\n  selector: 'hy-button-group',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'group',\r\n    '[attr.aria-label]': 'label()',\r\n    '[attr.data-orientation]': 'orientation()',\r\n  },\r\n  template: '<ng-content />',\r\n  styleUrl: './button-group.css',\r\n})\r\nexport class HyButtonGroup {\r\n  readonly label = input.required<string>();\r\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\r\n}\r\n"],"mappings":";;AAaA,IAAa,gBAAb,MAAa,cAAa;CACf,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,cAAc,MAAiC,cAAa,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAF1D,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAa,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAb,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAa,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,QAAA,QAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,yBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UAHd;EAAgB,UAAA;EAAA,QAAA,CAAA,2NAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAGf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAa,YAAA,CAAA;EAXzB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,iBACV,wBAAwB;GAAM,MACzC;IACJ,MAAM;IACN,qBAAqB;IACrB,2BAA2B;GAC5B;GAAA,UACS;GAAgB,QAAA,CAAA,2NAAA;EAAA,CAAA"}

package/fesm2022/hyalo-angular-button.mjs

@@ -0,0 +1,204 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, booleanAttribute, computed, inject, input } from "@angular/core";
+import * as i1 from "@hyalo/angular/core";
+import { HY_CONFIG, HyAppearance, HyFidelity, HyInteractive } from "@hyalo/angular/core";
+var HyButton = class HyButton {
+	config = inject(HY_CONFIG);
+	appearance = inject(HyAppearance);
+	fidelity = inject(HyFidelity);
+	el = inject(ElementRef).nativeElement;
+	isButton = this.el.tagName === "BUTTON";
+	variant = input("solid", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input(this.config.size, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	tone = input(this.config.tone, ...ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []);
+	iconOnly = input(false, {
+		...ngDevMode ? { debugName: "iconOnly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	loading = input(false, {
+		...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	material = computed(() => {
+		if (this.variant() !== "glass") return null;
+		return this.fidelity.tier() === "low" ? "solid" : this.appearance.material() ?? this.config.material;
+	}, ...ngDevMode ? [{ debugName: "material" }] : /* istanbul ignore next */ []);
+	blocked = computed(() => this.loading() || !this.isButton && this.disabled(), ...ngDevMode ? [{ debugName: "blocked" }] : /* istanbul ignore next */ []);
+	constructor() {
+		this.el.addEventListener("click", (event) => {
+			if (!this.blocked()) return;
+			event.preventDefault();
+			event.stopImmediatePropagation();
+		}, { capture: true });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyButton,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyButton,
+		isStandalone: true,
+		selector: "button[hyButton], a[hyButton]",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tone: {
+				classPropertyName: "tone",
+				publicName: "tone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			iconOnly: {
+				classPropertyName: "iconOnly",
+				publicName: "iconOnly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loading: {
+				classPropertyName: "loading",
+				publicName: "loading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"class.hy-glass": "variant() === \"glass\"",
+				"attr.data-material": "material()",
+				"attr.data-thickness": "variant() === \"glass\" ? \"thin\" : null",
+				"attr.data-variant": "variant()",
+				"attr.data-size": "size()",
+				"attr.data-tone": "tone()",
+				"attr.data-icon-only": "iconOnly() || null",
+				"attr.data-loading": "loading() || null",
+				"attr.aria-busy": "loading() || null",
+				"attr.aria-disabled": "blocked() || null",
+				"attr.disabled": "isButton && disabled() ? \"\" : null",
+				"attr.tabindex": "!isButton && disabled() ? -1 : null"
+			},
+			classAttribute: "hy-button"
+		},
+		hostDirectives: [{ directive: i1.HyInteractive }],
+		ngImport: i0,
+		template: "<span class=\"hy-button__label\"><ng-content /></span>\r\n@if (loading()) {\r\n  <!-- Inline, so a button does not pull in the icon registry. -->\r\n  <span class=\"hy-button__spinner\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\" /></svg>\r\n  </span>\r\n}\r\n",
+		styles: [":host{--_c: var(--hy-primary);--_on: var(--hy-primary-ink);--_h: var(--hy-control-md);--_px: var(--hy-space-4);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--hy-space-2);block-size:var(--_h);min-inline-size:var(--_h);padding-inline:var(--_px);border:1px solid transparent;border-radius:var(--hy-button-radius, var(--hy-radius-pill));font:inherit;font-size:var(--hy-step-0);font-weight:var(--hy-button-font-weight, 560);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--hy-dur-quick) var(--hy-ease-out),color var(--hy-dur-quick) var(--hy-ease-out),box-shadow var(--hy-dur-quick) var(--hy-ease-out),scale var(--hy-dur-quick) var(--hy-ease-out),translate var(--hy-dur-settle) var(--hy-ease-out),--hy-glow var(--hy-dur-settle) var(--hy-ease-out)}:host([data-size=\"sm\"]){--_h: var(--hy-control-sm);--_px: var(--hy-space-3);font-size:var(--hy-step--1);letter-spacing:var(--hy-tracking-small)}:host([data-size=\"lg\"]){--_h: var(--hy-control-lg);--_px: var(--hy-space-6);font-size:var(--hy-step-1)}:host([data-icon-only]){padding-inline:0;inline-size:var(--_h)}:host([data-tone=\"secondary\"]){--_c: var(--hy-secondary, var(--hy-primary));--_on: var(--hy-secondary-ink, var(--hy-primary-ink))}:host([data-tone=\"neutral\"]){--_c: var(--hy-ink);--_on: var(--hy-bg)}:host([data-tone=\"danger\"]){--_c: var(--hy-danger);--_on: var(--hy-danger-ink)}:host([data-tone=\"success\"]){--_c: var(--hy-success);--_on: var(--hy-bg)}:host([data-tone=\"warning\"]){--_c: var(--hy-warning);--_on: var(--hy-bg)}:host([data-variant=\"solid\"]){background-color:var(--_c);color:var(--_on);box-shadow:inset 0 1px #ffffff38,0 6px 16px -8px color-mix(in srgb,var(--_c) 70%,transparent)}:host([data-variant=\"solid\"][data-hover]){background-color:color-mix(in srgb,var(--_c) 88%,var(--hy-ink))}:host([data-variant=\"glass\"]){color:var(--hy-ink)}:host([data-variant=\"glass\"][data-hover]){--hy-glow: .25}:host([data-variant=\"soft\"]){background-color:color-mix(in srgb,var(--_c) 13%,transparent);color:var(--_c)}:host([data-variant=\"soft\"][data-hover]){background-color:color-mix(in srgb,var(--_c) 20%,transparent)}:host([data-variant=\"ghost\"]){background-color:transparent;color:var(--_c)}:host([data-variant=\"ghost\"][data-hover]){background-color:color-mix(in srgb,var(--_c) 10%,transparent)}:host([data-press]){scale:.97;transition-duration:min(.1s,var(--hy-dur-quick))}:host([data-variant=\"solid\"][data-press]){background-color:color-mix(in srgb,var(--_c) 78%,var(--hy-ink))}:host([data-variant=\"soft\"][data-press]){background-color:color-mix(in srgb,var(--_c) 26%,transparent)}:host([data-variant=\"ghost\"][data-press]){background-color:color-mix(in srgb,var(--_c) 16%,transparent)}:host([data-variant=\"glass\"][data-press]){--hy-glow: .45}:host(:focus-visible){outline:none;box-shadow:var(--hy-focus-ring)}:host(:disabled),:host([aria-disabled=\"true\"]:not([data-loading])){opacity:.45;cursor:not-allowed;pointer-events:none}:host([data-loading]){cursor:progress}.hy-button__label{display:inline-flex;align-items:center;gap:inherit}:host([data-loading]) .hy-button__label{visibility:hidden}.hy-button__spinner{position:absolute;inset:0;display:grid;place-items:center}.hy-button__spinner svg{inline-size:1.25em;block-size:1.25em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;animation:hy-spin .8s linear infinite}@keyframes hy-spin{to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.hy-button__spinner svg{animation-duration:2.4s}}@media(forced-colors:active){:host{border-color:ButtonText}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyButton,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[hyButton], a[hyButton]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			hostDirectives: [HyInteractive],
+			host: {
+				class: "hy-button",
+				"[class.hy-glass]": "variant() === \"glass\"",
+				"[attr.data-material]": "material()",
+				"[attr.data-thickness]": "variant() === \"glass\" ? \"thin\" : null",
+				"[attr.data-variant]": "variant()",
+				"[attr.data-size]": "size()",
+				"[attr.data-tone]": "tone()",
+				"[attr.data-icon-only]": "iconOnly() || null",
+				"[attr.data-loading]": "loading() || null",
+				"[attr.aria-busy]": "loading() || null",
+				"[attr.aria-disabled]": "blocked() || null",
+				"[attr.disabled]": "isButton && disabled() ? \"\" : null",
+				"[attr.tabindex]": "!isButton && disabled() ? -1 : null"
+			},
+			template: "<span class=\"hy-button__label\"><ng-content /></span>\r\n@if (loading()) {\r\n  <!-- Inline, so a button does not pull in the icon registry. -->\r\n  <span class=\"hy-button__spinner\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\" /></svg>\r\n  </span>\r\n}\r\n",
+			styles: [":host{--_c: var(--hy-primary);--_on: var(--hy-primary-ink);--_h: var(--hy-control-md);--_px: var(--hy-space-4);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--hy-space-2);block-size:var(--_h);min-inline-size:var(--_h);padding-inline:var(--_px);border:1px solid transparent;border-radius:var(--hy-button-radius, var(--hy-radius-pill));font:inherit;font-size:var(--hy-step-0);font-weight:var(--hy-button-font-weight, 560);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--hy-dur-quick) var(--hy-ease-out),color var(--hy-dur-quick) var(--hy-ease-out),box-shadow var(--hy-dur-quick) var(--hy-ease-out),scale var(--hy-dur-quick) var(--hy-ease-out),translate var(--hy-dur-settle) var(--hy-ease-out),--hy-glow var(--hy-dur-settle) var(--hy-ease-out)}:host([data-size=\"sm\"]){--_h: var(--hy-control-sm);--_px: var(--hy-space-3);font-size:var(--hy-step--1);letter-spacing:var(--hy-tracking-small)}:host([data-size=\"lg\"]){--_h: var(--hy-control-lg);--_px: var(--hy-space-6);font-size:var(--hy-step-1)}:host([data-icon-only]){padding-inline:0;inline-size:var(--_h)}:host([data-tone=\"secondary\"]){--_c: var(--hy-secondary, var(--hy-primary));--_on: var(--hy-secondary-ink, var(--hy-primary-ink))}:host([data-tone=\"neutral\"]){--_c: var(--hy-ink);--_on: var(--hy-bg)}:host([data-tone=\"danger\"]){--_c: var(--hy-danger);--_on: var(--hy-danger-ink)}:host([data-tone=\"success\"]){--_c: var(--hy-success);--_on: var(--hy-bg)}:host([data-tone=\"warning\"]){--_c: var(--hy-warning);--_on: var(--hy-bg)}:host([data-variant=\"solid\"]){background-color:var(--_c);color:var(--_on);box-shadow:inset 0 1px #ffffff38,0 6px 16px -8px color-mix(in srgb,var(--_c) 70%,transparent)}:host([data-variant=\"solid\"][data-hover]){background-color:color-mix(in srgb,var(--_c) 88%,var(--hy-ink))}:host([data-variant=\"glass\"]){color:var(--hy-ink)}:host([data-variant=\"glass\"][data-hover]){--hy-glow: .25}:host([data-variant=\"soft\"]){background-color:color-mix(in srgb,var(--_c) 13%,transparent);color:var(--_c)}:host([data-variant=\"soft\"][data-hover]){background-color:color-mix(in srgb,var(--_c) 20%,transparent)}:host([data-variant=\"ghost\"]){background-color:transparent;color:var(--_c)}:host([data-variant=\"ghost\"][data-hover]){background-color:color-mix(in srgb,var(--_c) 10%,transparent)}:host([data-press]){scale:.97;transition-duration:min(.1s,var(--hy-dur-quick))}:host([data-variant=\"solid\"][data-press]){background-color:color-mix(in srgb,var(--_c) 78%,var(--hy-ink))}:host([data-variant=\"soft\"][data-press]){background-color:color-mix(in srgb,var(--_c) 26%,transparent)}:host([data-variant=\"ghost\"][data-press]){background-color:color-mix(in srgb,var(--_c) 16%,transparent)}:host([data-variant=\"glass\"][data-press]){--hy-glow: .45}:host(:focus-visible){outline:none;box-shadow:var(--hy-focus-ring)}:host(:disabled),:host([aria-disabled=\"true\"]:not([data-loading])){opacity:.45;cursor:not-allowed;pointer-events:none}:host([data-loading]){cursor:progress}.hy-button__label{display:inline-flex;align-items:center;gap:inherit}:host([data-loading]) .hy-button__label{visibility:hidden}.hy-button__spinner{position:absolute;inset:0;display:grid;place-items:center}.hy-button__spinner svg{inline-size:1.25em;block-size:1.25em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;animation:hy-spin .8s linear infinite}@keyframes hy-spin{to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.hy-button__spinner svg{animation-duration:2.4s}}@media(forced-colors:active){:host{border-color:ButtonText}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		tone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tone",
+				required: false
+			}]
+		}],
+		iconOnly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconOnly",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
+export { HyButton };
+
+//# sourceMappingURL=hyalo-angular-button.mjs.map

package/fesm2022/hyalo-angular-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-button.mjs","names":[],"sources":["../../../projects/hyalo/button/button.ts","../../../projects/hyalo/button/button.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  booleanAttribute,\r\n  computed,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\nimport {\r\n  HyAppearance,\r\n  HY_CONFIG,\r\n  HyFidelity,\r\n  HyInteractive,\r\n  type HySize,\r\n  type HyTone,\r\n} from '@hyalo/angular/core';\r\n\r\n/**\r\n * - `solid`: filled with the tone colour. The main action on a view.\r\n * - `glass`: a glass surface with tone-coloured text.\r\n * - `soft`: a light wash of the tone colour.\r\n * - `ghost`: text only, a surface appears on hover.\r\n */\r\nexport type HyButtonVariant = 'solid' | 'glass' | 'soft' | 'ghost';\r\n\r\n/**\r\n * Button and link button.\r\n *\r\n * ```html\r\n * <button hyButton (click)=\"save()\">Save</button>\r\n * <a hyButton variant=\"glass\" routerLink=\"/pricing\">Pricing</a>\r\n * <button hyButton iconOnly aria-label=\"Close\"><hy-icon name=\"x\" /></button>\r\n * ```\r\n *\r\n * It stays a native `<button>` or `<a>`, so forms, routing and keyboard\r\n * behaviour work as usual. A press dims and shrinks it the moment the\r\n * pointer goes down. Add `hyMagnetic` for the magnetic hover effect, or\r\n * `hyRipple` for a press ripple.\r\n *\r\n * While `loading`, the button keeps its focus and width, sets `aria-busy`\r\n * and ignores clicks. A disabled link gets `aria-disabled` and leaves the\r\n * tab order, since links have no native disabled state.\r\n */\r\n@Component({\r\n  // Attribute selector so the host stays a native <button> or <a>.\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'button[hyButton], a[hyButton]',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  hostDirectives: [HyInteractive],\r\n  host: {\r\n    class: 'hy-button',\r\n    '[class.hy-glass]': 'variant() === \"glass\"',\r\n    '[attr.data-material]': 'material()',\r\n    // Buttons are small chips of glass, so they get the thinnest material.\r\n    '[attr.data-thickness]': 'variant() === \"glass\" ? \"thin\" : null',\r\n    '[attr.data-variant]': 'variant()',\r\n    '[attr.data-size]': 'size()',\r\n    '[attr.data-tone]': 'tone()',\r\n    '[attr.data-icon-only]': 'iconOnly() || null',\r\n    '[attr.data-loading]': 'loading() || null',\r\n    '[attr.aria-busy]': 'loading() || null',\r\n    '[attr.aria-disabled]': 'blocked() || null',\r\n    '[attr.disabled]': 'isButton && disabled() ? \"\" : null',\r\n    '[attr.tabindex]': '!isButton && disabled() ? -1 : null',\r\n  },\r\n  templateUrl: './button.html',\r\n  styleUrl: './button.css',\r\n})\r\nexport class HyButton {\r\n  private readonly config = inject(HY_CONFIG);\r\n  private readonly appearance = inject(HyAppearance);\r\n  private readonly fidelity = inject(HyFidelity);\r\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\r\n  protected readonly isButton = this.el.tagName === 'BUTTON';\r\n\r\n  /** Visual style. */\r\n  readonly variant = input<HyButtonVariant>('solid');\r\n  /** Height and padding. Defaults to the configured size. */\r\n  readonly size = input<HySize>(this.config.size);\r\n  /** Colour role. Defaults to the configured tone. */\r\n  readonly tone = input<HyTone>(this.config.tone);\r\n  /** Square button for a single icon. Give it an `aria-label`. */\r\n  readonly iconOnly = input(false, { transform: booleanAttribute });\r\n  /** Shows a spinner and blocks clicks without dropping focus. */\r\n  readonly loading = input(false, { transform: booleanAttribute });\r\n  /** Disables the button. On links this sets `aria-disabled`. */\r\n  readonly disabled = input(false, { transform: booleanAttribute });\r\n\r\n  /** Glass follows the configured material and goes solid on the low tier. */\r\n  protected readonly material = computed(() => {\r\n    if (this.variant() !== 'glass') return null;\r\n    return this.fidelity.tier() === 'low'\r\n      ? 'solid'\r\n      : (this.appearance.material() ?? this.config.material);\r\n  });\r\n\r\n  /** True when clicks should be ignored. */\r\n  protected readonly blocked = computed(\r\n    () => this.loading() || (!this.isButton && this.disabled()),\r\n  );\r\n\r\n  constructor() {\r\n    // A capture listener on the element runs before the app's own (click)\r\n    // handlers, so a blocked click never reaches them.\r\n    this.el.addEventListener(\r\n      'click',\r\n      (event) => {\r\n        if (!this.blocked()) return;\r\n        event.preventDefault();\r\n        event.stopImmediatePropagation();\r\n      },\r\n      { capture: true },\r\n    );\r\n  }\r\n}\r\n","<span class=\"hy-button__label\"><ng-content /></span>\r\n@if (loading()) {\r\n  <!-- Inline, so a button does not pull in the icon registry. -->\r\n  <span class=\"hy-button__spinner\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\" /></svg>\r\n  </span>\r\n}\r\n"],"mappings":"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"}