@ng-atomic/components 0.0.1 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ng-atomic-components-frames-auto-layout.umd.js +1 -1
- package/bundles/ng-atomic-components-frames-auto-layout.umd.min.js +1 -1
- package/bundles/ng-atomic-components-frames-card.umd.js +1 -1
- package/bundles/ng-atomic-components-frames-card.umd.min.js +1 -1
- package/bundles/ng-atomic-components-frames-card.umd.min.js.map +1 -1
- package/bundles/ng-atomic-components-frames-line-up.umd.js +1 -1
- package/bundles/ng-atomic-components-frames-line-up.umd.min.js +1 -1
- package/bundles/ng-atomic-components-frames-overlay.umd.js +1 -1
- package/bundles/ng-atomic-components-frames-overlay.umd.min.js +1 -1
- package/bundles/ng-atomic-components-frames-scroll.umd.js +1 -1
- package/bundles/ng-atomic-components-frames-scroll.umd.min.js +1 -1
- package/bundles/ng-atomic-components-molecules-select-input-field.umd.js +1 -1
- package/bundles/ng-atomic-components-molecules-select-input-field.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-action-buttons-section.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-action-buttons-section.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-back-navigator.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-back-navigator.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-back-navigator.umd.min.js.map +1 -1
- package/bundles/ng-atomic-components-organisms-date-input-section.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-date-input-section.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-heading.umd.js +9 -6
- package/bundles/ng-atomic-components-organisms-heading.umd.js.map +1 -1
- package/bundles/ng-atomic-components-organisms-heading.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-heading.umd.min.js.map +1 -1
- package/bundles/ng-atomic-components-organisms-input-field-section.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-input-field-section.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-menu.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-menu.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-select-input-section.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-select-input-section.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-smart-table.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-smart-table.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-social-login-section.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-social-login-section.umd.min.js +1 -1
- package/bundles/ng-atomic-components-organisms-top-navigator.umd.js +1 -1
- package/bundles/ng-atomic-components-organisms-top-navigator.umd.min.js +1 -1
- package/bundles/ng-atomic-components-templates-entrance.umd.js +4 -1
- package/bundles/ng-atomic-components-templates-entrance.umd.js.map +1 -1
- package/bundles/ng-atomic-components-templates-entrance.umd.min.js +1 -1
- package/bundles/ng-atomic-components-templates-entrance.umd.min.js.map +1 -1
- package/bundles/ng-atomic-components-templates-smart-crud.umd.js +1 -1
- package/bundles/ng-atomic-components-templates-smart-crud.umd.min.js +1 -1
- package/bundles/ng-atomic-components-templates-smart-index.umd.js +6 -1
- package/bundles/ng-atomic-components-templates-smart-index.umd.js.map +1 -1
- package/bundles/ng-atomic-components-templates-smart-index.umd.min.js +1 -1
- package/bundles/ng-atomic-components-templates-smart-index.umd.min.js.map +1 -1
- package/esm2015/frames/auto-layout/auto-layout.frame.js +1 -1
- package/esm2015/frames/card/card.frame.js +1 -1
- package/esm2015/frames/line-up/line-up.frame.js +1 -1
- package/esm2015/frames/overlay/overlay.frame.js +1 -1
- package/esm2015/frames/scroll/scroll.frame.js +1 -1
- package/esm2015/molecules/select-input-field/select-input-field.molecule.js +1 -1
- package/esm2015/organisms/action-buttons-section/action-buttons-section.organism.js +1 -1
- package/esm2015/organisms/back-navigator/back-navigator.organism.js +1 -1
- package/esm2015/organisms/date-input-section/date-input-section.organism.js +1 -1
- package/esm2015/organisms/heading/heading.organism.js +9 -3
- package/esm2015/organisms/heading/heading.organism.js.map +1 -1
- package/esm2015/organisms/input-field-section/input-field-section.organism.js +1 -1
- package/esm2015/organisms/menu/menu.organism.js +1 -1
- package/esm2015/organisms/select-input-section/select-input-section.organism.js +1 -1
- package/esm2015/organisms/smart-table/smart-table.organism.js +1 -1
- package/esm2015/organisms/social-login-section/social-login-section.organism.js +1 -1
- package/esm2015/organisms/top-navigator/top-navigator.organism.js +1 -1
- package/esm2015/templates/entrance/entrance.template.js +4 -1
- package/esm2015/templates/entrance/entrance.template.js.map +1 -1
- package/esm2015/templates/smart-crud/smart-crud.template.js +1 -1
- package/esm2015/templates/smart-index/smart-index.template.js +6 -1
- package/esm2015/templates/smart-index/smart-index.template.js.map +1 -1
- package/fesm2015/ng-atomic-components-frames-auto-layout.js +1 -1
- package/fesm2015/ng-atomic-components-frames-card.js +1 -1
- package/fesm2015/ng-atomic-components-frames-line-up.js +1 -1
- package/fesm2015/ng-atomic-components-frames-overlay.js +1 -1
- package/fesm2015/ng-atomic-components-frames-scroll.js +1 -1
- package/fesm2015/ng-atomic-components-molecules-select-input-field.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-back-navigator.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-date-input-section.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-heading.js +9 -4
- package/fesm2015/ng-atomic-components-organisms-heading.js.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-input-field-section.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-menu.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-select-input-section.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-smart-table.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-social-login-section.js +1 -1
- package/fesm2015/ng-atomic-components-organisms-top-navigator.js +1 -1
- package/fesm2015/ng-atomic-components-templates-entrance.js +4 -1
- package/fesm2015/ng-atomic-components-templates-entrance.js.map +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-crud.js +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.js +6 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.js.map +1 -1
- package/organisms/heading/heading.organism.d.ts +2 -1
- package/package.json +3 -8
- package/templates/entrance/entrance.template.d.ts +2 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("@ngneat/reactive-forms")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/input-field-section",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","@ngneat/reactive-forms"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.organisms=e["ng-atomic"].components.organisms||{},e["ng-atomic"].components.organisms["input-field-section"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.reactiveForms)}(this,(function(e,t,o,n,a,
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("@ngneat/reactive-forms")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/input-field-section",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","@ngneat/reactive-forms"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.organisms=e["ng-atomic"].components.organisms||{},e["ng-atomic"].components.organisms["input-field-section"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.reactiveForms)}(this,(function(e,t,o,n,r,a,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=l(t),c=function(){this.label="",this.placeholder="",this.control=new i.FormControl("")};c.ɵfac=function(e){return new(e||c)},c.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:c,selector:"organisms-input-field-section",inputs:{label:"label",placeholder:"placeholder",control:"control"},host:{classAttribute:"organism section"},ngImport:s,template:'<mat-form-field appearance="outline">\n <mat-label>{{ label }}</mat-label>\n <input matInput [formControl]="control" [placeholder]="placeholder">\n \x3c!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> --\x3e\n <mat-hint>Hint</mat-hint>\n</mat-form-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-input-field-section-rNyK:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-rNyK);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"],directives:[{type:r.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:r.MatLabel,selector:"mat-label"},{type:a.MatInput,selector:"input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]",inputs:["id","disabled","required","type","value","readonly","placeholder","errorStateMatcher","aria-describedby"],exportAs:["matInput"]},{type:n.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:n.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:n.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:r.MatHint,selector:"mat-hint",inputs:["align","id"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.Component,args:[{selector:"organisms-input-field-section",templateUrl:"./input-field-section.organism.html",styleUrls:["./input-field-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism section"}}]}],null,{label:[{type:t.Input}],placeholder:[{type:t.Input}],control:[{type:t.Input}]});var m=function(){};m.ɵfac=function(e){return new(e||m)},m.ɵmod=t.ɵɵdefineNgModule({type:m}),m.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.ReactiveFormsModule,r.MatFormFieldModule,a.MatInputModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(m,{declarations:[c],imports:[o.CommonModule,n.ReactiveFormsModule,r.MatFormFieldModule,a.MatInputModule],exports:[c]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[c],imports:[o.CommonModule,n.ReactiveFormsModule,r.MatFormFieldModule,a.MatInputModule],exports:[c]}]}],null,null),e.InputFieldSectionModule=m,e.InputFieldSectionOrganism=c,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=ng-atomic-components-organisms-input-field-section.umd.min.js.map
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
return MenuOrganism;
|
|
35
35
|
}());
|
|
36
36
|
MenuOrganism.ɵfac = function MenuOrganism_Factory(t) { return new (t || MenuOrganism)(); };
|
|
37
|
-
MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0__namespace, template: "<mat-list>\n <mat-list-item (click)=\"actionItemClick.emit([item])\" *ngFor=\"let item of actionItems\">\n <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n <div mat-line>{{item.name}}</div>\n </mat-list-item>\n</mat-list>\n", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-
|
|
37
|
+
MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0__namespace, template: "<mat-list>\n <mat-list-item (click)=\"actionItemClick.emit([item])\" *ngFor=\"let item of actionItems\">\n <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n <div mat-line>{{item.name}}</div>\n </mat-list-item>\n</mat-list>\n", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-MZRE:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-MZRE:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-MZRE:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-MZRE);color:var(--color-SCOPED-IN-menu-MZRE)}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-MZRE);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: i1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
38
|
(function () {
|
|
39
39
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuOrganism, [{
|
|
40
40
|
type: i0.Component,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/list"),require("@angular/material/icon"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/menu",["exports","@angular/core","@angular/common","@angular/material/list","@angular/material/icon","@angular/material/core"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms.menu={}),t.ng.core,t.ng.common,t.ng.material.list,t.ng.material.icon,t.ng.material.core)}(this,(function(t,e,n,o,i,a){"use strict";function r(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=r(e),s=function(){this.actionItems=[],this.actionItemClick=new e.EventEmitter};s.ɵfac=function(t){return new(t||s)},s.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-menu",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},ngImport:m,template:'<mat-list>\n <mat-list-item (click)="actionItemClick.emit([item])" *ngFor="let item of actionItems">\n <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n <div mat-line>{{item.name}}</div>\n </mat-list-item>\n</mat-list>\n',styles:[":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/list"),require("@angular/material/icon"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/menu",["exports","@angular/core","@angular/common","@angular/material/list","@angular/material/icon","@angular/material/core"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms.menu={}),t.ng.core,t.ng.common,t.ng.material.list,t.ng.material.icon,t.ng.material.core)}(this,(function(t,e,n,o,i,a){"use strict";function r(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=r(e),s=function(){this.actionItems=[],this.actionItemClick=new e.EventEmitter};s.ɵfac=function(t){return new(t||s)},s.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-menu",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},ngImport:m,template:'<mat-list>\n <mat-list-item (click)="actionItemClick.emit([item])" *ngFor="let item of actionItems">\n <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n <div mat-line>{{item.name}}</div>\n </mat-list-item>\n</mat-list>\n',styles:[":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-MZRE:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-MZRE:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-MZRE:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-MZRE);color:var(--color-SCOPED-IN-menu-MZRE)}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-MZRE);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"],directives:[{type:o.MatList,selector:"mat-list, mat-action-list",inputs:["disableRipple","disabled"],exportAs:["matList"]},{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.MatListItem,selector:"mat-list-item, a[mat-list-item], button[mat-list-item]",inputs:["disableRipple","disabled"],exportAs:["matListItem"]},{type:i.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:o.MatListIconCssMatStyler,selector:"[mat-list-icon], [matListIcon]"},{type:a.MatLine,selector:"[mat-line], [matLine]"}],changeDetection:e.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(s,[{type:e.Component,args:[{selector:"organisms-menu",templateUrl:"./menu.organism.html",styleUrls:["./menu.organism.scss"],changeDetection:e.ChangeDetectionStrategy.OnPush}]}],null,{actionItems:[{type:e.Input}],actionItemClick:[{type:e.Output}]});var l=function(){};l.ɵfac=function(t){return new(t||l)},l.ɵmod=e.ɵɵdefineNgModule({type:l}),l.ɵinj=e.ɵɵdefineInjector({imports:[[n.CommonModule,o.MatListModule,i.MatIconModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&e.ɵɵsetNgModuleScope(l,{declarations:[s],imports:[n.CommonModule,o.MatListModule,i.MatIconModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(l,[{type:e.NgModule,args:[{declarations:[s],imports:[n.CommonModule,o.MatListModule,i.MatIconModule],exports:[s]}]}],null,null),t.MenuModule=l,t.MenuOrganism=s,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=ng-atomic-components-organisms-menu.umd.min.js.map
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
return SelectInputSectionOrganism;
|
|
36
36
|
}());
|
|
37
37
|
SelectInputSectionOrganism.ɵfac = function SelectInputSectionOrganism_Factory(t) { return new (t || SelectInputSectionOrganism)(); };
|
|
38
|
-
SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0__namespace, template: "<molecules-select-input-field\n [label]=\"label\"\n [control]=\"control\"\n [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
38
|
+
SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0__namespace, template: "<molecules-select-input-field\n [label]=\"label\"\n [control]=\"control\"\n [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-983X:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-983X);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
39
|
(function () {
|
|
40
40
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputSectionOrganism, [{
|
|
41
41
|
type: i0.Component,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ngneat/reactive-forms"),require("@ng-atomic/components/molecules/select-input-field")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/select-input-section",["exports","@angular/core","@angular/common","@ngneat/reactive-forms","@ng-atomic/components/molecules/select-input-field"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.organisms=e["ng-atomic"].components.organisms||{},e["ng-atomic"].components.organisms["select-input-section"]={}),e.ng.core,e.ng.common,e.reactiveForms,e["ng-atomic"].components.molecules["select-input-field"])}(this,(function(e,t,n,o,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=l(t),s=function(){this.label="",this.control=new o.FormControl,this.options=[]};s.ɵfac=function(e){return new(e||s)},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-select-input-section",inputs:{label:"label",control:"control",options:"options"},ngImport:c,template:'<molecules-select-input-field\n [label]="label"\n [control]="control"\n [options]="options"\n></molecules-select-input-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ngneat/reactive-forms"),require("@ng-atomic/components/molecules/select-input-field")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/select-input-section",["exports","@angular/core","@angular/common","@ngneat/reactive-forms","@ng-atomic/components/molecules/select-input-field"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.organisms=e["ng-atomic"].components.organisms||{},e["ng-atomic"].components.organisms["select-input-section"]={}),e.ng.core,e.ng.common,e.reactiveForms,e["ng-atomic"].components.molecules["select-input-field"])}(this,(function(e,t,n,o,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=l(t),s=function(){this.label="",this.control=new o.FormControl,this.options=[]};s.ɵfac=function(e){return new(e||s)},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-select-input-section",inputs:{label:"label",control:"control",options:"options"},ngImport:c,template:'<molecules-select-input-field\n [label]="label"\n [control]="control"\n [options]="options"\n></molecules-select-input-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-983X:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-983X);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"],directives:[{type:i.SelectInputFieldMolecule,selector:"molecules-select-input-field",inputs:["label","control","options"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.Component,args:[{selector:"organisms-select-input-section",templateUrl:"./select-input-section.organism.html",styleUrls:["./select-input-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{label:[{type:t.Input}],control:[{type:t.Input}],options:[{type:t.Input}]});var r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵmod=t.ɵɵdefineNgModule({type:r}),r.ɵinj=t.ɵɵdefineInjector({imports:[[n.CommonModule,i.SelectInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(r,{declarations:[s],imports:[n.CommonModule,i.SelectInputFieldModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.NgModule,args:[{declarations:[s],imports:[n.CommonModule,i.SelectInputFieldModule],exports:[s]}]}],null,null),e.SelectInputSectionModule=r,e.SelectInputSectionOrganism=s,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=ng-atomic-components-organisms-select-input-section.umd.min.js.map
|
|
@@ -367,7 +367,7 @@
|
|
|
367
367
|
return SmartTableOrganism;
|
|
368
368
|
}());
|
|
369
369
|
SmartTableOrganism.ɵfac = function SmartTableOrganism_Factory(t) { return new (t || SmartTableOrganism)(); };
|
|
370
|
-
SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet" }, outputs: { actionItemClick: "actionItemClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0__namespace, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n <molecules-checkbox-column\n *ngSwitchCase=\"'__checkbox'\"\n name=\"__checkbox\"\n [selectedIdSet]=\"selectedIdSet\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></molecules-checkbox-column>\n <molecules-actions-column \n *ngSwitchCase=\"'__actions'\" \n name=\"__actions\" \n [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></molecules-actions-column>\n <molecules-smart-column *ngSwitchDefault [name]=\"name\" [headerText]=\"name | D\"></molecules-smart-column>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width:100%;--width-SCOPED-IN-smart-table-
|
|
370
|
+
SmartTableOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet" }, outputs: { actionItemClick: "actionItemClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0__namespace, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n <molecules-checkbox-column\n *ngSwitchCase=\"'__checkbox'\"\n name=\"__checkbox\"\n [selectedIdSet]=\"selectedIdSet\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></molecules-checkbox-column>\n <molecules-actions-column \n *ngSwitchCase=\"'__actions'\" \n name=\"__actions\" \n [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></molecules-actions-column>\n <molecules-smart-column *ngSwitchDefault [name]=\"name\" [headerText]=\"name | D\"></molecules-smart-column>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width:100%;--width-SCOPED-IN-smart-table-folB:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-folB:var(--cell);display:block;position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width) - var(--cell) * 4);height:3em;padding-left:calc(var(--cell) * 2);padding-right:calc(var(--cell) * 2)}"], directives: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: i4.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.SmartColumnMolecule, selector: "molecules-smart-column" }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": i6.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
371
371
|
(function () {
|
|
372
372
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartTableOrganism, [{
|
|
373
373
|
type: i0.Component,
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */Object.create;function g(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,a,l=o.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(n=l.next()).done;)c.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(o=l.return)&&o.call(l)}finally{if(a)throw a.error}}return c}Object.create;var h=function(){function e(){this.columns=[],this.items=[],this.patientsSize=0,this.pageSize=0,this.actionItems=[],this.selectedIdSet=new Set,this.actionItemClick=new t.EventEmitter,this.checkboxClick=new t.EventEmitter,this.pageChange=new t.EventEmitter,this.itemCheck=new t.EventEmitter}return Object.defineProperty(e.prototype,"displayedColumns",{get:function(){return function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}(this.columns)},enumerable:!1,configurable:!0}),e}();h.ɵfac=function(e){return new(e||h)},h.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:h,selector:"organisms-smart-table",inputs:{columns:"columns",items:"items",patientsSize:"patientsSize",pageSize:"pageSize",actionItems:"actionItems",selectedIdSet:"selectedIdSet"},outputs:{actionItemClick:"actionItemClick",checkboxClick:"checkboxClick",pageChange:"pageChange",itemCheck:"itemCheck"},host:{classAttribute:"organism"},ngImport:d,template:'<table mat-table [dataSource]="items" matSort matSortDisableClear matSortDirection="desc">\n <ng-container *ngFor="let name of displayedColumns" [ngSwitch]="name">\n <molecules-checkbox-column\n *ngSwitchCase="\'__checkbox\'"\n name="__checkbox"\n [selectedIdSet]="selectedIdSet"\n (checkboxClick)="checkboxClick.emit($event)"\n ></molecules-checkbox-column>\n <molecules-actions-column \n *ngSwitchCase="\'__actions\'" \n name="__actions" \n [actionItems]="actionItems"\n (actionItemClick)="actionItemClick.emit($event)"\n ></molecules-actions-column>\n <molecules-smart-column *ngSwitchDefault [name]="name" [headerText]="name | D"></molecules-smart-column>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>\n <tr mat-row *matRowDef="let item; columns: displayedColumns;"></tr>\n</table>\n<div *ngIf="!items?.length" class="no-data-message">データがありません。</div>',styles:[":host{--width:100%;--width-SCOPED-IN-smart-table-
|
|
15
|
+
***************************************************************************** */Object.create;function g(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,a,l=o.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(n=l.next()).done;)c.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(o=l.return)&&o.call(l)}finally{if(a)throw a.error}}return c}Object.create;var h=function(){function e(){this.columns=[],this.items=[],this.patientsSize=0,this.pageSize=0,this.actionItems=[],this.selectedIdSet=new Set,this.actionItemClick=new t.EventEmitter,this.checkboxClick=new t.EventEmitter,this.pageChange=new t.EventEmitter,this.itemCheck=new t.EventEmitter}return Object.defineProperty(e.prototype,"displayedColumns",{get:function(){return function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}(this.columns)},enumerable:!1,configurable:!0}),e}();h.ɵfac=function(e){return new(e||h)},h.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:h,selector:"organisms-smart-table",inputs:{columns:"columns",items:"items",patientsSize:"patientsSize",pageSize:"pageSize",actionItems:"actionItems",selectedIdSet:"selectedIdSet"},outputs:{actionItemClick:"actionItemClick",checkboxClick:"checkboxClick",pageChange:"pageChange",itemCheck:"itemCheck"},host:{classAttribute:"organism"},ngImport:d,template:'<table mat-table [dataSource]="items" matSort matSortDisableClear matSortDirection="desc">\n <ng-container *ngFor="let name of displayedColumns" [ngSwitch]="name">\n <molecules-checkbox-column\n *ngSwitchCase="\'__checkbox\'"\n name="__checkbox"\n [selectedIdSet]="selectedIdSet"\n (checkboxClick)="checkboxClick.emit($event)"\n ></molecules-checkbox-column>\n <molecules-actions-column \n *ngSwitchCase="\'__actions\'" \n name="__actions" \n [actionItems]="actionItems"\n (actionItemClick)="actionItemClick.emit($event)"\n ></molecules-actions-column>\n <molecules-smart-column *ngSwitchDefault [name]="name" [headerText]="name | D"></molecules-smart-column>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>\n <tr mat-row *matRowDef="let item; columns: displayedColumns;"></tr>\n</table>\n<div *ngIf="!items?.length" class="no-data-message">データがありません。</div>',styles:[":host{--width:100%;--width-SCOPED-IN-smart-table-folB:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-folB:var(--cell);display:block;position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width) - var(--cell) * 4);height:3em;padding-left:calc(var(--cell) * 2);padding-right:calc(var(--cell) * 2)}"],directives:[{type:n.MatTable,selector:"mat-table, table[mat-table]",exportAs:["matTable"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:o.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:m.CheckboxColumnMolecule,selector:"molecules-checkbox-column",inputs:["name","selectedIdSet"],outputs:["checkboxClick"]},{type:r.ActionsColumnMolecule,selector:"molecules-actions-column",inputs:["name","actionItems"],outputs:["actionItemClick"]},{type:o.NgSwitchDefault,selector:"[ngSwitchDefault]"},{type:s.SmartColumnMolecule,selector:"molecules-smart-column"},{type:n.MatHeaderRowDef,selector:"[matHeaderRowDef]",inputs:["matHeaderRowDef","matHeaderRowDefSticky"]},{type:n.MatHeaderRow,selector:"mat-header-row, tr[mat-header-row]",exportAs:["matHeaderRow"]},{type:n.MatRowDef,selector:"[matRowDef]",inputs:["matRowDefColumns","matRowDefWhen"]},{type:n.MatRow,selector:"mat-row, tr[mat-row]",exportAs:["matRow"]},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}],pipes:{D:u.DomainPipe},changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(h,[{type:t.Component,args:[{selector:"organisms-smart-table",templateUrl:"./smart-table.organism.html",styleUrls:["./smart-table.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism"}}]}],null,{columns:[{type:t.Input}],items:[{type:t.Input}],patientsSize:[{type:t.Input}],pageSize:[{type:t.Input}],actionItems:[{type:t.Input}],selectedIdSet:[{type:t.Input}],actionItemClick:[{type:t.Output}],checkboxClick:[{type:t.Output}],pageChange:[{type:t.Output}],itemCheck:[{type:t.Output}]});var f=function(){};f.ɵfac=function(e){return new(e||f)},f.ɵmod=t.ɵɵdefineNgModule({type:f}),f.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(f,{declarations:[h],imports:[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule],exports:[h]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(f,[{type:t.NgModule,args:[{declarations:[h],imports:[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule],exports:[h]}]}],null,null),e.SmartTableModule=f,e.SmartTableOrganism=h,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=ng-atomic-components-organisms-smart-table.umd.min.js.map
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
return SocialLoginSectionOrganism;
|
|
34
34
|
}());
|
|
35
35
|
SocialLoginSectionOrganism.ɵfac = function SocialLoginSectionOrganism_Factory(t) { return new (t || SocialLoginSectionOrganism)(); };
|
|
36
|
-
SocialLoginSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0__namespace, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-
|
|
36
|
+
SocialLoginSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0__namespace, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-Ujq5:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Ujq5);box-sizing:border-box}:host button{width:100%;height:56px}"], directives: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
37
|
(function () {
|
|
38
38
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SocialLoginSectionOrganism, [{
|
|
39
39
|
type: i0.Component,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/social-login-section",["exports","@angular/core","@angular/common","@angular/material/button"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["social-login-section"]={}),t.ng.core,t.ng.common,t.ng.material.button)}(this,(function(t,o,n,e){"use strict";function i(t){if(t&&t.__esModule)return t;var o=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,e.get?e:{enumerable:!0,get:function(){return t[n]}})}})),o.default=t,Object.freeze(o)}var a=i(o),r=function(){this.signInWithGoogleButtonClick=new o.EventEmitter};r.ɵfac=function(t){return new(t||r)},r.ɵcmp=o.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"organisms-social-login-section",outputs:{signInWithGoogleButtonClick:"signInWithGoogleButtonClick"},ngImport:a,template:'<button \n mat-raised-button \n color="primary" \n (click)="signInWithGoogleButtonClick.emit()"\n>Googleアカウントでログイン</button>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-
|
|
1
|
+
!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/social-login-section",["exports","@angular/core","@angular/common","@angular/material/button"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["social-login-section"]={}),t.ng.core,t.ng.common,t.ng.material.button)}(this,(function(t,o,n,e){"use strict";function i(t){if(t&&t.__esModule)return t;var o=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,e.get?e:{enumerable:!0,get:function(){return t[n]}})}})),o.default=t,Object.freeze(o)}var a=i(o),r=function(){this.signInWithGoogleButtonClick=new o.EventEmitter};r.ɵfac=function(t){return new(t||r)},r.ɵcmp=o.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"organisms-social-login-section",outputs:{signInWithGoogleButtonClick:"signInWithGoogleButtonClick"},ngImport:a,template:'<button \n mat-raised-button \n color="primary" \n (click)="signInWithGoogleButtonClick.emit()"\n>Googleアカウントでログイン</button>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-Ujq5:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Ujq5);box-sizing:border-box}:host button{width:100%;height:56px}"],directives:[{type:e.MatButton,selector:"button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]",inputs:["disabled","disableRipple","color"],exportAs:["matButton"]}],changeDetection:o.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(r,[{type:o.Component,args:[{selector:"organisms-social-login-section",templateUrl:"./social-login-section.organism.html",styleUrls:["./social-login-section.organism.scss"],changeDetection:o.ChangeDetectionStrategy.OnPush}]}],null,{signInWithGoogleButtonClick:[{type:o.Output}]});var s=function(){};s.ɵfac=function(t){return new(t||s)},s.ɵmod=o.ɵɵdefineNgModule({type:s}),s.ɵinj=o.ɵɵdefineInjector({imports:[[n.CommonModule,e.MatButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&o.ɵɵsetNgModuleScope(s,{declarations:[r],imports:[n.CommonModule,e.MatButtonModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(s,[{type:o.NgModule,args:[{declarations:[r],imports:[n.CommonModule,e.MatButtonModule],exports:[r]}]}],null,null),t.SocialLoginSectionModule=s,t.SocialLoginSectionOrganism=r,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=ng-atomic-components-organisms-social-login-section.umd.min.js.map
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
return TopNavigatorOrganism;
|
|
36
36
|
}());
|
|
37
37
|
TopNavigatorOrganism.ɵfac = function TopNavigatorOrganism_Factory(t) { return new (t || TopNavigatorOrganism)(); };
|
|
38
|
-
TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", menuItems: "menuItems" }, outputs: { menuItemClick: "menuItemClick" }, ngImport: i0__namespace, template: "<mat-toolbar color=\"primary\">\n <div class=\"title-container\">\n {{ title || '' }}\n </div>\n <div>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"menuItems.length\">\n <mat-icon>menu</mat-icon>\n </button>\n </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n <button \n *ngFor=\"let item of menuItems; trackBy:id\"\n mat-menu-item \n (click)=\"menuItemClick.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-
|
|
38
|
+
TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", menuItems: "menuItems" }, outputs: { menuItemClick: "menuItemClick" }, ngImport: i0__namespace, template: "<mat-toolbar color=\"primary\">\n <div class=\"title-container\">\n {{ title || '' }}\n </div>\n <div>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"menuItems.length\">\n <mat-icon>menu</mat-icon>\n </button>\n </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n <button \n *ngFor=\"let item of menuItems; trackBy:id\"\n mat-menu-item \n (click)=\"menuItemClick.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-cJdA:var(--primary-500);width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-cJdA);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}"], directives: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
39
|
(function () {
|
|
40
40
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopNavigatorOrganism, [{
|
|
41
41
|
type: i0.Component,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/toolbar"),require("@angular/material/button"),require("@angular/material/menu"),require("@angular/material/icon")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/top-navigator",["exports","@angular/core","@angular/common","@angular/material/toolbar","@angular/material/button","@angular/material/menu","@angular/material/icon"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["top-navigator"]={}),t.ng.core,t.ng.common,t.ng.material.toolbar,t.ng.material.button,t.ng.material.menu,t.ng.material.icon)}(this,(function(t,e,n,o,a,r,i){"use strict";function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=u(e),l=function(){this.menuItems=[],this.menuItemClick=new e.EventEmitter,this.id=function(t){return t.id}};l.ɵfac=function(t){return new(t||l)},l.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:l,selector:"organisms-top-navigator",inputs:{title:"title",menuItems:"menuItems"},outputs:{menuItemClick:"menuItemClick"},ngImport:m,template:'<mat-toolbar color="primary">\n <div class="title-container">\n {{ title || \'\' }}\n </div>\n <div>\n <button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="menuItems.length">\n <mat-icon>menu</mat-icon>\n </button>\n </div>\n</mat-toolbar>\n\n<mat-menu #menu="matMenu">\n <button \n *ngFor="let item of menuItems; trackBy:id"\n mat-menu-item \n (click)="menuItemClick.emit(item)"\n >{{ item.name }}</button>\n</mat-menu>',styles:[":host{display:block;--primary-500-SCOPED-IN-top-navigator-
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/toolbar"),require("@angular/material/button"),require("@angular/material/menu"),require("@angular/material/icon")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/top-navigator",["exports","@angular/core","@angular/common","@angular/material/toolbar","@angular/material/button","@angular/material/menu","@angular/material/icon"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["top-navigator"]={}),t.ng.core,t.ng.common,t.ng.material.toolbar,t.ng.material.button,t.ng.material.menu,t.ng.material.icon)}(this,(function(t,e,n,o,a,r,i){"use strict";function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var m=u(e),l=function(){this.menuItems=[],this.menuItemClick=new e.EventEmitter,this.id=function(t){return t.id}};l.ɵfac=function(t){return new(t||l)},l.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:l,selector:"organisms-top-navigator",inputs:{title:"title",menuItems:"menuItems"},outputs:{menuItemClick:"menuItemClick"},ngImport:m,template:'<mat-toolbar color="primary">\n <div class="title-container">\n {{ title || \'\' }}\n </div>\n <div>\n <button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="menuItems.length">\n <mat-icon>menu</mat-icon>\n </button>\n </div>\n</mat-toolbar>\n\n<mat-menu #menu="matMenu">\n <button \n *ngFor="let item of menuItems; trackBy:id"\n mat-menu-item \n (click)="menuItemClick.emit(item)"\n >{{ item.name }}</button>\n</mat-menu>',styles:[":host{display:block;--primary-500-SCOPED-IN-top-navigator-cJdA:var(--primary-500);width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-cJdA);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}"],directives:[{type:o.MatToolbar,selector:"mat-toolbar",inputs:["color"],exportAs:["matToolbar"]},{type:n.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.MatButton,selector:"button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]",inputs:["disabled","disableRipple","color"],exportAs:["matButton"]},{type:r.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:i.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:r.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:r.MatMenuItem,selector:"[mat-menu-item]",inputs:["disabled","disableRipple","role"],exportAs:["matMenuItem"]}],changeDetection:e.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(l,[{type:e.Component,args:[{selector:"organisms-top-navigator",templateUrl:"./top-navigator.organism.html",styleUrls:["./top-navigator.organism.scss"],changeDetection:e.ChangeDetectionStrategy.OnPush}]}],null,{title:[{type:e.Input}],menuItems:[{type:e.Input}],menuItemClick:[{type:e.Output}]});var s=function(){};s.ɵfac=function(t){return new(t||s)},s.ɵmod=e.ɵɵdefineNgModule({type:s}),s.ɵinj=e.ɵɵdefineInjector({imports:[[n.CommonModule,a.MatButtonModule,i.MatIconModule,o.MatToolbarModule,r.MatMenuModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&e.ɵɵsetNgModuleScope(s,{declarations:[l],imports:[n.CommonModule,a.MatButtonModule,i.MatIconModule,o.MatToolbarModule,r.MatMenuModule],exports:[l]}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(s,[{type:e.NgModule,args:[{declarations:[l],imports:[n.CommonModule,a.MatButtonModule,i.MatIconModule,o.MatToolbarModule,r.MatMenuModule],exports:[l]}]}],null,null),t.TopNavigatorModule=s,t.TopNavigatorOrganism=l,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=ng-atomic-components-organisms-top-navigator.umd.min.js.map
|
|
@@ -30,12 +30,13 @@
|
|
|
30
30
|
function EntranceTemplate() {
|
|
31
31
|
this.isEmailSectionShown = true;
|
|
32
32
|
this.isPasswordSectionShown = true;
|
|
33
|
+
this.submitButtonClick = new i0.EventEmitter();
|
|
33
34
|
this.signInWithGoogleButtonClick = new i0.EventEmitter();
|
|
34
35
|
}
|
|
35
36
|
return EntranceTemplate;
|
|
36
37
|
}());
|
|
37
38
|
EntranceTemplate.ɵfac = function EntranceTemplate_Factory(t) { return new (t || EntranceTemplate)(); };
|
|
38
|
-
EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: EntranceTemplate, selector: "templates-entrance", inputs: { isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown" }, outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0__namespace, template: "<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n <organisms-input-field-section\n *ngIf=\"isEmailSectionShown\"\n label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n ></organisms-input-field-section>\n <organisms-input-field-section\n *ngIf=\"isPasswordSectionShown\"\n label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n ></organisms-input-field-section>\n <organisms-action-buttons-section></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-section>\n </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding:64px;--horizontal-padding-SCOPED-IN-entrance-
|
|
39
|
+
EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: EntranceTemplate, selector: "templates-entrance", inputs: { isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0__namespace, template: "<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n <organisms-input-field-section\n *ngIf=\"isEmailSectionShown\"\n label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n ></organisms-input-field-section>\n <organisms-input-field-section\n *ngIf=\"isPasswordSectionShown\"\n label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n ></organisms-input-field-section>\n <organisms-action-buttons-section></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-section>\n </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding:64px;--horizontal-padding-SCOPED-IN-entrance-4DTH:var(--horizontal-padding);--background-color:#eee;--background-color-SCOPED-IN-entrance-4DTH:var(--background-color);display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-4DTH);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding:var(--horizontal-padding-SCOPED-IN-entrance-4DTH)}"], directives: [{ type: i1.CardFrame, selector: "frames-card" }, { type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i3.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "control"] }, { type: i6.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: i7.SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
40
|
(function () {
|
|
40
41
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntranceTemplate, [{
|
|
41
42
|
type: i0.Component,
|
|
@@ -49,6 +50,8 @@
|
|
|
49
50
|
type: i0.Input
|
|
50
51
|
}], isPasswordSectionShown: [{
|
|
51
52
|
type: i0.Input
|
|
53
|
+
}], submitButtonClick: [{
|
|
54
|
+
type: i0.Output
|
|
52
55
|
}], signInWithGoogleButtonClick: [{
|
|
53
56
|
type: i0.Output
|
|
54
57
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-templates-entrance.umd.js","sources":["../../../../libs/components/templates/entrance/entrance.template.ts","../../../../libs/components/templates/entrance/entrance.template.html","../../../../libs/components/templates/entrance/entrance.module.ts","../../../../libs/components/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'templates-entrance',\n templateUrl: './entrance.template.html',\n styleUrls: ['./entrance.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n @Input()\n isEmailSectionShown = true;\n\n @Input()\n isPasswordSectionShown = true;\n\n @Output()\n signInWithGoogleButtonClick = new EventEmitter<void>();\n}\n","<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>ログイン</organisms-heading>\n <organisms-input-field-section\n *ngIf=\"isEmailSectionShown\"\n label=\"メールアドレス\"\n ></organisms-input-field-section>\n <organisms-input-field-section\n *ngIf=\"isPasswordSectionShown\"\n label=\"パスワード\"\n ></organisms-input-field-section>\n <organisms-action-buttons-section></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-section>\n </frames-auto-layout>\n</frames-card>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { InputFieldSectionModule } from '@ng-atomic/components/organisms/input-field-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n declarations: [\n EntranceTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n CardModule,\n // Organisms\n ActionButtonsSectionModule,\n HeadingModule,\n InputFieldSectionModule,\n SocialLoginSectionModule,\n ],\n exports: [\n EntranceTemplate\n ]\n})\nexport class EntranceModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","AutoLayoutModule","CardModule","ActionButtonsSectionModule","HeadingModule","InputFieldSectionModule","SocialLoginSectionModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEA;YAQE,wBAAmB,GAAG,IAAI,CAAC;YAG3B,2BAAsB,GAAG,IAAI,CAAC;YAG9B,gCAA2B,GAAG,IAAIA,eAAY,EAAQ,CAAC;SACxD;;;
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-templates-entrance.umd.js","sources":["../../../../libs/components/templates/entrance/entrance.template.ts","../../../../libs/components/templates/entrance/entrance.template.html","../../../../libs/components/templates/entrance/entrance.module.ts","../../../../libs/components/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'templates-entrance',\n templateUrl: './entrance.template.html',\n styleUrls: ['./entrance.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n @Input()\n isEmailSectionShown = true;\n\n @Input()\n isPasswordSectionShown = true;\n\n @Output()\n submitButtonClick = new EventEmitter<void>();\n\n @Output()\n signInWithGoogleButtonClick = new EventEmitter<void>();\n}\n","<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>ログイン</organisms-heading>\n <organisms-input-field-section\n *ngIf=\"isEmailSectionShown\"\n label=\"メールアドレス\"\n ></organisms-input-field-section>\n <organisms-input-field-section\n *ngIf=\"isPasswordSectionShown\"\n label=\"パスワード\"\n ></organisms-input-field-section>\n <organisms-action-buttons-section></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-section>\n </frames-auto-layout>\n</frames-card>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { InputFieldSectionModule } from '@ng-atomic/components/organisms/input-field-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n declarations: [\n EntranceTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n CardModule,\n // Organisms\n ActionButtonsSectionModule,\n HeadingModule,\n InputFieldSectionModule,\n SocialLoginSectionModule,\n ],\n exports: [\n EntranceTemplate\n ]\n})\nexport class EntranceModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","AutoLayoutModule","CardModule","ActionButtonsSectionModule","HeadingModule","InputFieldSectionModule","SocialLoginSectionModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEA;YAQE,wBAAmB,GAAG,IAAI,CAAC;YAG3B,2BAAsB,GAAG,IAAI,CAAC;YAG9B,sBAAiB,GAAG,IAAIA,eAAY,EAAQ,CAAC;YAG7C,gCAA2B,GAAG,IAAIA,eAAY,EAAQ,CAAC;SACxD;;;oFAZY,gBAAgB;gFAAhB,gBAAgB,gSCR7B,mtBAiBA;;gFDTa,gBAAgB;sBAN5BC,YAAS;uBAAC;wBACT,QAAQ,EAAE,oBAAoB;wBAC9B,WAAW,EAAE,0BAA0B;wBACvC,SAAS,EAAE,CAAC,0BAA0B,CAAC;wBACvC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAGC,mBAAmB;0BADlBC,QAAK;oBAIN,sBAAsB;0BADrBA,QAAK;oBAIN,iBAAiB;0BADhBC,SAAM;oBAIP,2BAA2B;0BAD1BA,SAAM;;;;;QEYT;;;;gFAAa,cAAc;sDAAd,cAAc;0DAfhB;gBACPC,eAAY;;gBAEZC,mBAAgB;gBAChBC,aAAU;;gBAEVC,6BAA0B;gBAC1BC,gBAAa;gBACbC,0BAAuB;gBACvBC,2BAAwB;aACzB;;iFAKU,cAAc,mBAjBvB,gBAAgB,aAGhBN,eAAY;;gBAEZC,mBAAgB;gBAChBC,aAAU;;gBAEVC,6BAA0B;gBAC1BC,gBAAa;gBACbC,0BAAuB;gBACvBC,2BAAwB,aAGxB,gBAAgB;;;gFAGP,cAAc;sBAnB1BC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,gBAAgB;yBACjB;wBACD,OAAO,EAAE;4BACPP,eAAY;;4BAEZC,mBAAgB;4BAChBC,aAAU;;4BAEVC,6BAA0B;4BAC1BC,gBAAa;4BACbC,0BAAuB;4BACvBC,2BAAwB;yBACzB;wBACD,OAAO,EAAE;4BACP,gBAAgB;yBACjB;qBACF;;;;IC7BD;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(n,
|
|
1
|
+
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ng-atomic/components/organisms/action-buttons-section"),require("@ng-atomic/components/organisms/heading"),require("@ng-atomic/components/organisms/input-field-section"),require("@ng-atomic/components/organisms/social-login-section"),require("@ng-atomic/components/frames/auto-layout"),require("@ng-atomic/components/frames/card")):"function"==typeof define&&define.amd?define("@ng-atomic/components/templates/entrance",["exports","@angular/core","@angular/common","@ng-atomic/components/organisms/action-buttons-section","@ng-atomic/components/organisms/heading","@ng-atomic/components/organisms/input-field-section","@ng-atomic/components/organisms/social-login-section","@ng-atomic/components/frames/auto-layout","@ng-atomic/components/frames/card"],t):t(((n="undefined"!=typeof globalThis?globalThis:n||self)["ng-atomic"]=n["ng-atomic"]||{},n["ng-atomic"].components=n["ng-atomic"].components||{},n["ng-atomic"].components.templates=n["ng-atomic"].components.templates||{},n["ng-atomic"].components.templates.entrance={}),n.ng.core,n.ng.common,n["ng-atomic"].components.organisms["action-buttons-section"],n["ng-atomic"].components.organisms.heading,n["ng-atomic"].components.organisms["input-field-section"],n["ng-atomic"].components.organisms["social-login-section"],n["ng-atomic"].components.frames["auto-layout"],n["ng-atomic"].components.frames.card)}(this,(function(n,t,o,e,i,s,a,c,r){"use strict";function l(n){if(n&&n.__esModule)return n;var t=Object.create(null);return n&&Object.keys(n).forEach((function(o){if("default"!==o){var e=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(t,o,e.get?e:{enumerable:!0,get:function(){return n[o]}})}})),t.default=n,Object.freeze(t)}var u=l(t),m=function(){this.isEmailSectionShown=!0,this.isPasswordSectionShown=!0,this.submitButtonClick=new t.EventEmitter,this.signInWithGoogleButtonClick=new t.EventEmitter};m.ɵfac=function(n){return new(n||m)},m.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:m,selector:"templates-entrance",inputs:{isEmailSectionShown:"isEmailSectionShown",isPasswordSectionShown:"isPasswordSectionShown"},outputs:{submitButtonClick:"submitButtonClick",signInWithGoogleButtonClick:"signInWithGoogleButtonClick"},ngImport:u,template:'<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>ログイン</organisms-heading>\n <organisms-input-field-section\n *ngIf="isEmailSectionShown"\n label="メールアドレス"\n ></organisms-input-field-section>\n <organisms-input-field-section\n *ngIf="isPasswordSectionShown"\n label="パスワード"\n ></organisms-input-field-section>\n <organisms-action-buttons-section></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)="signInWithGoogleButtonClick.emit()"\n ></organisms-social-login-section>\n </frames-auto-layout>\n</frames-card>\n',styles:[":host{--horizontal-padding:64px;--horizontal-padding-SCOPED-IN-entrance-4DTH:var(--horizontal-padding);--background-color:#eee;--background-color-SCOPED-IN-entrance-4DTH:var(--background-color);display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-4DTH);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding:var(--horizontal-padding-SCOPED-IN-entrance-4DTH)}"],directives:[{type:r.CardFrame,selector:"frames-card"},{type:c.AutoLayoutFrame,selector:"frames-auto-layout"},{type:i.HeadingOrganism,selector:"organisms-heading",inputs:["level"]},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.InputFieldSectionOrganism,selector:"organisms-input-field-section",inputs:["label","placeholder","control"]},{type:e.ActionButtonsSectionOrganism,selector:"organisms-action-buttons-section",inputs:["actionItems"],outputs:["actionItemClick"]},{type:a.SocialLoginSectionOrganism,selector:"organisms-social-login-section",outputs:["signInWithGoogleButtonClick"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.Component,args:[{selector:"templates-entrance",templateUrl:"./entrance.template.html",styleUrls:["./entrance.template.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{isEmailSectionShown:[{type:t.Input}],isPasswordSectionShown:[{type:t.Input}],submitButtonClick:[{type:t.Output}],signInWithGoogleButtonClick:[{type:t.Output}]});var g=function(){};g.ɵfac=function(n){return new(n||g)},g.ɵmod=t.ɵɵdefineNgModule({type:g}),g.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,c.AutoLayoutModule,r.CardModule,e.ActionButtonsSectionModule,i.HeadingModule,s.InputFieldSectionModule,a.SocialLoginSectionModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(g,{declarations:[m],imports:[o.CommonModule,c.AutoLayoutModule,r.CardModule,e.ActionButtonsSectionModule,i.HeadingModule,s.InputFieldSectionModule,a.SocialLoginSectionModule],exports:[m]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(g,[{type:t.NgModule,args:[{declarations:[m],imports:[o.CommonModule,c.AutoLayoutModule,r.CardModule,e.ActionButtonsSectionModule,i.HeadingModule,s.InputFieldSectionModule,a.SocialLoginSectionModule],exports:[m]}]}],null,null),n.EntranceModule=g,n.EntranceTemplate=m,Object.defineProperty(n,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=ng-atomic-components-templates-entrance.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../libs/components/templates/entrance/entrance.template.ts","../../../../libs/components/templates/entrance/entrance.template.html","../../../../libs/components/templates/entrance/entrance.module.ts"],"names":["this","isEmailSectionShown","isPasswordSectionShown","
|
|
1
|
+
{"version":3,"sources":["../../../../libs/components/templates/entrance/entrance.template.ts","../../../../libs/components/templates/entrance/entrance.template.html","../../../../libs/components/templates/entrance/entrance.module.ts"],"names":["this","isEmailSectionShown","isPasswordSectionShown","submitButtonClick","EventEmitter","signInWithGoogleButtonClick","EntranceTemplate","selector","inputs","outputs","ngImport","i0__namespace","template","styles","directives","type","i1","CardFrame","i2","AutoLayoutFrame","i3","HeadingOrganism","i4","NgIf","i5","InputFieldSectionOrganism","i6","ActionButtonsSectionOrganism","i7","SocialLoginSectionOrganism","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","Output","EntranceModule","CommonModule","AutoLayoutModule","CardModule","ActionButtonsSectionModule","HeadingModule","InputFieldSectionModule","SocialLoginSectionModule","declarations","imports","exports","NgModule"],"mappings":"wzDAEA,WAQEA,KAAAC,qBAAsB,EAGtBD,KAAAE,wBAAyB,EAGzBF,KAAAG,kBAAoB,IAAIC,EAAAA,aAGxBJ,KAAAK,4BAA8B,IAAID,EAAAA,+CAXvBE,0DAAAA,EAAgBC,SAAA,qBAAAC,OAAA,CAAAP,oBAAA,sBAAAC,uBAAA,0BAAAO,QAAA,CAAAN,kBAAA,oBAAAE,4BAAA,+BAAAK,SAAAC,EAAAC,SCR7B,0nBAiBAC,OAAA,CAAA,+mBAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,UAAAV,SAAA,eAAA,CAAAQ,KAAAG,EAAAC,gBAAAZ,SAAA,sBAAA,CAAAQ,KAAAK,EAAAC,gBAAAd,SAAA,oBAAAC,OAAA,CAAA,UAAA,CAAAO,KAAAO,EAAAC,KAAAhB,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAO,KAAAS,EAAAC,0BAAAlB,SAAA,gCAAAC,OAAA,CAAA,QAAA,cAAA,YAAA,CAAAO,KAAAW,EAAAC,6BAAApB,SAAA,mCAAAC,OAAA,CAAA,eAAAC,QAAA,CAAA,oBAAA,CAAAM,KAAAa,EAAAC,2BAAAtB,SAAA,iCAAAE,QAAA,CAAA,iCAAAqB,gBAAAC,EAAAC,wBAAAC,yEDTa3B,EAAgB,CAAA,MAN5B4B,EAAAA,gBAAU,CACT3B,SAAU,qBACV4B,YAAa,2BACbC,UAAW,CAAC,4BACZN,gBAAiBE,EAAAA,wBAAwBC,iBAIzChC,oBAAmB,CAAA,MADlBoC,EAAAA,QAIDnC,uBAAsB,CAAA,MADrBmC,EAAAA,QAIDlC,kBAAiB,CAAA,MADhBmC,EAAAA,SAIDjC,4BAA2B,CAAA,MAD1BiC,EAAAA,iBEYH,8CAAaC,oCAAAA,wCAfF,CACPC,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,WAEAC,EAAAA,2BACAC,EAAAA,cACAC,EAAAA,wBACAC,EAAAA,8FAMSP,EAAc,CAAAQ,aAAA,CAjBvBzC,GAAgB0C,QAAA,CAGhBR,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,WAEAC,EAAAA,2BACAC,EAAAA,cACAC,EAAAA,wBACAC,EAAAA,0BAAwBG,QAAA,CAGxB3C,qEAGSiC,EAAc,CAAA,MAnB1BW,EAAAA,eAAS,CACRH,aAAc,CACZzC,GAEF0C,QAAS,CACPR,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,WAEAC,EAAAA,2BACAC,EAAAA,cACAC,EAAAA,wBACAC,EAAAA,0BAEFG,QAAS,CACP3C","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'templates-entrance',\n templateUrl: './entrance.template.html',\n styleUrls: ['./entrance.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n @Input()\n isEmailSectionShown = true;\n\n @Input()\n isPasswordSectionShown = true;\n\n @Output()\n submitButtonClick = new EventEmitter<void>();\n\n @Output()\n signInWithGoogleButtonClick = new EventEmitter<void>();\n}\n","<frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>ログイン</organisms-heading>\n <organisms-input-field-section\n *ngIf=\"isEmailSectionShown\"\n label=\"メールアドレス\"\n ></organisms-input-field-section>\n <organisms-input-field-section\n *ngIf=\"isPasswordSectionShown\"\n label=\"パスワード\"\n ></organisms-input-field-section>\n <organisms-action-buttons-section></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-section>\n </frames-auto-layout>\n</frames-card>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { InputFieldSectionModule } from '@ng-atomic/components/organisms/input-field-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n declarations: [\n EntranceTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n CardModule,\n // Organisms\n ActionButtonsSectionModule,\n HeadingModule,\n InputFieldSectionModule,\n SocialLoginSectionModule,\n ],\n exports: [\n EntranceTemplate\n ]\n})\nexport class EntranceModule { }\n"]}
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
return SmartCrudTemplate;
|
|
394
394
|
}());
|
|
395
395
|
SmartCrudTemplate.ɵfac = function SmartCrudTemplate_Factory(t) { return new (t || SmartCrudTemplate)(); };
|
|
396
|
-
SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartCrudTemplate, selector: "templates-smart-crud", inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, host: { classAttribute: "template" }, ngImport: i0__namespace, template: "<frames-scroll>\n <organisms-back-navigator \n [actionItems]=\"menuActionItems\"\n [canBack]=\"canBack\"\n [title]=\"title\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n (backButtonClick)=\"backButtonClick.emit()\"\n navigator\n ></organisms-back-navigator>\n <frames-auto-layout vertical contents>\n <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n <organisms-select-input-section\n *ngSwitchCase=\"'select'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n [options]=\"(entry[0] | smartField)?.options\"\n ></organisms-select-input-section>\n <organisms-date-input-section\n *ngSwitchCase=\"'date'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-date-input-section>\n <organisms-input-field-section\n *ngSwitchDefault\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-input-field-section>\n </ng-container>\n <organisms-action-buttons-section\n [actionItems]=\"actionItems\"\n (actionItemClick)=\"onActionButtonClick($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-smart-crud-
|
|
396
|
+
SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartCrudTemplate, selector: "templates-smart-crud", inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, host: { classAttribute: "template" }, ngImport: i0__namespace, template: "<frames-scroll>\n <organisms-back-navigator \n [actionItems]=\"menuActionItems\"\n [canBack]=\"canBack\"\n [title]=\"title\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n (backButtonClick)=\"backButtonClick.emit()\"\n navigator\n ></organisms-back-navigator>\n <frames-auto-layout vertical contents>\n <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n <organisms-select-input-section\n *ngSwitchCase=\"'select'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n [options]=\"(entry[0] | smartField)?.options\"\n ></organisms-select-input-section>\n <organisms-date-input-section\n *ngSwitchCase=\"'date'\"\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-date-input-section>\n <organisms-input-field-section\n *ngSwitchDefault\n [label]=\"entry[0] | D\"\n [control]=\"entry[1]\"\n ></organisms-input-field-section>\n </ng-container>\n <organisms-action-buttons-section\n [actionItems]=\"actionItems\"\n (actionItemClick)=\"onActionButtonClick($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-smart-crud-oIjW:var(--horizontal-padding);--vertical-padding:24px;--vertical-padding-SCOPED-IN-smart-crud-oIjW:var(--vertical-padding);--gap:16px;--gap-SCOPED-IN-smart-crud-oIjW:var(--gap);display:block;width:100%;height:100%;background:#fff}:host frames-auto-layout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;--gap:var(--gap-SCOPED-IN-smart-crud-oIjW);--vertical-padding:var(--vertical-padding-SCOPED-IN-smart-crud-oIjW)}:host frames-auto-layout *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-smart-crud-oIjW)}"], directives: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: i6.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7.InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "control"] }, { type: i8.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], pipes: { "smartField": i9.SmartFieldPipe, "D": i9.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
397
397
|
(function () {
|
|
398
398
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartCrudTemplate, [{
|
|
399
399
|
type: i0.Component,
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */Object.create;function g(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,i,a=n.call(t),c=[];try{for(;(void 0===e||e-- >0)&&!(o=a.next()).done;)c.push(o.value)}catch(t){i={error:t}}finally{try{o&&!o.done&&(n=a.return)&&n.call(a)}finally{if(i)throw i.error}}return c}Object.create;var f=function(){function t(){this.canBack=!1,this.name="",this.mode="create",this.menuActionItems=[],this.actionItemClick=new e.EventEmitter,this.backButtonClick=new e.EventEmitter,this.createButtonClick=new e.EventEmitter,this.updateButtonClick=new e.EventEmitter,this.trackByIndex=function(t){return t}}return Object.defineProperty(t.prototype,"title",{get:function(){switch(this.mode){case"create":return this.name+"の作成";case"update":return this.name+"の更新"}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"actionItems",{get:function(){switch(this.mode){case"create":return[{id:"create",name:"作成"}];case"update":return[{id:"update",name:"更新"}]}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"controls",{get:function(){return Object.entries(this.form.controls)},enumerable:!1,configurable:!0}),t.prototype.onActionButtonClick=function(t){switch(g(t,1)[0].id){case"create":return this.createButtonClick.emit();case"update":return this.updateButtonClick.emit()}},t}();f.ɵfac=function(t){return new(t||f)},f.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:f,selector:"templates-smart-crud",inputs:{canBack:"canBack",name:"name",form:"form",mode:"mode",menuActionItems:"menuActionItems"},outputs:{actionItemClick:"actionItemClick",backButtonClick:"backButtonClick",createButtonClick:"createButtonClick",updateButtonClick:"updateButtonClick"},host:{classAttribute:"template"},ngImport:d,template:'<frames-scroll>\n <organisms-back-navigator \n [actionItems]="menuActionItems"\n [canBack]="canBack"\n [title]="title"\n (actionItemClick)="actionItemClick.emit($event)"\n (backButtonClick)="backButtonClick.emit()"\n navigator\n ></organisms-back-navigator>\n <frames-auto-layout vertical contents>\n <ng-container *ngFor="let entry of controls; trackBy:trackByIndex" [ngSwitch]="(entry[0] | smartField)?.type">\n <organisms-select-input-section\n *ngSwitchCase="\'select\'"\n [label]="entry[0] | D"\n [control]="entry[1]"\n [options]="(entry[0] | smartField)?.options"\n ></organisms-select-input-section>\n <organisms-date-input-section\n *ngSwitchCase="\'date\'"\n [label]="entry[0] | D"\n [control]="entry[1]"\n ></organisms-date-input-section>\n <organisms-input-field-section\n *ngSwitchDefault\n [label]="entry[0] | D"\n [control]="entry[1]"\n ></organisms-input-field-section>\n </ng-container>\n <organisms-action-buttons-section\n [actionItems]="actionItems"\n (actionItemClick)="onActionButtonClick($event)"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-smart-crud-
|
|
15
|
+
***************************************************************************** */Object.create;function g(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,i,a=n.call(t),c=[];try{for(;(void 0===e||e-- >0)&&!(o=a.next()).done;)c.push(o.value)}catch(t){i={error:t}}finally{try{o&&!o.done&&(n=a.return)&&n.call(a)}finally{if(i)throw i.error}}return c}Object.create;var f=function(){function t(){this.canBack=!1,this.name="",this.mode="create",this.menuActionItems=[],this.actionItemClick=new e.EventEmitter,this.backButtonClick=new e.EventEmitter,this.createButtonClick=new e.EventEmitter,this.updateButtonClick=new e.EventEmitter,this.trackByIndex=function(t){return t}}return Object.defineProperty(t.prototype,"title",{get:function(){switch(this.mode){case"create":return this.name+"の作成";case"update":return this.name+"の更新"}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"actionItems",{get:function(){switch(this.mode){case"create":return[{id:"create",name:"作成"}];case"update":return[{id:"update",name:"更新"}]}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"controls",{get:function(){return Object.entries(this.form.controls)},enumerable:!1,configurable:!0}),t.prototype.onActionButtonClick=function(t){switch(g(t,1)[0].id){case"create":return this.createButtonClick.emit();case"update":return this.updateButtonClick.emit()}},t}();f.ɵfac=function(t){return new(t||f)},f.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:f,selector:"templates-smart-crud",inputs:{canBack:"canBack",name:"name",form:"form",mode:"mode",menuActionItems:"menuActionItems"},outputs:{actionItemClick:"actionItemClick",backButtonClick:"backButtonClick",createButtonClick:"createButtonClick",updateButtonClick:"updateButtonClick"},host:{classAttribute:"template"},ngImport:d,template:'<frames-scroll>\n <organisms-back-navigator \n [actionItems]="menuActionItems"\n [canBack]="canBack"\n [title]="title"\n (actionItemClick)="actionItemClick.emit($event)"\n (backButtonClick)="backButtonClick.emit()"\n navigator\n ></organisms-back-navigator>\n <frames-auto-layout vertical contents>\n <ng-container *ngFor="let entry of controls; trackBy:trackByIndex" [ngSwitch]="(entry[0] | smartField)?.type">\n <organisms-select-input-section\n *ngSwitchCase="\'select\'"\n [label]="entry[0] | D"\n [control]="entry[1]"\n [options]="(entry[0] | smartField)?.options"\n ></organisms-select-input-section>\n <organisms-date-input-section\n *ngSwitchCase="\'date\'"\n [label]="entry[0] | D"\n [control]="entry[1]"\n ></organisms-date-input-section>\n <organisms-input-field-section\n *ngSwitchDefault\n [label]="entry[0] | D"\n [control]="entry[1]"\n ></organisms-input-field-section>\n </ng-container>\n <organisms-action-buttons-section\n [actionItems]="actionItems"\n (actionItemClick)="onActionButtonClick($event)"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-smart-crud-oIjW:var(--horizontal-padding);--vertical-padding:24px;--vertical-padding-SCOPED-IN-smart-crud-oIjW:var(--vertical-padding);--gap:16px;--gap-SCOPED-IN-smart-crud-oIjW:var(--gap);display:block;width:100%;height:100%;background:#fff}:host frames-auto-layout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;--gap:var(--gap-SCOPED-IN-smart-crud-oIjW);--vertical-padding:var(--vertical-padding-SCOPED-IN-smart-crud-oIjW)}:host frames-auto-layout *{--horizontal-padding:var(--horizontal-padding-SCOPED-IN-smart-crud-oIjW)}"],directives:[{type:i.ScrollFrame,selector:"frames-scroll"},{type:r.BackNavigatorOrganism,selector:"organisms-back-navigator",inputs:["canBack","title","actionItems"],outputs:["backButtonClick","actionItemClick"]},{type:a.AutoLayoutFrame,selector:"frames-auto-layout"},{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:n.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:n.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:l.SelectInputSectionOrganism,selector:"organisms-select-input-section",inputs:["label","control","options"]},{type:u.DateInputSectionOrganism,selector:"organisms-date-input-section",inputs:["control","label","placeholder"]},{type:n.NgSwitchDefault,selector:"[ngSwitchDefault]"},{type:s.InputFieldSectionOrganism,selector:"organisms-input-field-section",inputs:["label","placeholder","control"]},{type:c.ActionButtonsSectionOrganism,selector:"organisms-action-buttons-section",inputs:["actionItems"],outputs:["actionItemClick"]}],pipes:{smartField:m.SmartFieldPipe,D:m.DomainPipe},changeDetection:e.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(f,[{type:e.Component,args:[{selector:"templates-smart-crud",templateUrl:"./smart-crud.template.html",styleUrls:["./smart-crud.template.scss"],changeDetection:e.ChangeDetectionStrategy.OnPush,host:{class:"template"}}]}],null,{canBack:[{type:e.Input}],name:[{type:e.Input}],form:[{type:e.Input}],mode:[{type:e.Input}],menuActionItems:[{type:e.Input}],actionItemClick:[{type:e.Output}],backButtonClick:[{type:e.Output}],createButtonClick:[{type:e.Output}],updateButtonClick:[{type:e.Output}]});var y=function(){};y.ɵfac=function(t){return new(t||y)},y.ɵmod=e.ɵɵdefineNgModule({type:y}),y.ɵinj=e.ɵɵdefineInjector({imports:[[n.CommonModule,o.ReactiveFormsModule,m.DomainModule,m.SmartFieldModule,a.AutoLayoutModule,i.ScrollModule,c.ActionButtonsSectionModule,r.BackNavigatorModule,u.DateInputSectionModule,s.InputFieldSectionModule,l.SelectInputSectionModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&e.ɵɵsetNgModuleScope(y,{declarations:[f],imports:[n.CommonModule,o.ReactiveFormsModule,m.DomainModule,m.SmartFieldModule,a.AutoLayoutModule,i.ScrollModule,c.ActionButtonsSectionModule,r.BackNavigatorModule,u.DateInputSectionModule,s.InputFieldSectionModule,l.SelectInputSectionModule],exports:[f]}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(y,[{type:e.NgModule,args:[{declarations:[f],imports:[n.CommonModule,o.ReactiveFormsModule,m.DomainModule,m.SmartFieldModule,a.AutoLayoutModule,i.ScrollModule,c.ActionButtonsSectionModule,r.BackNavigatorModule,u.DateInputSectionModule,s.InputFieldSectionModule,l.SelectInputSectionModule],exports:[f]}]}],null,null),t.SmartCrudModule=y,t.SmartCrudTemplate=f,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=ng-atomic-components-templates-smart-crud.umd.min.js.map
|
|
@@ -62,6 +62,11 @@
|
|
|
62
62
|
this.menuActionItems = [];
|
|
63
63
|
this.properties = [];
|
|
64
64
|
this.selectedIdSet = new Set();
|
|
65
|
+
this.page = {
|
|
66
|
+
pageIndex: 0,
|
|
67
|
+
pageSize: 20,
|
|
68
|
+
length: 100,
|
|
69
|
+
};
|
|
65
70
|
this.queryPlaceholder = '';
|
|
66
71
|
this.actionItemClick = new i0.EventEmitter();
|
|
67
72
|
this.backButtonClick = new i0.EventEmitter();
|
|
@@ -71,7 +76,7 @@
|
|
|
71
76
|
return SmartIndexTemplate;
|
|
72
77
|
}());
|
|
73
78
|
SmartIndexTemplate.ɵfac = function SmartIndexTemplate_Factory(t) { return new (t || SmartIndexTemplate)(); };
|
|
74
|
-
SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", items: "items", actionItems: "actionItems", menuActionItems: "menuActionItems", properties: "properties", selectedIdSet: "selectedIdSet", page: "page", queryPlaceholder: "queryPlaceholder" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0__namespace, template: "<frames-scroll>\n <organisms-back-navigator\n [canBack]=\"canBack\"\n [title]=\"title\" \n [actionItems]=\"menuActionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n (backButtonClick)=\"backButtonClick.emit()\"\n navigator\n ></organisms-back-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [actionItems]=\"actionItems\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n [control]=\"queryControl\"\n [page]=\"page\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height:56px;--navigator-height-SCOPED-IN-smart-index-
|
|
79
|
+
SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", items: "items", actionItems: "actionItems", menuActionItems: "menuActionItems", properties: "properties", selectedIdSet: "selectedIdSet", page: "page", queryPlaceholder: "queryPlaceholder" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0__namespace, template: "<frames-scroll>\n <organisms-back-navigator\n [canBack]=\"canBack\"\n [title]=\"title\" \n [actionItems]=\"menuActionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n (backButtonClick)=\"backButtonClick.emit()\"\n navigator\n ></organisms-back-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [actionItems]=\"actionItems\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n [control]=\"queryControl\"\n [page]=\"page\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height:56px;--navigator-height-SCOPED-IN-smart-index-Uoxv:var(--navigator-height);width:100%;height:100%;background:#fff;display:block}:host frames-auto-layout{--gap:0;--vertical-padding:0}"], directives: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "patientsSize", "pageSize", "actionItems", "selectedIdSet"], outputs: ["actionItemClick", "checkboxClick", "pageChange", "itemCheck"] }, { type: i5.PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
75
80
|
(function () {
|
|
76
81
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
|
|
77
82
|
type: i0.Component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-templates-smart-index.umd.js","sources":["../../../../libs/components/templates/smart-index/smart-index.template.ts","../../../../libs/components/templates/smart-index/smart-index.template.html","../../../../libs/components/templates/smart-index/smart-index.module.ts","../../../../libs/components/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Page extends PageEvent { }\n\nexport class Page {\n static fromObj(event: PageEvent = {pageSize: 50, pageIndex: 0, length: 100}): Page {\n return Object.assign(new Page(), event);\n }\n\n get start(): number {\n return this.pageIndex * this.pageSize;\n }\n\n get end(): number {\n return Math.min((this.pageIndex + 1) * this.pageSize, this.length);\n }\n\n patch(obj: Partial<PageEvent>): Page {\n return Page.fromObj({...this, ...obj});\n }\n}\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>();\n\n @Input()\n title: string = '';\n\n @Input()\n items: T[] = [];\n\n @Input()\n actionItems: ActionItem[] = [];\n\n @Input()\n menuActionItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n page
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-templates-smart-index.umd.js","sources":["../../../../libs/components/templates/smart-index/smart-index.template.ts","../../../../libs/components/templates/smart-index/smart-index.template.html","../../../../libs/components/templates/smart-index/smart-index.module.ts","../../../../libs/components/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Page extends PageEvent { }\n\nexport class Page {\n static fromObj(event: PageEvent = {pageSize: 50, pageIndex: 0, length: 100}): Page {\n return Object.assign(new Page(), event);\n }\n\n get start(): number {\n return this.pageIndex * this.pageSize;\n }\n\n get end(): number {\n return Math.min((this.pageIndex + 1) * this.pageSize, this.length);\n }\n\n patch(obj: Partial<PageEvent>): Page {\n return Page.fromObj({...this, ...obj});\n }\n}\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>();\n\n @Input()\n title: string = '';\n\n @Input()\n items: T[] = [];\n\n @Input()\n actionItems: ActionItem[] = [];\n\n @Input()\n menuActionItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n page: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n queryPlaceholder = '';\n\n @Output()\n actionItemClick = new EventEmitter();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n}\n","<frames-scroll>\n <organisms-back-navigator\n [canBack]=\"canBack\"\n [title]=\"title\" \n [actionItems]=\"menuActionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n (backButtonClick)=\"backButtonClick.emit()\"\n navigator\n ></organisms-back-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [actionItems]=\"actionItems\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n [control]=\"queryControl\"\n [page]=\"page\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { BackNavigatorModule } from '@ng-atomic/components/organisms/back-navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n BackNavigatorModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","AutoLayoutModule","ScrollModule","PaginatorModule","SmartTableModule","BackNavigatorModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAOA;SAgBC;QAfQ,YAAO,GAAd,UAAe,KAA4D;YAA5D,sBAAA,EAAA,UAAoB,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAC;YACzE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;SACzC;QAED,sBAAI,uBAAK;iBAAT;gBACE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;aACvC;;;WAAA;QAED,sBAAI,qBAAG;iBAAP;gBACE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;aACpE;;;WAAA;QAED,oBAAK,GAAL,UAAM,GAAuB;YAC3B,OAAO,IAAI,CAAC,OAAO,iCAAK,IAAI,GAAK,GAAG,EAAE,CAAC;SACxC;mBACF;KAAA,IAAA;;QAED;YAUE,YAAO,GAAG,KAAK,CAAC;YAGhB,iBAAY,GAAG,IAAIA,yBAAW,EAAU,CAAC;YAGzC,UAAK,GAAW,EAAE,CAAC;YAGnB,UAAK,GAAQ,EAAE,CAAC;YAGhB,gBAAW,GAAiB,EAAE,CAAC;YAG/B,oBAAe,GAAiB,EAAE,CAAC;YAGnC,eAAU,GAAiB,EAAE,CAAC;YAG9B,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;YAGlC,SAAI,GAAc;gBAChB,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,GAAG;aACZ,CAAC;YAGF,qBAAgB,GAAG,EAAE,CAAC;YAGtB,oBAAe,GAAG,IAAIC,eAAY,EAAE,CAAC;YAGrC,oBAAe,GAAG,IAAIA,eAAY,EAAE,CAAC;YAGrC,kBAAa,GAAG,IAAIA,eAAY,EAAK,CAAC;YAGtC,eAAU,GAAG,IAAIA,eAAY,EAAa,CAAC;SAE5C;;;wFAhDY,kBAAkB;kFAAlB,kBAAkB,ygBChC/B,q3BAyBgB;;gFDOH,kBAAkB;sBAP9BC,YAAS;uBAAC;wBACT,QAAQ,EAAE,uBAAuB;wBACjC,WAAW,EAAE,6BAA6B;wBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;wBAC1C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;qBAC5B;wBAIC,OAAO;0BADNC,QAAK;oBAIN,YAAY;0BADXA,QAAK;oBAIN,KAAK;0BADJA,QAAK;oBAIN,KAAK;0BADJA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,eAAe;0BADdA,QAAK;oBAIN,UAAU;0BADTA,QAAK;oBAIN,aAAa;0BADZA,QAAK;oBAIN,IAAI;0BADHA,QAAK;oBAQN,gBAAgB;0BADfA,QAAK;oBAIN,eAAe;0BADdC,SAAM;oBAIP,eAAe;0BADdA,SAAM;oBAIP,aAAa;0BADZA,SAAM;oBAIP,UAAU;0BADTA,SAAM;;;;;QE/CT;;;;oFAAa,gBAAgB;wDAAhB,gBAAgB;4DAdlB;gBACPC,mBAAY;;gBAEZC,mBAAgB;gBAChBC,eAAY;;gBAEZC,kBAAe;gBACfC,mBAAgB;gBAChBC,sBAAmB;aACpB;;iFAKU,gBAAgB,mBAhBzB,kBAAkB,aAGlBL,mBAAY;;gBAEZC,mBAAgB;gBAChBC,eAAY;;gBAEZC,kBAAe;gBACfC,mBAAgB;gBAChBC,sBAAmB,aAGnB,kBAAkB;;;gFAGT,gBAAgB;sBAlB5BC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,kBAAkB;yBACnB;wBACD,OAAO,EAAE;4BACPN,mBAAY;;4BAEZC,mBAAgB;4BAChBC,eAAY;;4BAEZC,kBAAe;4BACfC,mBAAgB;4BAChBC,sBAAmB;yBACpB;wBACD,OAAO,EAAE;4BACP,kBAAkB;yBACnB;qBACF;;;;IC7BD;;;;;;;;;;;;;;"}
|