@kirbydesign/designsystem 11.11.2 → 12.0.0

package/fesm2022/kirbydesign-designsystem-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-header.mjs","sources":["../../header/src/header.component.ts","../../header/src/header.component.html","../../header/src/header.module.ts","../../header/src/kirbydesign-designsystem-header.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Injector,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { ACTIONGROUP_CONFIG, ActionGroupConfig } from '@kirbydesign/designsystem/action-group';\nimport { AvatarComponent } from '@kirbydesign/designsystem/avatar';\nimport { FlagComponent } from '@kirbydesign/designsystem/flag';\nimport { ProgressCircleComponent } from '@kirbydesign/designsystem/progress-circle';\nimport type { FitHeadingConfig } from '@kirbydesign/designsystem/shared';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { FitHeadingDirective } from '@kirbydesign/designsystem/shared';\n\n@Directive({ selector: '[kirbyHeaderActions]' })\nexport class HeaderActionsDirective {}\n\n@Directive({ selector: '[kirbyHeaderCustomSection]' })\nexport class HeaderCustomSectionDirective {}\n\n@Directive({ selector: '[kirbyHeaderTitleActionIcon]' })\nexport class HeaderTitleActionIconDirective {}\n\n@Directive({ selector: '[kirbyHeaderCustomFlag]' })\nexport class HeaderCustomFlagDirective {}\n\n@Component({\n  selector: 'kirby-header',\n  templateUrl: './header.component.html',\n  styleUrls: ['./header.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, FitHeadingDirective],\n})\nexport class HeaderComponent implements AfterContentInit, OnChanges, OnInit {\n  @HostBinding('class.centered')\n  @Input()\n  centered?: boolean;\n\n  @Input() titleMaxLines: number;\n  @Input() emphasizeActions = false;\n\n  fitHeadingConfig: FitHeadingConfig;\n\n  @ContentChild(AvatarComponent)\n  avatar: AvatarComponent;\n\n  @ContentChild(ProgressCircleComponent)\n  progressCircle: ProgressCircleComponent;\n\n  @ContentChild(FlagComponent)\n  flag: FlagComponent;\n\n  @ViewChild('titleElement', { read: ElementRef })\n  titleElement?: ElementRef<HTMLHeadingElement>;\n\n  @ViewChild('actionsElement', { read: ElementRef })\n  actionsElement?: ElementRef<HTMLDivElement>;\n\n  @ContentChild(HeaderActionsDirective, { read: TemplateRef<HeaderActionsDirective> })\n  actionsTemplate?: TemplateRef<HeaderActionsDirective>;\n\n  @ContentChild(HeaderCustomSectionDirective, { read: TemplateRef<HeaderCustomSectionDirective> })\n  customSectionTemplate?: TemplateRef<HeaderCustomSectionDirective>;\n\n  @ContentChild(HeaderCustomFlagDirective, {\n    read: TemplateRef<HeaderCustomFlagDirective>,\n  })\n  customFlagTemplate?: TemplateRef<HeaderCustomFlagDirective>;\n\n  @ContentChild(HeaderTitleActionIconDirective, { read: TemplateRef })\n  titleActionIconTemplate: TemplateRef<HeaderTitleActionIconDirective>;\n\n  @Input() title?: string | null;\n  @Input() value?: string | null;\n  @Input() valueUnit?: string | null;\n  @Input() subtitle1?: string | string[] | null;\n  @Input() subtitle2?: string | string[] | null;\n  @Input() hasInteractiveTitle?: boolean;\n\n  @Output() titleClick = new EventEmitter<PointerEvent>();\n\n  title$: Subject<string> = new Subject<string>();\n\n  get _subtitles1() {\n    return Array.isArray(this.subtitle1) ? this.subtitle1 : [this.subtitle1];\n  }\n\n  get _subtitles2() {\n    return Array.isArray(this.subtitle2) ? this.subtitle2 : [this.subtitle2];\n  }\n\n  onTitleClick(event: PointerEvent) {\n    this.titleClick.emit(event);\n  }\n\n  _actionGroupInjector: Injector;\n\n  private actionGroupConfig: ActionGroupConfig;\n\n  constructor(private injector: Injector) {}\n\n  ngOnInit(): void {\n    this.actionGroupConfig = {\n      defaultVisibleActions: this.emphasizeActions ? undefined : 1,\n    };\n\n    this._actionGroupInjector = Injector.create({\n      providers: [\n        {\n          provide: ACTIONGROUP_CONFIG,\n          useValue: this.actionGroupConfig,\n        },\n      ],\n      parent: this.injector,\n    });\n\n    if (this.titleMaxLines > 0) {\n      this.fitHeadingConfig = {\n        maxLines: this.titleMaxLines,\n      };\n    }\n  }\n\n  ngAfterContentInit(): void {\n    // If an avatar is present we default to centered layout - unless configured otherwise:\n    if (this.avatar && this.centered === undefined) {\n      this.centered = true;\n    }\n\n    if (this.centered) {\n      this.actionGroupConfig.isCondensed = true;\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.title) {\n      this.title$.next(changes.title.currentValue);\n    }\n  }\n}\n","@if (!!avatar || !!progressCircle) {\n  <div class=\"avatar\">\n    <ng-content select=\"kirby-avatar,kirby-progress-circle\"></ng-content>\n  </div>\n}\n\n@if (!!flag || !!customFlagTemplate) {\n  <div class=\"flag\">\n    @if (!!flag) {\n      <ng-content select=\"kirby-flag\"></ng-content>\n    }\n    <!-- Custom Content in Flag section: -->\n    @if (!!customFlagTemplate) {\n      <div class=\"custom-flag\">\n        <ng-container *ngTemplateOutlet=\"customFlagTemplate\"></ng-container>\n      </div>\n    }\n  </div>\n}\n\n<div class=\"container\">\n  <!-- Title and value - title: -->\n  @if (!!title && !!value) {\n    <span\n      #titleElement\n      class=\"title kirby-text-medium\"\n      [class.clickable]=\"hasInteractiveTitle !== false && titleClick.observed\"\n      [class.has-icon]=\"!!titleActionIconTemplate\"\n      (click)=\"onTitleClick($event)\"\n    >\n      {{ title }}\n      <ng-container *ngTemplateOutlet=\"titleActionIconTemplate\"></ng-container>\n    </span>\n  }\n  <div class=\"title-container\">\n    <!-- Only title, no value: -->\n    @if (!!title && !value) {\n      <span #titleElement class=\"title kirby-text-xlarge\" [kirbyFitHeading]=\"fitHeadingConfig\">\n        {{ title }}\n      </span>\n    }\n\n    <!-- Title and value - value: -->\n    @if (!!value) {\n      <span class=\"value kirby-text-display-3\" [kirbyFitHeading]=\"fitHeadingConfig\">\n        {{ value }}\n        @if (!!valueUnit) {\n          <span class=\"value-unit semi-dark-text\">{{ valueUnit }}</span>\n        }\n      </span>\n    }\n\n    <!-- Subtitles: -->\n    <ng-container\n      *ngTemplateOutlet=\"subTitleTemplate; context: { $implicit: _subtitles1 }\"\n    ></ng-container>\n    <ng-container\n      *ngTemplateOutlet=\"subTitleTemplate; context: { $implicit: _subtitles2 }\"\n    ></ng-container>\n\n    <!-- Custom section -->\n    @if (!!customSectionTemplate) {\n      <div class=\"custom-section\">\n        <ng-container *ngTemplateOutlet=\"customSectionTemplate\"></ng-container>\n      </div>\n    }\n  </div>\n  <!-- Actions: -->\n  @if (!!actionsTemplate) {\n    <div #actionsElement class=\"actions\" [class.emphasize]=\"emphasizeActions\">\n      <ng-container\n        *ngTemplateOutlet=\"actionsTemplate; injector: _actionGroupInjector\"\n      ></ng-container>\n    </div>\n  }\n</div>\n\n<ng-template #subTitleTemplate let-subtitles>\n  @if (!!subtitles) {\n    <div class=\"subtitle kirby-text-small\">\n      @for (subtitle of subtitles; track subtitle) {\n        <span>{{ subtitle }}</span>\n      }\n    </div>\n  }\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FitHeadingDirective } from '@kirbydesign/designsystem/shared';\n\nimport {\n  HeaderActionsDirective,\n  HeaderComponent,\n  HeaderCustomFlagDirective,\n  HeaderCustomSectionDirective,\n  HeaderTitleActionIconDirective,\n} from './header.component';\n\nconst imports = [\n  HeaderComponent,\n  HeaderActionsDirective,\n  HeaderCustomSectionDirective,\n  HeaderTitleActionIconDirective,\n  HeaderCustomFlagDirective,\n];\n\n@NgModule({\n  imports: [CommonModule, FitHeadingDirective, ...imports],\n  exports: imports,\n})\nexport class HeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-header.mjs","names":[],"sources":["../../header/src/header.component.ts","../../header/src/header.component.html","../../header/src/header.module.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Injector,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { ACTIONGROUP_CONFIG, ActionGroupConfig } from '@kirbydesign/designsystem/action-group';\nimport { AvatarComponent } from '@kirbydesign/designsystem/avatar';\nimport { FlagComponent } from '@kirbydesign/designsystem/flag';\nimport { ProgressCircleComponent } from '@kirbydesign/designsystem/progress-circle';\nimport type { FitHeadingConfig } from '@kirbydesign/designsystem/shared';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { FitHeadingDirective } from '@kirbydesign/designsystem/shared';\n\n@Directive({ selector: '[kirbyHeaderActions]' })\nexport class HeaderActionsDirective {}\n\n@Directive({ selector: '[kirbyHeaderCustomSection]' })\nexport class HeaderCustomSectionDirective {}\n\n@Directive({ selector: '[kirbyHeaderTitleActionIcon]' })\nexport class HeaderTitleActionIconDirective {}\n\n@Directive({ selector: '[kirbyHeaderCustomFlag]' })\nexport class HeaderCustomFlagDirective {}\n\n@Component({\n  selector: 'kirby-header',\n  templateUrl: './header.component.html',\n  styleUrls: ['./header.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, FitHeadingDirective],\n})\nexport class HeaderComponent implements AfterContentInit, OnChanges, OnInit {\n  @HostBinding('class.centered')\n  @Input()\n  centered?: boolean;\n\n  @Input() titleMaxLines: number;\n  @Input() emphasizeActions = false;\n\n  fitHeadingConfig: FitHeadingConfig;\n\n  @ContentChild(AvatarComponent)\n  avatar: AvatarComponent;\n\n  @ContentChild(ProgressCircleComponent)\n  progressCircle: ProgressCircleComponent;\n\n  @ContentChild(FlagComponent)\n  flag: FlagComponent;\n\n  @ViewChild('titleElement', { read: ElementRef })\n  titleElement?: ElementRef<HTMLHeadingElement>;\n\n  @ViewChild('actionsElement', { read: ElementRef })\n  actionsElement?: ElementRef<HTMLDivElement>;\n\n  @ContentChild(HeaderActionsDirective, { read: TemplateRef<HeaderActionsDirective> })\n  actionsTemplate?: TemplateRef<HeaderActionsDirective>;\n\n  @ContentChild(HeaderCustomSectionDirective, { read: TemplateRef<HeaderCustomSectionDirective> })\n  customSectionTemplate?: TemplateRef<HeaderCustomSectionDirective>;\n\n  @ContentChild(HeaderCustomFlagDirective, {\n    read: TemplateRef<HeaderCustomFlagDirective>,\n  })\n  customFlagTemplate?: TemplateRef<HeaderCustomFlagDirective>;\n\n  @ContentChild(HeaderTitleActionIconDirective, { read: TemplateRef })\n  titleActionIconTemplate: TemplateRef<HeaderTitleActionIconDirective>;\n\n  @Input() title?: string | null;\n  @Input() value?: string | null;\n  @Input() valueUnit?: string | null;\n  @Input() subtitle1?: string | string[] | null;\n  @Input() subtitle2?: string | string[] | null;\n  @Input() hasInteractiveTitle?: boolean;\n\n  @Output() titleClick = new EventEmitter<PointerEvent>();\n\n  title$: Subject<string> = new Subject<string>();\n\n  get _subtitles1() {\n    return Array.isArray(this.subtitle1) ? this.subtitle1 : [this.subtitle1];\n  }\n\n  get _subtitles2() {\n    return Array.isArray(this.subtitle2) ? this.subtitle2 : [this.subtitle2];\n  }\n\n  onTitleClick(event: PointerEvent) {\n    this.titleClick.emit(event);\n  }\n\n  _actionGroupInjector: Injector;\n\n  private actionGroupConfig: ActionGroupConfig;\n\n  constructor(private injector: Injector) {}\n\n  ngOnInit(): void {\n    this.actionGroupConfig = {\n      defaultVisibleActions: this.emphasizeActions ? undefined : 1,\n    };\n\n    this._actionGroupInjector = Injector.create({\n      providers: [\n        {\n          provide: ACTIONGROUP_CONFIG,\n          useValue: this.actionGroupConfig,\n        },\n      ],\n      parent: this.injector,\n    });\n\n    if (this.titleMaxLines > 0) {\n      this.fitHeadingConfig = {\n        maxLines: this.titleMaxLines,\n      };\n    }\n  }\n\n  ngAfterContentInit(): void {\n    // If an avatar is present we default to centered layout - unless configured otherwise:\n    if (this.avatar && this.centered === undefined) {\n      this.centered = true;\n    }\n\n    if (this.centered) {\n      this.actionGroupConfig.isCondensed = true;\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.title) {\n      this.title$.next(changes.title.currentValue);\n    }\n  }\n}\n","@if (!!avatar || !!progressCircle) {\n  <div class=\"avatar\">\n    <ng-content select=\"kirby-avatar,kirby-progress-circle\"></ng-content>\n  </div>\n}\n\n@if (!!flag || !!customFlagTemplate) {\n  <div class=\"flag\">\n    @if (!!flag) {\n      <ng-content select=\"kirby-flag\"></ng-content>\n    }\n    <!-- Custom Content in Flag section: -->\n    @if (!!customFlagTemplate) {\n      <div class=\"custom-flag\">\n        <ng-container *ngTemplateOutlet=\"customFlagTemplate\"></ng-container>\n      </div>\n    }\n  </div>\n}\n\n<div class=\"container\">\n  <!-- Title and value - title: -->\n  @if (!!title && !!value) {\n    <span\n      #titleElement\n      class=\"title kirby-text-medium\"\n      [class.clickable]=\"hasInteractiveTitle !== false && titleClick.observed\"\n      [class.has-icon]=\"!!titleActionIconTemplate\"\n      (click)=\"onTitleClick($event)\"\n    >\n      {{ title }}\n      <ng-container *ngTemplateOutlet=\"titleActionIconTemplate\"></ng-container>\n    </span>\n  }\n  <div class=\"title-container\">\n    <!-- Only title, no value: -->\n    @if (!!title && !value) {\n      <span #titleElement class=\"title kirby-text-xlarge\" [kirbyFitHeading]=\"fitHeadingConfig\">\n        {{ title }}\n      </span>\n    }\n\n    <!-- Title and value - value: -->\n    @if (!!value) {\n      <span class=\"value kirby-text-display-3\" [kirbyFitHeading]=\"fitHeadingConfig\">\n        {{ value }}\n        @if (!!valueUnit) {\n          <span class=\"value-unit semi-dark-text\">{{ valueUnit }}</span>\n        }\n      </span>\n    }\n\n    <!-- Subtitles: -->\n    <ng-container\n      *ngTemplateOutlet=\"subTitleTemplate; context: { $implicit: _subtitles1 }\"\n    ></ng-container>\n    <ng-container\n      *ngTemplateOutlet=\"subTitleTemplate; context: { $implicit: _subtitles2 }\"\n    ></ng-container>\n\n    <!-- Custom section -->\n    @if (!!customSectionTemplate) {\n      <div class=\"custom-section\">\n        <ng-container *ngTemplateOutlet=\"customSectionTemplate\"></ng-container>\n      </div>\n    }\n  </div>\n  <!-- Actions: -->\n  @if (!!actionsTemplate) {\n    <div #actionsElement class=\"actions\" [class.emphasize]=\"emphasizeActions\">\n      <ng-container\n        *ngTemplateOutlet=\"actionsTemplate; injector: _actionGroupInjector\"\n      ></ng-container>\n    </div>\n  }\n</div>\n\n<ng-template #subTitleTemplate let-subtitles>\n  @if (!!subtitles) {\n    <div class=\"subtitle kirby-text-small\">\n      @for (subtitle of subtitles; track subtitle) {\n        <span>{{ subtitle }}</span>\n      }\n    </div>\n  }\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FitHeadingDirective } from '@kirbydesign/designsystem/shared';\n\nimport {\n  HeaderActionsDirective,\n  HeaderComponent,\n  HeaderCustomFlagDirective,\n  HeaderCustomSectionDirective,\n  HeaderTitleActionIconDirective,\n} from './header.component';\n\nconst imports = [\n  HeaderComponent,\n  HeaderActionsDirective,\n  HeaderCustomSectionDirective,\n  HeaderTitleActionIconDirective,\n  HeaderCustomFlagDirective,\n];\n\n@NgModule({\n  imports: [CommonModule, FitHeadingDirective, ...imports],\n  exports: imports,\n})\nexport class HeaderModule {}\n"],"mappings":";;;;;;;;;AA6BA,IAAa,yBAAb,MAAa,uBAAsB;CAAtB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAsB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAtB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAsB,cAAA;GAAA,UAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAAtB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EADlC,MAAA;EAAU,MAAA,CAAA,EAAE,UAAU,uBAAsB,CAAE;;;AAI/C,IAAa,+BAAb,MAAa,6BAA4B;CAA5B;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA4B,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA5B;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAA4B,cAAA;GAAA,UAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAA5B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA4B,YAAA,CAAA;EADxC,MAAA;EAAU,MAAA,CAAA,EAAE,UAAU,6BAA4B,CAAE;;;AAIrD,IAAa,iCAAb,MAAa,+BAA8B;CAA9B;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA8B,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA9B;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAA8B,cAAA;GAAA,UAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAA9B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA8B,YAAA,CAAA;EAD1C,MAAA;EAAU,MAAA,CAAA,EAAE,UAAU,+BAA8B,CAAE;;;AAIvD,IAAa,4BAAb,MAAa,0BAAyB;CAAzB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAyB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAzB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAyB,cAAA;GAAA,UAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAAzB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAyB,YAAA,CAAA;EADrC,MAAA;EAAU,MAAA,CAAA,EAAE,UAAU,0BAAyB,CAAE;;;AAUlD,IAAa,kBAAb,MAAa,gBAAe;CAkD1B,IAAI,cAAW;EACb,OAAO,MAAM,QAAQ,KAAK,SAAS,IAAI,KAAK,YAAY,CAAC,KAAK,SAAS;CACzE;CAEA,IAAI,cAAW;EACb,OAAO,MAAM,QAAQ,KAAK,SAAS,IAAI,KAAK,YAAY,CAAC,KAAK,SAAS;CACzE;CAEA,aAAa,OAAmB;EAC9B,KAAK,WAAW,KAAK,KAAK;CAC5B;CAMA,YAAoB,UAAkB;EAAlB,KAAA,WAAA;EA5DX,KAAA,mBAAmB;EAwClB,KAAA,aAAa,IAAI,aAAY;EAEvC,KAAA,SAA0B,IAAI,QAAO;CAkBI;CAEzC,WAAQ;EACN,KAAK,oBAAoB,EACvB,uBAAuB,KAAK,mBAAmB,SAAY,EAC5D;EAED,KAAK,uBAAuB,SAAS,OAAO;GAC1C,WAAW,CACT;IACE,SAAS;IACT,UAAU,KAAK;GAChB,CACF;GACD,QAAQ,KAAK;EACd,CAAA;EAED,IAAI,KAAK,gBAAgB,GACvB,KAAK,mBAAmB,EACtB,UAAU,KAAK,cAChB;CAEL;CAEA,qBAAkB;EAEhB,IAAI,KAAK,UAAU,KAAK,aAAa,QACnC,KAAK,WAAW;EAGlB,IAAI,KAAK,UACP,KAAK,kBAAkB,cAAc;CAEzC;CAEA,YAAY,SAAsB;EAChC,IAAI,QAAQ,OACV,KAAK,OAAO,KAAK,QAAQ,MAAM,YAAY;CAE/C;CAzGW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAe,MAAA,CAAA,EAAA,OAAA,GAAA,SAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAf;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAe,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,UAAA;IAAA,eAAA;IAAA,kBAAA;IAAA,OAAA;IAAA,OAAA;IAAA,WAAA;IAAA,WAAA;IAAA,WAAA;IAAA,qBAAA;GAAA;GAAA,SAAA,EAAA,YAAA,aAAA;GAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,gBAAA,EAAA;GAAA,SAAA;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAUZ;KAAe,aAAA;IAAA;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAGf;KAAuB,aAAA;IAAA;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAGvB;KAAa,aAAA;IAAA;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WASb;KAAsB,aAAA;KAAA,MAAU;IAAmC;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAGnE;KAA4B,aAAA;KAAA,MAAU;IAAyC;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAG/E;KAAyB,aAAA;KAAA,MAC/B;IAAsC;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAIhC;KAA8B,aAAA;KAAA,MAAU;IAAW;GAAA;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,cAAA;IAAA,aAAA;IAAA,MAjB9B;GAAU,GAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,gBAAA;IAAA,aAAA;IAAA,MAGR;GAAU,CAAA;GAAA,eAAA;GAAA,UAAA;GAAA,UCrEjD;GAsFA,QAAA,CAAA,ivFAAA;GAAA,cAAA,CAAA;IAAA,MAAA;IAAA,MDzCY;IAAgB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;GAAA,GAAA;IAAA,MAAA;IAAA,MAAE;IAAmB,UAAA;IAAA,QAAA,CAAA,iBAAA;GAAA,CAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAEpC,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAP3B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAc,iBAGP,wBAAwB;GAAM,SACtC,CAAC,kBAAkB,mBAAmB;GAAC,UAAA;GAAA,QAAA,CAAA,ivFAAA;EAAA,CAAA;;;;;GAG/C,MAAA;GAAY,MAAA,CAAA,gBAAgB;EAC5B,GAAA,EAAA,MAAA,MAAA,CAAA;EAGA,eAAA,CAAA,EAAA,MAAA,MAAA,CAAA;EACA,kBAAA,CAAA,EAAA,MAAA,MAAA,CAAA;;GAIA,MAAA;GAAa,MAAA,CAAA,eAAe;;;GAG5B,MAAA;GAAa,MAAA,CAAA,uBAAuB;;;GAGpC,MAAA;GAAa,MAAA,CAAA,aAAa;;;GAG1B,MAAA;GAAU,MAAA,CAAA,gBAAgB,EAAE,MAAM,WAAU,CAAE;;;GAG9C,MAAA;GAAU,MAAA,CAAA,kBAAkB,EAAE,MAAM,WAAU,CAAE;;;GAGhD,MAAA;GAAa,MAAA,CAAA,wBAAwB,EAAE,MAAM,YAAmC,CAAE;;;GAGlF,MAAA;GAAa,MAAA,CAAA,8BAA8B,EAAE,MAAM,YAAyC,CAAE;;;GAG9F,MAAA;GAAa,MAAA,CAAA,2BAA2B,EACvC,MAAM,YACP,CAAA;;;GAGA,MAAA;GAAa,MAAA,CAAA,gCAAgC,EAAE,MAAM,YAAW,CAAE;;EAGlE,OAAA,CAAA,EAAA,MAAA,MAAA,CAAA;EACA,OAAA,CAAA,EAAA,MAAA,MAAA,CAAA;EACA,WAAA,CAAA,EAAA,MAAA,MAAA,CAAA;EACA,WAAA,CAAA,EAAA,MAAA,MAAA,CAAA;EACA,WAAA,CAAA,EAAA,MAAA,MAAA,CAAA;EACA,qBAAA,CAAA,EAAA,MAAA,MAAA,CAAA;EAEA,YAAA,CAAA,EAAA,MAAA,OAAA,CAAA;;;AEjFH,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;AACD;AAMD,IAAa,eAAb,MAAa,aAAY;CAAZ;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAY,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAZ;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAY,SAAA;IAHb;IAAc;IARxB;IACA;IACA;IACA;IACA;GAAyB;GAAA,SAAA;IAJzB;IACA;IACA;IACA;IACA;GAAyB;EAAA,CAAA;CAAA;CAOd;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAY,SAAA,CAHb,YAAY;EAAA,CAAA;CAAA;;AAGX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EAJxB,MAAA;EAAS,MAAA,CAAA;GACR,SAAS;IAAC;IAAc;IAAqB,GAAG;GAAO;GACvD,SAAS;EACV,CAAA"}

package/fesm2022/kirbydesign-designsystem-helpers-scss.mjs

@@ -1,15 +1,17 @@
-// TODO TRM/JEO Parse from scss files instead!!1!!
-class ScssHelper {
-    // Breakpoints
-    static { this.BREAKPOINT_SCREEN_L = 720; }
-    static { this.BREAKPOINT_CARD_S = 320; }
-    static { this.BREAKPOINT_CARD_M = 460; }
-    static { this.BREAKPOINT_CARD_L = 820; }
-}
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var ScssHelper = class {
+	static {
+		this.BREAKPOINT_SCREEN_L = 720;
+	}
+	static {
+		this.BREAKPOINT_CARD_S = 320;
+	}
+	static {
+		this.BREAKPOINT_CARD_M = 460;
+	}
+	static {
+		this.BREAKPOINT_CARD_L = 820;
+	}
+};
 export { ScssHelper };
-//# sourceMappingURL=kirbydesign-designsystem-helpers-scss.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-helpers-scss.mjs.map

package/fesm2022/kirbydesign-designsystem-helpers-scss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-helpers-scss.mjs","sources":["../../helpers/scss/src/scss-helper.ts","../../helpers/scss/src/kirbydesign-designsystem-helpers-scss.ts"],"sourcesContent":["// TODO TRM/JEO Parse from scss files instead!!1!!\nexport class ScssHelper {\n  // Breakpoints\n  public static BREAKPOINT_SCREEN_L = 720;\n  public static BREAKPOINT_CARD_S = 320;\n  public static BREAKPOINT_CARD_M = 460;\n  public static BREAKPOINT_CARD_L = 820;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"AAAA;MACa,UAAU,CAAA;;aAEP,IAAA,CAAA,mBAAmB,GAAG,GAAG,CAAC;aAC1B,IAAA,CAAA,iBAAiB,GAAG,GAAG,CAAC;aACxB,IAAA,CAAA,iBAAiB,GAAG,GAAG,CAAC;aACxB,IAAA,CAAA,iBAAiB,GAAG,GAAG,CAAC;;;ACNxC;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-helpers-scss.mjs","names":[],"sources":["../../helpers/scss/src/scss-helper.ts"],"sourcesContent":["// TODO TRM/JEO Parse from scss files instead!!1!!\nexport class ScssHelper {\n  // Breakpoints\n  public static BREAKPOINT_SCREEN_L = 720;\n  public static BREAKPOINT_CARD_S = 320;\n  public static BREAKPOINT_CARD_M = 460;\n  public static BREAKPOINT_CARD_L = 820;\n}\n"],"mappings":"AACA,IAAa,aAAb,MAAuB;CAEP;EAAA,KAAA,sBAAsB;CAAI;CAC1B;EAAA,KAAA,oBAAoB;CAAI;CACxB;EAAA,KAAA,oBAAoB;CAAI;CACxB;EAAA,KAAA,oBAAoB;CAAI"}